C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

100 行
3.5 KiB

  1. <view class="container page">
  2. <view class="coupon_detail clearfix">
  3. <view class="fl wmfl">
  4. <image src="{{data.coverImg}}" mode='aspectFill' />
  5. </view>
  6. <view class="fr">
  7. <text class="title">{{data.title}}</text>
  8. <view class="time">{{data.subTitle}}</view>
  9. <view class="money">
  10. <text>¥{{data.salePrice/100}}</text>
  11. <del>¥{{data.price/100}}</del>
  12. <text wx:if="{{data.usePrice!=undefined}}" class="manjian">满{{data.usePrice/100}}元可用</text>
  13. <text wx:if="{{data.usePrice==undefined}}" class="manjian">仅限本店使用</text>
  14. </view>
  15. </view>
  16. </view>
  17. <view class="timevalidity">
  18. <text>有效期至:</text>
  19. <text>{{expiredTime}}</text>
  20. </view>
  21. <image class='line' mode="widthFix" src="./../../../assets/img/line.png"></image>
  22. <view class="zhuangtai">
  23. <image wx:if="{{data.couponOrderStatus==1}}" src="./../../../assets/img/wm01.jpg" mode='widthFix'></image>
  24. <image wx:if="{{data.couponOrderStatus==2}}" src="./../../../assets/img/wm02.jpg" mode='widthFix'></image>
  25. <image wx:if="{{data.couponOrderStatus==3}}" src="./../../../assets/img/wm03.jpg" mode='widthFix'></image>
  26. <view class="panel" wx:if="{{data.couponOrderStatus==0}}">
  27. <view class="barcode">
  28. <canvas canvas-id="barcode" />
  29. </view>
  30. <view class="qrcode">
  31. <canvas canvas-id="qrcode" />
  32. </view>
  33. <view class="barnum buy">
  34. <text>优惠券码:</text>{{code}}</view>
  35. </view>
  36. </view>
  37. <view class="posi">
  38. <view class="tit">
  39. 适用门店
  40. </view>
  41. <view wx:for="{{data.merchantVoList}}" wx:key="{{index}}">
  42. <view class='posi_logo'>
  43. <view>
  44. <image src='{{item.merchantImgUrl}}'></image>
  45. </view>
  46. <view>
  47. <text>{{item.merchantName}}</text>
  48. <text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text>
  49. </view>
  50. <view bindtap='phone' data-merchantLinkPhone='{{item.merchantLinkPhone}}'>
  51. <image class="tel" src="./../../../assets/img/tel.jpg" mode="widthFix" />
  52. </view>
  53. </view>
  54. </view>
  55. </view>
  56. <image class='line' mode="widthFix" src="./../../../assets/img/line.png"></image>
  57. <view class='note'>
  58. <view style='height:60rpx;line-height:60rpx;'>
  59. <text class="shiji">实付金额:</text>
  60. <text class='moneys'>{{data.couponPrice/100}}</text>
  61. <text style='font-size:24rpx;text-align:right;color: #FF4949;'>元</text>
  62. </view>
  63. <view wx:if="{{data.couponOrderStatus==0}}">
  64. <text>下单时间:</text>
  65. <text>{{createDate}}</text>
  66. </view>
  67. <view wx:if="{{data.couponOrderStatus==1}}">
  68. <text>核销时间:</text>
  69. <text>{{updateDate}}</text>
  70. </view>
  71. <view wx:if="{{data.couponOrderStatus==2}}">
  72. <text>过期时间:</text>
  73. <text>{{updateDate}}</text>
  74. </view>
  75. <view wx:if="{{data.couponOrderStatus==3}}">
  76. <text>退款时间:</text>
  77. <text>{{updateDate}}</text>
  78. </view>
  79. <view>
  80. <text>订单编号:</text>
  81. <text>{{data.orderId}}</text>
  82. </view>
  83. <!-- <view><text>手机号</text><text>2018.05.25</text></view> -->
  84. </view>
  85. <view class='notes' style="border-bottom:0">
  86. <view>
  87. <text>购买须知</text>
  88. </view>
  89. <view>
  90. <text><text class='spot'></text>{{data.remark}}</text>
  91. </view>
  92. </view>
  93. </view>
  94. <view class='game' bindtap="gotogame" wx-if="{{showIf}}">
  95. <view class='game-entry'>
  96. <image src="./../../../assets/img/new.png" class='gameimg' mode='widthFix'></image>
  97. </view>
  98. </view>