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

96 行
4.4 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" autoplay="true" circular="false" current="{{swiperCurrent}}">
  5. <block wx:for="{{coverPicture}}" wx:key="unique">
  6. <swiper-item>
  7. <image data-data="{{item}}" mode='widthFix' 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}}">
  21. <image class="fenxiang" src='{{share01}}' mode="widthFix"></image>
  22. <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>
  23. </view>
  24. <view class='des'>
  25. <view class='des-peoplenum'>【拼团购】{{data.pressLimitNum}}人拼团成功,单价仅需</view>
  26. <view class='des-saleprice'>{{data.salePriceStr}}元</view>
  27. </view>
  28. <view class='rest' wx:if="{{data.validType==1}}">有效期:
  29. <text class='time'>{{data.validStartDate}}至{{data.validEndDate}}<text class="use">(请在有效期内使用)</text></text>
  30. </view>
  31. <view class='rest'>
  32. <text class='txt01'>限购条件:</text>
  33. <text class='time'>每人{{data.useLimitQuantity}}张</text>
  34. </view>
  35. <view class='status' wx:if="{{spellData!=null}}">
  36. <view class='status01 st'>
  37. <image src='{{spellData.avatarUrl}}'></image>
  38. </view>
  39. <view class='status02 st'>{{spellData.nickName}}的团还差<view class='r-p-num'>1人</view></view>
  40. <view class='status03 st'>
  41. <view class='mm'>{{day}}</view><text class='day-box' style='font-size:32rpx;'> 天 </text>
  42. <view class='hh'>{{hour}}</view><text class='mao'>:</text>
  43. <view class='mm'>{{min}}</view><text class='mao'>:</text>
  44. <view class='ss'>{{sec}}</view>
  45. </view>
  46. <view class='status04 st'>
  47. <view class='s-button' bindtap='gotoPartner'>去拼团</view>
  48. </view>
  49. </view>
  50. <view class='posi'>
  51. <view class='applyshop'>适用门店</view>
  52. <view class='posi_logo' wx:for="{{data.merchantVoList}}" wx:key="index">
  53. <view>
  54. <image src='{{item.merchantImgUrl}}'></image>
  55. </view>
  56. <view>
  57. <text>{{item.merchantName}}</text>
  58. <text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text>
  59. </view>
  60. <image bindtap='phone' data-merchantLinkPhone='{{item.merchantLinkPhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" />
  61. </view>
  62. </view>
  63. <view class='notes'>
  64. <view>
  65. <text>购买须知</text>
  66. </view>
  67. <view>
  68. <text><text class='spot'></text>{{data.remark}}</text>
  69. </view>
  70. </view>
  71. <view class='detailImg' wx:if="{{detailPicture.length>0}}">
  72. <image wx:for="{{detailPicture}}" wx:key="{{index}}" wx:for-item="item" src='{{item}}'></image>
  73. </view>
  74. <form bindsubmit="submit" report-submit='true' >
  75. <view class='edit'>
  76. <button class='goback' bindtap='gotoIndex'><image src='{{wmhome}}' mode="widthFix"></image></button>
  77. <button class='edit-left' form-type="submit" wx:if='{{data.id}}' bindtap='{{canBuyIf?"gotoBuy":""}}'>
  78. <view class='edit-left-top'>
  79. <view class='price'>{{data.price}}</view>
  80. <view class='price-unit'>元</view>
  81. </view>
  82. <view class='edit-left-bottom'>立即购买</view>
  83. </button>
  84. <!-- <button class='edit-right' id="shareBtn" open-type="share"></button> -->
  85. <view class='edit-right' wx:if='{{data.id}}' bindtap='{{canSpell?"gotoSpell":""}}'>
  86. <view class='edit-right-top'>
  87. <view class='real-price'>{{data.salePrice}}</view>
  88. <view class='real-price-unit'>元</view>
  89. </view>
  90. <view class='edit-right-bottom'>发起拼团</view>
  91. </view>
  92. </view>
  93. </form>
  94. </view>
  95. </view>
  96. </view>