C端小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

160 Zeilen
9.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='{{share01}}' 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}}">
  15. <view style='text-align:center;display:inline-block;'>
  16. <image class='clock' src='{{clockUrl}}' mode='widthFix'></image>
  17. <text class="qiang" wx:if="{{data.activityStatus!=0}}">距结束 :</text>
  18. <text class="qiang" wx:if="{{data.activityStatus==0}}">距开始 :</text>
  19. </view>
  20. <view wx:if="{{clock=='00'||data.status==1}}" class='times'>
  21. 已经结束
  22. </view>
  23. <view wx:if="{{clock!='00'}}" class='times'>
  24. <view style="display:inline-block;" wx:if="{{day!=0}}">
  25. <text>{{day}}</text>天:
  26. </view>
  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" wx:if="{{data.type==100}}">电子卡</text></text>
  33. <text class="subTitle">{{data.subTitle}}</text>
  34. <view class='presslimit' wx:if="{{data.type==8}}">{{data.pressLimitNum+'人可砍至底价'}}</view>
  35. <view class='salePriceStr clearfix'>
  36. <view class="fl" wx:if="{{data.type!=8}}">售价:
  37. <text class="pri01">{{data.salePriceStr}}</text>
  38. <text class="yuan">元</text>
  39. <text class='throgh' wx:if="{{data.unit==0}}">{{data.priceStr}}元</text>
  40. <text wx:if="{{data.unit==1}}">{{data.priceStr}}小时</text>
  41. <text class='rest' wx:if="{{data.autoRefund == 1}}">
  42. <text class='time refound'><text class="use">过期不退款</text></text>
  43. </text>
  44. </view>
  45. <view class="fl" wx:if="{{data.type==8}}">可砍至
  46. <text class="pri01">{{data.salePriceStr}}</text>元
  47. <text class='throgh'>{{data.priceStr}}元</text>
  48. </view>
  49. <text class="restNum fr">剩余<text>{{data.remainInventory}}件</text></text>
  50. </view>
  51. <!-- <view wx:if="{{showbutton1&&data.type==8}}" style='font-size:24rpx;font-family:PingFang-SC-Medium;font-weight:500;color:rgba(0,0,0,1);'>砍价活动将于<view style='display:inline;margin:0 8rpx;color:#F74812;font-size:28rpx;font-family:PingFang-SC-Medium;font-weight:500;'>{{day02+'天'+hour02+':'+min02+':'+sec02}}</view>后准时开始</view> -->
  52. <view class='rest' wx:if="{{data.validType==2}}">有效期:自领取之日起
  53. <text class='time'>{{validDays}}</text>天内有效<text class="use">(请在有效期内使用)</text></view>
  54. <view class='rest' wx:if="{{data.validType==1}}">有效期:
  55. <text class='time'>{{validStartDate}}至{{validEndDate}}<text class="use">(请在有效期内使用)</text></text>
  56. </view>
  57. <view class='rest' wx:if="{{data.type==5}}">
  58. <text class='time'>当次有效</text>
  59. </view>
  60. <view class='rest' wx:if="{{data.type==1}}">
  61. <text class='txt01'>使用条件:</text>
  62. <text class='time'>满{{data.usePriceStr}}元可用</text>
  63. </view>
  64. <view class='rest'>
  65. <text class='txt01'>限购条件:</text>
  66. <text class='time'>每人{{data.useLimitQuantity}}张</text>
  67. </view>
  68. </view>
  69. </view>
  70. <view class='applyshop'>适用门店</view>
  71. <view class='posi' style='overflow:{{hidden}};height:{{height}}'>
  72. <view class='posi_logo' wx:for="{{data.merchantVoList}}" wx:key="index">
  73. <view>
  74. <image src='{{item.merchantImgUrl}}'></image>
  75. </view>
  76. <view>
  77. <text>{{item.merchantName}}</text>
  78. <text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text>
  79. </view>
  80. <image bindtap='phone' data-merchantLinkPhone='{{item.merchantLinkPhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" />
  81. </view>
  82. </view>
  83. <view class='bottom' bindtap='more' wx:if="{{showMore}}">{{more}}</view>
  84. <view class='notes'>
  85. <view>
  86. <text>购买须知</text>
  87. </view>
  88. <view>
  89. <text><text class='spot'></text>{{data.remark}}</text>
  90. </view>
  91. </view>
  92. </view>
  93. <form bindsubmit="gotopay" report-submit='true'>
  94. <view class="buy-view app-border-top" style="position:fixed;z-index:{{zIndex}};">
  95. <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button>
  96. <button bindtap='gotopay' disabled='{{showbutton}}' hover-class='active' class='buy' wx:if="{{data.salePriceStr!=0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">
  97. <text class='txt'>{{data.salePriceStr}}元</text>马上购买</button>
  98. <button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">免费领取</button>
  99. <button class='buy' disabled='true' wx:if="{{data.remainInventory==0&&endtime!='活动已结束'||data.remainInventory==0&&data.type==8}}">已售罄</button>
  100. <button class='buy' disabled='true' wx:if="{{endtime=='活动已结束'&&data.activityStatus!=0}}">活动已结束</button>
  101. <button class='buy' disabled='true' wx:if="{{total_micro_second<=0&&data.activityStatus!=0}}">活动已结束</button>
  102. <button class='buy' disabled='true' wx:if="{{data.activityStatus==0}}">活动未开始</button>
  103. </view>
  104. </form>
  105. </view>
  106. <view wx:if="{{data.remainInventory!=0&&data.type==8}}" class="btns clearfix" hover-class="none" hover-stop-propagation="false">
  107. <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button>
  108. <button class="fl" bindtap='gotopay' data-discount='discount1' disabled='{{showbutton}}'>
  109. <text>{{data.priceStr}}元</text>
  110. <text>立即购买</text>
  111. </button>
  112. <button class="fr" bindtap='inviteFriend' disabled='{{showbutton1}}'>
  113. 发起砍价
  114. </button>
  115. </view>
  116. <!-- 问卷调查 -->
  117. <view class="b1" style="opacity:{{opacity}};display: {{display}};" animation="{{queueData}}">
  118. <view id='con' class='con'>
  119. <image class='wmclose' mode='widthFix' src="{{closedUrl}}" bindtap="closeQuestion"></image>
  120. <image class='ques_gou' mode='widthFix' src="{{quesGouUrl}}"></image>
  121. <image class='image' src="{{headbgUrl}}" mode='widthFix'></image>
  122. <image class='img image' src="{{quesBgUrl}}" mode='widthFix'></image>
  123. <view class='question'>
  124. <text class='titles'>{{questionnaire.title}}</text>
  125. <!-- 单选 -->
  126. <radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="single" bindchange="formSubmit" data-questionId="{{questionId}}">
  127. <label class="radios" wx:for="{{questionnaire.answers}}" wx:key="{{index}}">
  128. <radio value="{{item.id}}" checked="{{item.checked}}" />{{item.name}}
  129. </label>
  130. </radio-group>
  131. <!-- 多选 -->
  132. <checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange">
  133. <label class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="index">
  134. <checkbox value="{{item.id}}" />{{item.name}}
  135. </label>
  136. </checkbox-group>
  137. <view class='ques btnss' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit' data-questionId="{{questionId}}">确定</view>
  138. </view>
  139. </view>
  140. </view>
  141. <!-- 卡转赠领取弹出框 -->
  142. <view class='shaddow' wx:if='{{showCardOffer}}'></view>
  143. <view class='alert-box' wx:if='{{showCardOffer}}'>
  144. <view class='user-img'><image src='{{cardData.avatarUrl}}'></image></view>
  145. <view class='close' bindtap='closeAlert'><image src='{{close02}}'></image></view>
  146. <view class='a-title' wx:if='{{!isSamePeople&&isReceived}}'>{{cardData.userName}}</view>
  147. <view class='a-title' wx:if='{{!isSamePeople&&!isReceived}}'>{{cardData.userName+'送您一张消费卡'}}</view>
  148. <view class='a-title' wx:if='{{isSamePeople&&!isReceived}}'>等待好友领取</view>
  149. <view class='a-title' wx:if='{{isSamePeople&&isReceived}}'>{{cardData.userName}}</view>
  150. <view class='a-img'>
  151. <image src='{{cardData.coverImg}}'></image>
  152. <view class='a-received' wx:if="{{isReceived}}">{{statusText}}</view>
  153. </view>
  154. <button type="primary" wx:if='{{!isSamePeople&&!isReceived}}' disabled='{{receivedDisabled}}' class='support-tansfer' bindtap='checkPhoneStatus'>领取</button>
  155. <button type="primary" wx:if='{{isSamePeople||isReceived}}' class='support-tansfer' bindtap='closeAlert'>关闭</button>
  156. </view>
  157. </view>