C端小程序
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

208 строки
12 KiB

  1. <navbar back home text="{{barTitle}}" background='#fff'></navbar>
  2. <view wx:if="{{showPage}}" style="padding-top:{{navigationBarHeight}}">
  3. <!-- 券的详情页面 -->
  4. <view class='coupons'>
  5. <view class="coupons-body">
  6. <view wx:if="{{coverPicture.length>0}}" class="banner">
  7. <swiper class="index-slide swiper-box" bindchange="swiperChange" indicator-dots="true" circular="false" current="{{swiperCurrent}}">
  8. <block wx:for="{{coverPicture}}" wx:key="unique">
  9. <swiper-item>
  10. <image data-data="{{item}}" src="{{item}}" class="index-slide-image" />
  11. </swiper-item>
  12. </block>
  13. </swiper>
  14. <!-- <view class="dots">
  15. <block wx:for="{{coverPicture}}" wx:key="unique">
  16. <view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view>
  17. </block>
  18. </view> -->
  19. </view>
  20. <view class='coupons_info' style='position:relative;z-index:9'>
  21. <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'>
  22. <image src='{{fenxiang}}' mode="widthFix"></image>
  23. <text class='gift'>分享</text>
  24. </view>
  25. <view>
  26. <view class='distance' wx:if="{{data.targetAd==2&&data.endTime!=undefined}}">
  27. <view style='text-align:center;display:inline-block;'>
  28. <image class='clock' src='{{clockUrl}}' mode='widthFix'></image>
  29. <text class="qiang" wx:if="{{data.activityStatus!=0}}">距结束 :</text>
  30. <text class="qiang" wx:if="{{data.activityStatus==0}}">距开始 :</text>
  31. </view>
  32. <view wx:if="{{clock=='00'||data.status==1}}" class='times'>
  33. 已经结束
  34. </view>
  35. <view wx:if="{{clock!='00'}}" class='times'>
  36. <view style="display:inline-block;" wx:if="{{day!=0}}">
  37. <text>{{day}}</text>天:
  38. </view>
  39. <text>{{hour}}</text>:
  40. <text>{{min}}</text>:
  41. <text>{{sec}}</text>
  42. </view>
  43. </view>
  44. <text class='title'>{{data.title}}<text class="elecard" wx:if="{{data.type==100}}">电子卡</text></text>
  45. <text class="subTitle">{{data.subTitle}}</text>
  46. <view class='salePriceStr clearfix'>
  47. <text class='rmb'>¥</text>
  48. <view class="fl" wx:if="{{data.type!=8}}">
  49. <text class="pri01" wx:if="{{data.type!=50&&data.type!=51}}">{{data.salePriceStr}}</text>
  50. <view class="pri01" wx:if="{{data.type==50||data.type==51}}">{{data.creditPrice}}<text class='jifen'>积分</text></view>
  51. <!-- <text class="yuan" wx:if="{{data.type!=50&&data.type!=51}}">元</text> -->
  52. <text class='throgh' wx:if="{{data.unit==0&&data.type!=50&&data.type!=51}}">{{data.priceStr}}元</text>
  53. <text wx:if="{{data.unit==1&&data.type!=50&&data.type!=51}}">{{data.priceStr}}小时</text>
  54. <text class='rest' wx:if="{{data.autoRefund == 1}}">
  55. <text class='time refound'><text class="use">过期不退款</text></text>
  56. </text>
  57. </view>
  58. <view class="fl" wx:if="{{data.type==8}}">
  59. <!-- <text class="pri01 pri01Hr">¥</text> -->
  60. <text class="pri01">{{data.salePriceStr}}</text>
  61. <text class='presslimit' wx:if="{{data.type==8}}"><text>{{data.pressLimitNum+'人可砍至底价'}}</text></text>
  62. <text class='throgh'>{{data.priceStr}}元</text>
  63. <text class='rest' wx:if="{{data.autoRefund == 1}}">
  64. <text class='time refound'><text class="use">过期不退款</text></text>
  65. </text>
  66. </view>
  67. </view>
  68. <view class='rest' wx:if="{{data.validType==2}}">自领取之日起
  69. <text class='time'>{{validDays}}</text>天内有效
  70. <text class="use">(请在有效期内使用)</text>
  71. </view>
  72. <view class='rest' wx:if="{{data.validType==1}}">
  73. <text class='time'>{{validStartDate}}至{{validEndDate}}</text>
  74. </view>
  75. <view class='rest' wx:if="{{data.type==5}}">
  76. <text class='time'>当次有效</text>
  77. </view>
  78. <view class='rest' wx:if="{{data.type==1}}">
  79. <text class='txt01'>使用条件:</text>
  80. <text class='time'>满{{data.usePriceStr}}元可用</text>
  81. </view>
  82. <view class='rest'>
  83. <!-- <text class='txt01'>限购条件:</text> -->
  84. <view class='quan'></view>
  85. <text class='time'>限购{{data.useLimitQuantity}}张</text>
  86. <text class='timess' wx:if='{{limitCondition==1}}'>(仅限新用户活动)</text>
  87. <text class='timess' wx:if='{{limitCondition==2&&(minLimit||minLimit==0)&&maxLimit}}'>({{minLimit}}-{{maxLimit}}成长值)</text>
  88. <text class='timess' wx:if='{{limitCondition==2&&minLimit&&!maxLimit}}'>(大于{{minLimit}}成长值)</text>
  89. <text class="restNum fr">剩余<text>{{data.remainInventory}}张</text></text>
  90. </view>
  91. </view>
  92. </view>
  93. <!-- 适用门店 -->
  94. <store merchantVoList="{{merchantVoList}}"></store>
  95. <view class='notes'>
  96. <view>
  97. <text>购买须知</text>
  98. </view>
  99. <view>
  100. <text><text class='spot'></text>{{data.remark}}</text>
  101. </view>
  102. </view>
  103. <view class='detailImg' wx:if="{{detailPicture.length>0}}">
  104. <image wx:for="{{detailPicture}}" wx:key="{{index}}" wx:for-item="item" src='{{item}}' mode='widthFix'></image>
  105. </view>
  106. </view>
  107. <form bindsubmit="gotopay" data-type='{{data.type}}' report-submit='true'>
  108. <view class="buy-view app-border-top" style="position:fixed;z-index:{{zIndex}};">
  109. <button class='goback' bindtap='goback'>
  110. <image src='{{homeSelectedO}}' mode="widthFix"></image>
  111. <text class='btnTxt'>首页</text>
  112. </button>
  113. <button form-type="submit" disabled='{{showbutton}}' hover-class='active' class='buy' wx:if="{{data.type!=8&&data.type!=50&&data.type!=51&&data.salePriceStr!=0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">
  114. <text class='txt'>{{data.salePriceStr}}元</text>马上购买</button>
  115. <button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type!=8&&data.type!=50&&data.type!=51&&data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">免费领取</button>
  116. <button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type==51&&data.remainInventory!=0||data.type==50&&data.remainInventory!=0}}">马上兑换</button>
  117. <button class='buy buyHr' disabled='true' wx:if="{{data.remainInventory==0&&endtime!='活动已结束'||data.remainInventory==0&&data.type==8}}">已售罄</button>
  118. <button class='buy' disabled='true' wx:if="{{data.remainInventory==0&&data.type==50||data.remainInventory==0&&data.type==51}}">已兑完</button>
  119. <button class='buy' disabled='true' wx:if="{{endtime=='活动已结束'&&data.activityStatus!=0}}">活动已结束</button>
  120. <button class='buy' disabled='true' wx:if="{{total_micro_second<=0&&data.activityStatus!=0}}">活动已结束</button>
  121. <button class='buy' disabled='true' wx:if="{{data.activityStatus==0}}">活动未开始</button>
  122. </view>
  123. </form>
  124. </view>
  125. <view wx:if="{{data.remainInventory!=0&&data.type==8}}" class="btns clearfix" hover-class="none" hover-stop-propagation="false">
  126. <button class='goback' bindtap='goback'>
  127. <image src='{{homeSelectedO}}' mode="widthFix"></image>
  128. <text class='btnTxt'>首页</text>
  129. </button>
  130. <form bindsubmit="gotopay" report-submit='true' class="fl">
  131. <button form-type="submit" style='background:transparent;color:#fff;' data-discount='discount1' disabled='{{showbutton}}'>
  132. <text>¥{{data.priceStr}}</text>
  133. <text>立即购买</text>
  134. </button>
  135. </form>
  136. <form bindsubmit="inviteFriend" report-submit='true' class="fr">
  137. <button form-type="submit" style='background:{{!showbutton1?"transparent":"#ccc"}};color:#fff;font-size:32rpx;line-height:94rpx;border-radius:60rpx;' disabled='{{showbutton1}}'>
  138. 发起砍价
  139. </button>
  140. </form>
  141. </view>
  142. <!-- 问卷调查 -->
  143. <view class="b1" style="opacity:{{opacity}};display: {{display}};position: fixed;top:{{navigationBarHeight}};bottom: 0px;left: 0px;right: 0px;background: rgba(0, 0, 0, 0.8);overflow: hidden;z-index: 13;" animation="{{queueData}}">
  144. <view id='con' class='con'>
  145. <image class='wmclose' mode='widthFix' src="{{closedUrl}}" bindtap="closeQuestion"></image>
  146. <image class='ques_gou' mode='widthFix' src="{{quesGouUrl}}"></image>
  147. <image class='image' src="{{headbgUrl}}" mode='widthFix'></image>
  148. <image class='img image' src="{{quesBgUrl}}" mode='widthFix'></image>
  149. <view class='question'>
  150. <text class='titles'>{{questionnaire.title}}</text>
  151. <!-- 单选 -->
  152. <radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="single" bindchange="formSubmit" data-questionId="{{questionId}}">
  153. <label class="radios" wx:for="{{questionnaire.answers}}" wx:key="{{index}}">
  154. <radio value="{{item.id}}" checked="{{item.checked}}" />{{item.name}}
  155. </label>
  156. </radio-group>
  157. <!-- 多选 -->
  158. <checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange">
  159. <label class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="index">
  160. <checkbox value="{{item.id}}" />{{item.name}}
  161. </label>
  162. </checkbox-group>
  163. <view class='ques btnss' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit' data-questionId="{{questionId}}">确定</view>
  164. </view>
  165. </view>
  166. </view>
  167. <!-- 卡转赠领取弹出框 -->
  168. <view class='shaddow' wx:if='{{showCardOffer}}'></view>
  169. <view class='alert-box' wx:if='{{showCardOffer}}'>
  170. <view class='user-img'>
  171. <image src='{{cardData.avatarUrl}}'></image>
  172. </view>
  173. <view class='close' bindtap='closeAlert'>
  174. <image src='{{close02}}'></image>
  175. </view>
  176. <view class='a-title' wx:if='{{!isSamePeople&&isReceived}}'>{{cardData.userName}}</view>
  177. <view class='a-title' wx:if='{{!isSamePeople&&!isReceived}}'>{{cardData.userName+'送您一张消费卡'}}</view>
  178. <view class='a-title' wx:if='{{isSamePeople&&!isReceived}}'>等待好友领取</view>
  179. <view class='a-title' wx:if='{{isSamePeople&&isReceived}}'>{{cardData.userName}}</view>
  180. <view class='a-img'>
  181. <image src='{{cardData.coverImg}}'></image>
  182. <view class='a-received' wx:if="{{isReceived}}">{{statusText}}</view>
  183. </view>
  184. <button type="primary" wx:if='{{!isSamePeople&&!isReceived}}' disabled='{{receivedDisabled}}' class='support-tansfer' bindtap='checkPhoneStatus'>领取</button>
  185. <button type="primary" wx:if='{{isSamePeople||isReceived}}' class='support-tansfer' bindtap='closeAlert'>关闭</button>
  186. </view>
  187. <!-- 分享弹框 -->
  188. <!-- <c-shareposter bind:myevent="" class="business" couponChannelId="{{data.id}}" wx:if="{{isshowposter}}"/> -->
  189. <!-- 分享弹框 -->
  190. <view class='modal' wx:if="{{isshowposter}}" bindtap='hidemodal'>
  191. <view class='modal-content'>
  192. <view>
  193. <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>
  194. <image src='./../../../assets/images/wechat.png' mode='aspectFit'></image>
  195. <text>微信好友</text>
  196. </view>
  197. <view bindtap='showPoster'>
  198. <image src='./../../../assets/images/picture.png' mode='aspectFit'></image>
  199. <text>生成海报</text>
  200. </view>
  201. </view>
  202. </view>
  203. </view>