C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

165 line
8.1 KiB

  1. <navbar back home text="拼团券" background='#fff'></navbar>
  2. <view style="height:{{navigationBarHeight}} "></view>
  3. <view class="content-box">
  4. <view class='content'>
  5. <view wx:if="{{coverPicture.length>0}}" class="banner" style="{{mouldConfig.groupSwiperH}}">
  6. <swiper class="index-slide swiper-box" style="{{mouldConfig.groupSwiperH}}" bindchange="swiperChange" indicator-dots="true" autoplay="true" circular="false" current="{{swiperCurrent}}">
  7. <block wx:for="{{coverPicture}}" wx:key="unique">
  8. <swiper-item>
  9. <image data-data="{{item}}" style="{{mouldConfig.groupSwiperH}}" src="{{item}}" class="index-slide-image" />
  10. </swiper-item>
  11. </block>
  12. </swiper>
  13. </view>
  14. <view class='title'>{{data.title}}</view>
  15. <view class='text'>
  16. <view class='remark'>{{data.subTitle}}</view>
  17. <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'>
  18. <image src='{{fenxiang}}' mode="widthFix"></image>
  19. <text class='gift'>分享</text>
  20. </view>
  21. <view class='des'>
  22. <view class='des-peoplenum'>「拼团价」{{data.pressLimitNum}}人拼团成功,单价仅需¥</view>
  23. <view class='des-saleprice'>{{data.salePriceStr}}</view>
  24. <view class='yj'>{{data.priceStr}}元</view>
  25. </view>
  26. <view style="background:#fff;">
  27. <text wx:if="{{data.autoRefund == 1}}">
  28. <text class='time refound'><text class="use">过期不退款</text></text>
  29. </text>
  30. </view>
  31. <view class='rest' wx:if="{{data.validType==1}}" style="margin-bottom: 15rpx;">
  32. <view class='timeX' style="margin-bottom: 10rpx;">
  33. 售卖期:{{data.soldStartTime}} 至 {{data.soldEndTime}}
  34. <text class="use"> (请在售卖期内购买)</text>
  35. </view>
  36. <view class='timeX'>
  37. 使用期:{{data.validStartDate}} 至 {{data.validEndDate}}
  38. <text class="use"> (请在使用期内使用)</text>
  39. </view>
  40. </view>
  41. <view class='rest'>
  42. <!-- <text class='txt01'>限购条件:</text> -->
  43. <view class='quan'></view>
  44. <text class='time'>每人限购{{data.useLimitQuantity}}张</text>
  45. <text class='timess' wx:if='{{limitCondition==1}}'>仅限新用户活动</text>
  46. <text class='timess' wx:if='{{limitCondition==2&&(minLimit||minLimit==0)&&maxLimit}}'>({{minLimit}}-{{maxLimit}}成长值)</text>
  47. <text class='timess' wx:if='{{limitCondition==2&&minLimit&&!maxLimit}}'>(大于{{minLimit}}成长值)</text>
  48. <view class='right-text'>
  49. <text style="margin-right: 25rpx;" wx:if="{{data.selledCount||data.selledCount==0}}">已售{{data.selledCount}}张</text>
  50. <text>剩余{{data.remainInventory}}张</text>
  51. </view>
  52. </view>
  53. <view class='status' wx:if="{{spellData!=null}}">
  54. <view class='status01 st'>
  55. <image src='{{spellData.avatarUrl}}'></image>
  56. </view>
  57. <view class='status02 st'>{{spellData.nickName||'微信用户'}}的团还差<view class='r-p-num'>1人</view>
  58. </view>
  59. <view class='status03 st'>
  60. <view class='mm'>{{day}}</view><text class='day-box' style='font-size:32rpx;'> 天 </text>
  61. <view class='hh'>{{hour}}</view><text class='mao'>:</text>
  62. <view class='mm'>{{min}}</view><text class='mao'>:</text>
  63. <view class='ss'>{{sec}}</view>
  64. </view>
  65. <view class='status04 st'>
  66. <view class='s-button' bindtap='gotoPartner'>去拼团</view>
  67. </view>
  68. </view>
  69. <!-- 适用门店 -->
  70. <!-- <store wx:if="{{merchantVoList.length>0}}" merchantVoList="{{merchantVoList}}"></store> -->
  71. <shop wx:if="{{mallList.length>0}}" mallList="{{mallList}}"></shop>
  72. <view class='notes'>
  73. <view>
  74. <text>购买须知</text>
  75. </view>
  76. <view wx:if="{{data.contentType==0}}">
  77. <text><text class='spot'></text>{{data.remark}}</text>
  78. </view>
  79. <view wx:if="{{data.contentType==1}}">
  80. <rich-text nodes="{{curHtml}}"></rich-text>
  81. </view>
  82. <view wx:if="{{!data.contentType&&data.contentType!=0}}">
  83. <text><text class='spot'></text>{{data.remark}}</text>
  84. </view>
  85. </view>
  86. <view class='detailImg' wx:if="{{detailPicture.length>0}}">
  87. <image mode='widthFix' wx:for="{{detailPicture}}" wx:key="index" wx:for-item="item" src='{{item}}'></image>
  88. </view>
  89. <view class='edit'>
  90. <button class='goback' bindtap='gotoIndex'>
  91. <image src='{{homeSelectedO}}' mode="widthFix"></image>
  92. <text class='btnTxt'>首页</text>
  93. </button>
  94. <block wx:if="{{activityStatus != 0}}">
  95. <form bindsubmit='{{canBuyIf?"gotoBuy":""}}' report-submit='true' wx:if='{{data.id}}'>
  96. <button class='edit-left' form-type="submit">
  97. <view class='edit-left-top'>
  98. <view class='price'>{{data.price}}</view>
  99. <view class='price-unit'>元</view>
  100. </view>
  101. <view class='edit-left-bottom'>立即购买</view>
  102. </button>
  103. </form>
  104. <!-- <button class='edit-right' id="shareBtn" open-type="share"></button> -->
  105. <form bindsubmit='{{canSpell?"gotoSpell":""}}' report-submit='true' wx:if='{{data.id}}'>
  106. <button class='edit-right' form-type="submit">
  107. <view class='edit-left-top'>
  108. <view class='price'>{{data.salePrice}}</view>
  109. <view class='price-unit'>元</view>
  110. </view>
  111. <view class='edit-left-bottom'>发起拼团</view>
  112. </button>
  113. </form>
  114. </block>
  115. <block wx:if="{{data.activityStatus == 0}}">
  116. <button id='noBuy' disabled='true'>活动未开始</button>
  117. </block>
  118. </view>
  119. </view>
  120. <!-- 分享弹框 -->
  121. <!-- 分享弹框 -->
  122. <view class='modal' wx:if="{{isshowposter}}" bindtap='hidemodal'>
  123. <view class='modal-content'>
  124. <view>
  125. <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>
  126. <image src='./../../../assets/images/wechat.png' mode='aspectFit'></image>
  127. <text>微信好友</text>
  128. </view>
  129. <view bindtap='showPoster'>
  130. <image src='./../../../assets/images/picture.png' mode='aspectFit'></image>
  131. <text>生成海报</text>
  132. </view>
  133. </view>
  134. </view>
  135. <!-- 问卷调查 -->
  136. <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}}">
  137. <view id='con' class='con'>
  138. <image class='wmclose' mode='widthFix' src="{{closedUrl}}" bindtap="closeQuestion"></image>
  139. <image class='ques_gou' mode='widthFix' src="{{quesGouUrl}}"></image>
  140. <image class='image' src="{{headbgUrl}}" mode='widthFix'></image>
  141. <image class='img image' src="{{quesBgUrl}}" mode='widthFix'></image>
  142. <view class='question'>
  143. <text class='titles'>{{questionnaire.title}}</text>
  144. <!-- 单选 -->
  145. <radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="single" bindchange="formSubmit" data-questionId="{{questionId}}">
  146. <label class="radios" wx:for="{{questionnaire.answers}}" wx:key="index">
  147. <radio value="{{item.id}}" checked="{{item.checked}}" />{{item.name}}
  148. </label>
  149. </radio-group>
  150. <!-- 多选 -->
  151. <checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange">
  152. <label class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="index">
  153. <checkbox value="{{item.id}}" />{{item.name}}
  154. </label>
  155. </checkbox-group>
  156. <view class='ques btnss' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit' data-questionId="{{questionId}}">确定</view>
  157. </view>
  158. </view>
  159. </view>
  160. </view>
  161. </view>