C端小程序
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

88 rader
4.0 KiB

  1. <!-- 券的详情页面 -->
  2. <view class='coupons'>
  3. <view class="coupons-body">
  4. <view class='banner'>
  5. <image src='{{data.coverImg}}'></image>
  6. </view>
  7. <view class='coupons_info'>
  8. <view class='fenxiang'>
  9. <image class="fenxiang" src='./../../../assets/img/fenxiang.png' mode="widthFix"></image>
  10. <button class='share user-motto' data-id='{{data.id}}' data-couponId='{{data.couponId}}' data-title='{{data.title}}' id="shareBtn" open-type="share" hover-class="other-button-hover"></button>
  11. </view>
  12. <view>
  13. <view class='distance' wx:if="{{data.targetAd==2&&data.endTime!=undefined&&data.type!=5}}">
  14. <view style='text-align:center;display:inline-block;'>
  15. <image class='clock' src='./../../../assets/img/clock.png' mode='widthFix'></image>
  16. <text class="qiang">距结束还剩 :</text>
  17. </view>
  18. <view wx:if="{{total_micro_second<=0||data.remainInventory==0}}" class='times'> <text>00</text>天
  19. <text>00</text>:
  20. <text>00</text>:
  21. <text>00</text></view>
  22. <view wx:if="{{clock!='已经截止'&&data.remainInventory!=0}}" class='times'>
  23. <text>{{day}}</text>天
  24. <text>{{hour}}</text>:
  25. <text>{{min}}</text>:
  26. <text>{{sec}}</text>
  27. </view>
  28. </view>
  29. <text class='title'>{{data.title}}</text>
  30. <text class="subTitle">{{data.subTitle}}</text>
  31. <view class='salePriceStr clearfix'>
  32. <view class="fl">售价:
  33. <text class="pri01">{{data.salePriceStr}}</text>
  34. <text class="yuan">元</text>
  35. <text class='throgh'>{{data.priceStr}}元</text>
  36. </view>
  37. <text class="restNum fr">剩余<text>{{data.remainInventory}}件</text></text>
  38. </view>
  39. <view class='rest' wx:if="{{data.validType==2}}">有效期:自领取之日起
  40. <text class='time'>{{validDays}}</text>天内有效</view>
  41. <view class='rest' wx:if="{{data.validType==1}}">有效期:
  42. <text class='time'>{{validStartDate}}至{{validEndDate}}</text>
  43. </view>
  44. <view class='rest' wx:if="{{data.type==5}}">
  45. <text class='time'>当次有效</text>
  46. </view>
  47. <view class='rest' wx:if="{{data.type==1}}">
  48. <text class='txt01'>使用条件:</text>
  49. <text class='time'>满{{data.usePriceStr}}元可用</text>
  50. </view>
  51. <view class='rest'>
  52. <text class='txt01'>限购条件:</text>
  53. <text class='time'>每人{{data.useLimitQuantity}}张</text>
  54. </view>
  55. </view>
  56. </view>
  57. <view class='posi'>
  58. <view class='posi_logo'>
  59. <view>
  60. <image src='{{data.merChantImgUrl}}'></image>
  61. </view>
  62. <view>
  63. <text>{{data.merchantName}}</text>
  64. <text>{{data.addr}}{{data.buildingName}}{{data.floorName}}</text>
  65. </view>
  66. <image bindtap='phone' class="tel" src="./../../../assets/img/tel.jpg" mode="widthFix" />
  67. </view>
  68. </view>
  69. <view class='notes'>
  70. <view>
  71. <text>购买须知</text>
  72. </view>
  73. <view>
  74. <text><text class='spot'></text>{{data.remark}}</text>
  75. </view>
  76. </view>
  77. </view>
  78. <view class="buy-view app-border-top">
  79. <button bindtap='orderFunc' hover-class='active' class='buy' wx:if="{{data.salePriceStr!=0&&data.remainInventory!=0&&endtime!='活动已结束'}}">
  80. <text class='txt'>{{data.salePriceStr}}元</text>马上购买</button>
  81. <button bindtap='orderFunc' class='buy' wx:if="{{data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'}}">免费领取</button>
  82. <button class='buy' wx:if="{{data.remainInventory==0&&endtime!='活动已结束'}}" style="background:#999;color: #fff;">已售罄</button>
  83. <button class='buy' wx:if="{{endtime=='活动已结束'}}" style="background:#999;color: #fff;">活动已结束</button>
  84. <button class='buy' wx:if="{{total_micro_second<=0}}" style="background:#999;color: #fff;">活动已结束</button>
  85. </view>
  86. </view>