C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

149 行
7.6 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}}">
  32. <text class='time'>{{data.validStartDate}}至{{data.validEndDate}}<text class="use">(请在有效期内使用)</text></text>
  33. </view>
  34. <view class='rest'>
  35. <!-- <text class='txt01'>限购条件:</text> -->
  36. <view class='quan'></view>
  37. <text class='time'>每人限购{{data.useLimitQuantity}}张</text>
  38. <text class='timess' wx:if='{{limitCondition==1}}'>仅限新用户活动</text>
  39. <text class='timess' wx:if='{{limitCondition==2&&(minLimit||minLimit==0)&&maxLimit}}'>({{minLimit}}-{{maxLimit}}成长值)</text>
  40. <text class='timess' wx:if='{{limitCondition==2&&minLimit&&!maxLimit}}'>(大于{{minLimit}}成长值)</text>
  41. <view class='right-text'>
  42. <text style="margin-right: 25rpx;" wx:if="{{data.selledCount||data.selledCount==0}}">已售{{data.selledCount}}张</text>
  43. <text>剩余{{data.remainInventory}}张</text>
  44. </view>
  45. </view>
  46. <view class='status' wx:if="{{spellData!=null}}">
  47. <view class='status01 st'>
  48. <image src='{{spellData.avatarUrl}}'></image>
  49. </view>
  50. <view class='status02 st'>{{spellData.nickName||'微信用户'}}的团还差<view class='r-p-num'>1人</view>
  51. </view>
  52. <view class='status03 st'>
  53. <view class='mm'>{{day}}</view><text class='day-box' style='font-size:32rpx;'> 天 </text>
  54. <view class='hh'>{{hour}}</view><text class='mao'>:</text>
  55. <view class='mm'>{{min}}</view><text class='mao'>:</text>
  56. <view class='ss'>{{sec}}</view>
  57. </view>
  58. <view class='status04 st'>
  59. <view class='s-button' bindtap='gotoPartner'>去拼团</view>
  60. </view>
  61. </view>
  62. <!-- 适用门店 -->
  63. <!-- <store wx:if="{{merchantVoList.length>0}}" merchantVoList="{{merchantVoList}}"></store> -->
  64. <shop wx:if="{{mallList.length>0}}" mallList="{{mallList}}"></shop>
  65. <view class='notes'>
  66. <view>
  67. <text>购买须知</text>
  68. </view>
  69. <view wx:if="{{data.contentType==0}}">
  70. <text><text class='spot'></text>{{data.remark}}</text>
  71. </view>
  72. <view wx:if="{{data.contentType==1}}">
  73. <rich-text nodes="{{curHtml}}"></rich-text>
  74. </view>
  75. <view wx:if="{{!data.contentType&&data.contentType!=0}}">
  76. <text><text class='spot'></text>{{data.remark}}</text>
  77. </view>
  78. </view>
  79. <view class='detailImg' wx:if="{{detailPicture.length>0}}">
  80. <image mode='widthFix' wx:for="{{detailPicture}}" wx:key="index" wx:for-item="item" src='{{item}}'></image>
  81. </view>
  82. <view class='edit'>
  83. <button class='goback' bindtap='gotoIndex'>
  84. <image src='{{homeSelectedO}}' mode="widthFix"></image>
  85. <text class='btnTxt'>首页</text>
  86. </button>
  87. <form bindsubmit='{{canBuyIf?"gotoBuy":""}}' report-submit='true' wx:if='{{data.id}}'>
  88. <button class='edit-left' form-type="submit">
  89. <view class='edit-left-top'>
  90. <view class='price'>{{data.price}}</view>
  91. <view class='price-unit'>元</view>
  92. </view>
  93. <view class='edit-left-bottom'>立即购买</view>
  94. </button>
  95. </form>
  96. <!-- <button class='edit-right' id="shareBtn" open-type="share"></button> -->
  97. <form bindsubmit='{{canSpell?"gotoSpell":""}}' report-submit='true' wx:if='{{data.id}}'>
  98. <button class='edit-right' form-type="submit">
  99. <view class='edit-left-top'>
  100. <view class='price'>{{data.salePrice}}</view>
  101. <view class='price-unit'>元</view>
  102. </view>
  103. <view class='edit-left-bottom'>发起拼团</view>
  104. </button>
  105. </form>
  106. </view>
  107. </view>
  108. <!-- 分享弹框 -->
  109. <!-- 分享弹框 -->
  110. <view class='modal' wx:if="{{isshowposter}}" bindtap='hidemodal'>
  111. <view class='modal-content'>
  112. <view>
  113. <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>
  114. <image src='./../../../assets/images/wechat.png' mode='aspectFit'></image>
  115. <text>微信好友</text>
  116. </view>
  117. <view bindtap='showPoster'>
  118. <image src='./../../../assets/images/picture.png' mode='aspectFit'></image>
  119. <text>生成海报</text>
  120. </view>
  121. </view>
  122. </view>
  123. <!-- 问卷调查 -->
  124. <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}}">
  125. <view id='con' class='con'>
  126. <image class='wmclose' mode='widthFix' src="{{closedUrl}}" bindtap="closeQuestion"></image>
  127. <image class='ques_gou' mode='widthFix' src="{{quesGouUrl}}"></image>
  128. <image class='image' src="{{headbgUrl}}" mode='widthFix'></image>
  129. <image class='img image' src="{{quesBgUrl}}" mode='widthFix'></image>
  130. <view class='question'>
  131. <text class='titles'>{{questionnaire.title}}</text>
  132. <!-- 单选 -->
  133. <radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="single" bindchange="formSubmit" data-questionId="{{questionId}}">
  134. <label class="radios" wx:for="{{questionnaire.answers}}" wx:key="index">
  135. <radio value="{{item.id}}" checked="{{item.checked}}" />{{item.name}}
  136. </label>
  137. </radio-group>
  138. <!-- 多选 -->
  139. <checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange">
  140. <label class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="index">
  141. <checkbox value="{{item.id}}" />{{item.name}}
  142. </label>
  143. </checkbox-group>
  144. <view class='ques btnss' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit' data-questionId="{{questionId}}">确定</view>
  145. </view>
  146. </view>
  147. </view>
  148. </view>
  149. </view>