gcb_zc/components/payment.vue

<template>
  <div class="payment">
    <div>
      <p>
        沈阳联通2019-2021年消防设备设施维护维修采
        购项目招标公告
      </p>
      <div class="auto">
        <ul>
          <li class="discount active">
            <p>
              <span>
                <i>￥</i>5
              </span>
              <span class="del">
                <i>￥</i>5
              </span>
            </p>
            <span>查看本条消息</span>
          </li>
          <li class="discount">
            <p>
              <span>
                <i>￥</i>5
              </span>
              <span class="del">
                <i>￥</i>5
              </span>
            </p>
            <span>查看本条消息</span>
          </li>
          <li class="discount">
            <p>
              <span>
                <i>￥</i>5
              </span>
              <span class="del">
                <i>￥</i>5
              </span>
            </p>
            <span>查看本条消息</span>
          </li>
        </ul>
      </div>
      <div class="confirm">
        <button>确认支付</button>
        <p>
          会员更划算哦！点击
          <span>成为会员</span>
        </p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      selected: ['selected']
    }
  },
  methods: {
    addTodo(e) {
      console.log(global.name)
    }
  },
  watch: {}
}
</script>
<style>
  .payment .auto .active p{
    border-color: #ff5c5c;
  }
</style>