钟表情缘源码钟表情缘系统开发功能分享

钟表情缘是一款区块互助+品质商城的系统，钟表情缘功能主要有会员系统，支付系统，预约系统，商城系统，抢购系统，转让系统，转盘系统等等

用户注册可以获得一定的金币，通过金币预约商品

用户在玩钟表情缘的过程中，也可以通过预约成功后获得的BBC参与抽奖

 个人中心具有会员体系，用户可以看到自己的转让记录，预约记录等等

钟表情缘系统开发源码分享： 

<div ref="container">
  <div class="coupon-list" v-if="couponsList.length > 0">
    <div
      class="item acea-row row-center-wrapper"
      v-cloak
      v-for="(item, index) in couponsList"
      :key="index"
    >
      <div class="money" :class="item._type === 0 ? 'moneyGray' : ''">
        <div>
          ￥<span class="num">{{ item.coupon_price }}</span>
        </div>
        <div class="pic-num">满{{ item.use_min_price }}元可用</div>
      </div>
      <div class="text">
        <div class="condition line1">
          <span
            class="line-title"
            :class="item._type === 0 ? 'bg-color-huic' : 'bg-color-check'"
            v-if="item.applicable_type === 0"
            >通用劵</span
          >
          <span
            class="line-title"
            :class="item._type === 0 ? 'bg-color-huic' : 'bg-color-check'"
            v-else-if="item.applicable_type === 1"
            >品类券</span
          >
          <span
            class="line-title"
            :class="item._type === 0 ? 'bg-color-huic' : 'bg-color-check'"
            v-else
            >商品券</span
          >
          <span>{{ item.coupon_title }}</span>
        </div>
        <div class="data acea-row row-between-wrapper">
          <div v-if="item._end_time === 0">不限时</div>
          <div v-else>{{ item._add_time }}-{{ item._end_time }}</div>
          <div class="bnt gray" v-if="item._type === 0">{{ item._msg }}</div>
          <div class="bnt bg-color-red" v-else>{{ item._msg }}</div>
        </div>
      </div>
    </div>
  </div>
  <!--暂无优惠券-->
  <div
    class="noCommodity"
    v-if="couponsList.length === 0 && loading === true"
  >
    <div class="noPictrue">
      < img src="@assets/images/noCoupon.png" class="image" />
    </div>
  </div>
</div>