C端小程序
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

34 行
1.8 KiB

  1. <navigator url="/pages/coupon/detail/index?couponChannelId={{data.id}}&couponId={{data.couponId}}">
  2. <!-- 首页优惠券列表页面 -->
  3. <view class="coupons">
  4. <view class="coupons-img">
  5. <image src="{{data.coverImg}}" mode='aspectFill'></image>
  6. </view>
  7. <view class="coupons-info">
  8. <view class="coupons-info-name tit">{{data.title}}</view>
  9. <view class="coupons-info-name subtitle">{{data.subTitle}}</view>
  10. <view class="coupons-info-price-p">
  11. <view class='price'>
  12. <text>{{data.salePriceStr}}<text style="font-size:24rpx;display:inline-block;margin-right:10rpx;">元</text></text>
  13. <view class="coupons-info-manjian" style="margin-top:10rpx;" wx:if="{{data.type == 1}}">
  14. <text>{{data.priceStr}}元</text>
  15. <text>满{{data.usePriceStr}}元可用</text>
  16. </view>
  17. <view class="coupons-info-manjian" wx:elif="{{data.type == 2||data.type == 3||data.type==4||data.type==5}}">
  18. <text>{{data.priceStr}}元</text>
  19. <text>仅限本店使用</text>
  20. </view>
  21. </view>
  22. <view class="coupons-info-manjian1">{{data.merchantName}}</view>
  23. </view>
  24. </view>
  25. <view class="coupons-btn">
  26. <!-- 优惠券价格 -->
  27. <i-button i-class="coupons-btn-gm" wx:if="{{data.salePriceStr==0&&data.remainInventory!=0}}" data-date='{{data}}'>免费领</i-button>
  28. <i-button i-class="coupons-btn-gm" wx:if="{{data.salePriceStr!=0&&data.remainInventory!=0}}" data-date='{{data}}'>马上购</i-button>
  29. <i-button i-class="coupons-btn-gms" wx:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button>
  30. </view>
  31. <view class="coupons-info-name sy">剩余{{data.remainInventory}}</view>
  32. <view class="coupons-border"></view>
  33. </view>
  34. </navigator>