C端小程序
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

91 linhas
3.7 KiB

  1. <view class="container page">
  2. <view class="coupon_detail clearfix">
  3. <image class="fl" src="{{data.coverImg}}" mode="widthFix" />
  4. <view class="fr">
  5. <text class="title">{{data.title}}</text>
  6. <view class="time">{{data.subTitle}}</view>
  7. <view class="money">
  8. <text>¥{{data.salePrice/100}}</text>
  9. <del>¥{{data.price/100}}</del>
  10. <text wx:if="{{data.usePrice!=undefined}}" class="manjian">满{{data.usePrice/100}}元可用</text>
  11. <text wx:if="{{data.usePrice==undefined}}" class="manjian">仅限本店使用</text>
  12. </view>
  13. </view>
  14. </view>
  15. <view class="timevalidity">
  16. <text>有效期至:</text>
  17. <text>{{expiredTime}}</text>
  18. </view>
  19. <!-- <view class="panel">
  20. <view class="barcode">
  21. <canvas canvas-id="barcode" />
  22. </view>
  23. <view class="qrcode">
  24. <image wx:if="{{data.couponOrderStatus==1}}" src="./../../../assets/img/wm01.jpg" mode="widthFix"></image>
  25. <image wx:if="{{data.couponOrderStatus==2}}" src="./../../../assets/img/wm02.jpg" mode="widthFix"></image>
  26. <image wx:if="{{data.couponOrderStatus==3}}" src="./../../../assets/img/wm03.jpg" mode="widthFix"></image>
  27. <canvas canvas-id="qrcode" />
  28. </view>
  29. <view class="barnum"><text>兑换码:</text>{{code}}</view>
  30. </view> -->
  31. <view class="zhuangtai">
  32. <image wx:if="{{data.couponOrderStatus==1}}" src="./../../../assets/img/wm01.jpg"></image>
  33. <image wx:if="{{data.couponOrderStatus==2}}" src="./../../../assets/img/wm02.jpg"></image>
  34. <image wx:if="{{data.couponOrderStatus==3}}" src="./../../../assets/img/wm03.jpg"></image>
  35. <view class="panel" wx:if="{{data.couponOrderStatus==0}}">
  36. <view class="barcode">
  37. <canvas canvas-id="barcode" />
  38. </view>
  39. <view class="qrcode">
  40. <canvas canvas-id="qrcode" />
  41. </view>
  42. <view class="barnum buy"><text>兑换码:</text>{{code}}</view>
  43. </view>
  44. </view>
  45. <view class="posi">
  46. <view class="tit">
  47. 适用门店
  48. </view>
  49. <view class='posi_logo'>
  50. <view>
  51. <image src='{{data.merChantImgUrl}}'></image>
  52. </view>
  53. <view>
  54. <text>{{data.merchantName}}</text>
  55. <text>{{data.addr}}{{data.buildingName}}{{data.floorName}}</text>
  56. </view>
  57. <image bindtap='phone' class="tel" src="./../../../assets/img/tel.jpg" mode="widthFix" />
  58. </view>
  59. </view>
  60. <view class='note'>
  61. <view wx:if="{{data.couponOrderStatus==0}}"><text>下单时间</text><text>{{createDate}}</text></view>
  62. <view wx:if="{{data.couponOrderStatus==1}}"><text>核销时间</text><text>{{updateDate}}</text></view>
  63. <view wx:if="{{data.couponOrderStatus==2}}"><text>过期时间</text><text>{{updateDate}}</text></view>
  64. <view wx:if="{{data.couponOrderStatus==3}}"><text>退款时间</text><text>{{updateDate}}</text></view>
  65. <view><text>订单编号</text><text>{{data.orderId}}</text></view>
  66. <!-- <view><text>手机号</text><text>2018.05.25</text></view> -->
  67. <view><text>实付金额</text><text>{{data.couponPrice/100}}元</text></view>
  68. </view>
  69. <view class='notes' style="border-bottom:0">
  70. <view>
  71. <text>购买须知</text>
  72. </view>
  73. <view>
  74. <text><text class='spot'></text>有效期2018.01.16 至 2018.09.20</text>
  75. <text><text class='spot'></text>除特价酒水及特价菜外全场通用</text>
  76. <text><text class='spot'></text>无需预约,消费g高峰时可能需要等位</text>
  77. <text><text class='spot'></text>没人最多购买2张</text>
  78. <text><text class='spot'></text>不可使用包间</text>
  79. <text><text class='spot'></text>堂食外带均可,可免费打包</text>
  80. <text><text class='spot'></text>每桌限用2张</text>
  81. </view>
  82. </view>
  83. </view>