C端小程序
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

126 wiersze
6.2 KiB

  1. <view wx:if="{{showPage}}">
  2. <!-- 券的详情页面 -->
  3. <view class='coupons'>
  4. <view class="coupons-body">
  5. <view class='banner'>
  6. <image src='{{data.coverImg}}'></image>
  7. </view>
  8. <view class='coupons_info' style='position:relative;z-index:9'>
  9. <view class='fenxiang'>
  10. <image class="fenxiang" src='{{fenxiangUrl}}' mode="widthFix"></image>
  11. <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>
  12. </view>
  13. <view>
  14. <view class='distance' wx:if="{{data.targetAd==2&&data.endTime!=undefined&&data.type!=5}}">
  15. <view style='text-align:center;display:inline-block;'>
  16. <image class='clock' src='{{clockUrl}}' mode='widthFix'></image>
  17. <text class="qiang">距结束还剩 :</text>
  18. </view>
  19. <view wx:if="{{clock=='已经截止'||data.remainInventory==0||data.status==1}}" class='times'>
  20. <text>{{day}}</text>天
  21. <text>{{hour}}</text>:
  22. <text>{{min}}</text>:
  23. <text>{{sec}}</text>
  24. </view>
  25. <view wx:if="{{clock!='已经截止'&&data.remainInventory!=0}}" class='times'>
  26. <text>{{day}}</text>天
  27. <text>{{hour}}</text>:
  28. <text>{{min}}</text>:
  29. <text>{{sec}}</text>
  30. </view>
  31. </view>
  32. <text class='title'>{{data.title}}<text class="elecard">电子卡</text></text>
  33. <text class="subTitle">{{data.subTitle}}</text>
  34. <view class='salePriceStr clearfix'>
  35. <view class="fl">售价:
  36. <text class="pri01">{{data.salePriceStr}}</text>
  37. <text class="yuan">元</text>
  38. <text class='throgh' wx:if="{{data.unit==0}}">{{data.priceStr}}元</text>
  39. <text wx:if="{{data.unit==1}}">{{data.priceStr}}小时</text>
  40. </view>
  41. <text class="restNum fr">剩余<text>{{data.remainInventory}}件</text></text>
  42. </view>
  43. <view class='rest' wx:if="{{data.validType==2}}">有效期:自领取之日起
  44. <text class='time'>{{validDays}}</text>天内有效</view>
  45. <view class='rest' wx:if="{{data.validType==1}}">有效期:
  46. <text class='time'>{{validStartDate}}至{{validEndDate}}</text>
  47. </view>
  48. <view class='rest' wx:if="{{data.type==5}}">
  49. <text class='time'>当次有效</text>
  50. </view>
  51. <view class='rest' wx:if="{{data.type==1}}">
  52. <text class='txt01'>使用条件:</text>
  53. <text class='time'>满{{data.usePriceStr}}元可用</text>
  54. </view>
  55. <view class='rest'>
  56. <text class='txt01'>限购条件:</text>
  57. <text class='time'>每人{{data.useLimitQuantity}}张</text>
  58. </view>
  59. </view>
  60. </view>
  61. <view class='posi'>
  62. <view class='posi_logo' wx:for="{{data.merchantVoList}}" wx:key="index">
  63. <view>
  64. <image src='{{item.merchantImgUrl}}'></image>
  65. </view>
  66. <view>
  67. <text>{{item.merchantName}}</text>
  68. <text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text>
  69. </view>
  70. <image bindtap='phone' data-merchantLinkPhone='{{item.merchantLinkPhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" />
  71. </view>
  72. </view>
  73. <view class='notes'>
  74. <view>
  75. <text>购买须知</text>
  76. </view>
  77. <view>
  78. <text><text class='spot'></text>{{data.remark}}</text>
  79. </view>
  80. </view>
  81. </view>
  82. <view class="buy-view app-border-top" style="position:fixed;z-index:{{zIndex}};">
  83. <button bindtap='gotopay' disabled='{{showbutton}}' hover-class='active' class='buy' wx:if="{{data.salePriceStr!=0&&data.remainInventory!=0&&endtime!='活动已结束'}}">
  84. <text class='txt'>{{data.salePriceStr}}元</text>马上购买</button>
  85. <button bindtap='gotopay' disabled='{{showbutton}}' class='buy' wx:if="{{data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'}}">免费领取</button>
  86. <button class='buy' disabled='true' wx:if="{{data.remainInventory==0&&endtime!='活动已结束'}}">已售罄</button>
  87. <button class='buy' disabled='true' wx:if="{{endtime=='活动已结束'}}">活动已结束</button>
  88. <button class='buy' disabled='true' wx:if="{{total_micro_second<=0}}">活动已结束</button>
  89. </view>
  90. </view>
  91. <!-- 问卷调查 -->
  92. <view class="b1" style="opacity:{{opacity}};display: {{display}};" animation="{{queueData}}">
  93. <view id='con' class='con'>
  94. <image class='close' mode='widthFix' src="{{closedUrl}}" bindtap="closeQuestion"></image>
  95. <image class='ques_gou' mode='widthFix' src="{{quesGouUrl}}"></image>
  96. <image class='image' src="{{headbgUrl}}" mode='widthFix'></image>
  97. <image class='img image' src="{{quesBgUrl}}" mode='widthFix'></image>
  98. <view class='question'>
  99. <text class='titles'>{{questionnaire.title}}</text>
  100. <!-- 单选 -->
  101. <radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="single" bindchange="formSubmit" data-questionId="{{questionId}}">
  102. <!-- <label wx:for="{{questionnaire.answers}}" wx:key="{{index}}" data-answer="{{item.name}}" data-answerId="{{item.id}}">
  103. <radio class="radio ques" value="{{item.id}}" />{{item.name}}
  104. </label> -->
  105. <label class="radios" wx:for="{{questionnaire.answers}}" wx:key="{{index}}">
  106. <radio value="{{item.id}}" checked="{{item.checked}}" />{{item.name}}
  107. </label>
  108. </radio-group>
  109. <!-- 多选 -->
  110. <checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange">
  111. <label class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="index">
  112. <checkbox value="{{item.id}}" />{{item.name}}
  113. </label>
  114. </checkbox-group>
  115. <view class='ques btns' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit' data-questionId="{{questionId}}">确定</view>
  116. </view>
  117. </view>
  118. </view>
  119. </view>