C端小程序
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

114 行
5.3 KiB

  1. <view class="content-box">
  2. <view class='content'>
  3. <view wx:if="{{coverPicture.length>0}}" class="banner">
  4. <swiper class="index-slide" bindchange="swiperChange" indicator-dots="true" autoplay="true" circular="false" current="{{swiperCurrent}}">
  5. <block wx:for="{{coverPicture}}" wx:key="unique">
  6. <swiper-item>
  7. <image data-data="{{item}}" src="{{item}}" class="index-slide-image" />
  8. </swiper-item>
  9. </block>
  10. </swiper>
  11. <!-- <view class="dots">
  12. <block wx:for="{{coverPicture}}" wx:key="unique">
  13. <view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view>
  14. </block>
  15. </view> -->
  16. </view>
  17. <view class='title'>{{data.title}}</view>
  18. <view class='text'>
  19. <view class='remark'>{{data.subTitle}}</view>
  20. <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'>
  21. <image class="fenxiang" src='{{share01}}' mode="widthFix"></image>
  22. </view>
  23. <view class='des'>
  24. <view class='des-peoplenum'>【拼团购】{{data.pressLimitNum}}人拼团成功,单价仅需</view>
  25. <view class='des-saleprice'>{{data.salePriceStr}}元</view>
  26. </view>
  27. <view class='rest' wx:if="{{data.validType==1}}">有效期:
  28. <text class='time'>{{data.validStartDate}}至{{data.validEndDate}}<text class="use">(请在有效期内使用)</text></text>
  29. </view>
  30. <view class='rest'>
  31. <text class='txt01'>限购条件:</text><text class='time'>每人限购{{data.useLimitQuantity}}张</text>
  32. <text class='timess' wx:if='{{limitCondition==1}}'>仅限新用户活动</text>
  33. <text class='timess' wx:if='{{limitCondition==2&&(minLimit||minLimit==0)&&maxLimit}}'>({{minLimit}}-{{maxLimit}}成长值)</text>
  34. <text class='timess' wx:if='{{limitCondition==2&&minLimit&&!maxLimit}}'>(大于{{minLimit}}成长值)</text>
  35. </view>
  36. <view class='status' wx:if="{{spellData!=null}}">
  37. <view class='status01 st'>
  38. <image src='{{spellData.avatarUrl}}'></image>
  39. </view>
  40. <view class='status02 st'>{{spellData.nickName}}的团还差<view class='r-p-num'>1人</view></view>
  41. <view class='status03 st'>
  42. <view class='mm'>{{day}}</view><text class='day-box' style='font-size:32rpx;'> 天 </text>
  43. <view class='hh'>{{hour}}</view><text class='mao'>:</text>
  44. <view class='mm'>{{min}}</view><text class='mao'>:</text>
  45. <view class='ss'>{{sec}}</view>
  46. </view>
  47. <view class='status04 st'>
  48. <view class='s-button' bindtap='gotoPartner'>去拼团</view>
  49. </view>
  50. </view>
  51. <view class='posi'>
  52. <view class='applyshop'>适用门店</view>
  53. <view class='posi_logo' wx:for="{{data.merchantVoList}}" wx:key="index">
  54. <view>
  55. <image src='{{item.merchantImgUrl}}'></image>
  56. </view>
  57. <view>
  58. <text>{{item.merchantName}}</text>
  59. <text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text>
  60. </view>
  61. <image bindtap='phone' data-merchantLinkPhone='{{item.merchantLinkPhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" />
  62. </view>
  63. </view>
  64. <view class='notes'>
  65. <view>
  66. <text>购买须知</text>
  67. </view>
  68. <view>
  69. <text><text class='spot'></text>{{data.remark}}</text>
  70. </view>
  71. </view>
  72. <view class='detailImg' wx:if="{{detailPicture.length>0}}">
  73. <image wx:for="{{detailPicture}}" wx:key="{{index}}" wx:for-item="item" src='{{item}}'></image>
  74. </view>
  75. <view class='edit'>
  76. <button class='goback' bindtap='gotoIndex'><image src='{{wmhome}}' mode="widthFix"></image></button>
  77. <form bindsubmit='{{canBuyIf?"gotoBuy":""}}' report-submit='true' wx:if='{{data.id}}'>
  78. <button class='edit-left' form-type="submit" >
  79. <view class='edit-left-top'>
  80. <view class='price'>{{data.price}}</view>
  81. <view class='price-unit'>元</view>
  82. </view>
  83. <view class='edit-left-bottom'>立即购买</view>
  84. </button>
  85. </form>
  86. <!-- <button class='edit-right' id="shareBtn" open-type="share"></button> -->
  87. <form bindsubmit='{{canSpell?"gotoSpell":""}}' report-submit='true' wx:if='{{data.id}}'>
  88. <button class='edit-right' form-type="submit" >
  89. <view class='edit-left-top'>
  90. <view class='price'>{{data.salePrice}}</view>
  91. <view class='price-unit'>元</view>
  92. </view>
  93. <view class='edit-left-bottom'>发起拼团</view>
  94. </button>
  95. </form>
  96. </view>
  97. </view>
  98. <!-- 分享弹框 -->
  99. <!-- 分享弹框 -->
  100. <view class='modal' wx:if="{{isshowposter}}" bindtap='hidemodal'>
  101. <view class='modal-content'>
  102. <view>
  103. <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>
  104. <image src='./../../../assets/images/wechat.png' mode='aspectFit'></image>
  105. <text>微信好友</text>
  106. </view>
  107. <view bindtap='showPoster'>
  108. <image src='./../../../assets/images/picture.png' mode='aspectFit'></image>
  109. <text>生成海报</text>
  110. </view>
  111. </view>
  112. </view>
  113. </view>
  114. </view>