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.

110 lines
5.0 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>
  32. <text class='time'>每人{{data.useLimitQuantity}}张</text>
  33. </view>
  34. <view class='status' wx:if="{{spellData!=null}}">
  35. <view class='status01 st'>
  36. <image src='{{spellData.avatarUrl}}'></image>
  37. </view>
  38. <view class='status02 st'>{{spellData.nickName}}的团还差<view class='r-p-num'>1人</view></view>
  39. <view class='status03 st'>
  40. <view class='mm'>{{day}}</view><text class='day-box' style='font-size:32rpx;'> 天 </text>
  41. <view class='hh'>{{hour}}</view><text class='mao'>:</text>
  42. <view class='mm'>{{min}}</view><text class='mao'>:</text>
  43. <view class='ss'>{{sec}}</view>
  44. </view>
  45. <view class='status04 st'>
  46. <view class='s-button' bindtap='gotoPartner'>去拼团</view>
  47. </view>
  48. </view>
  49. <view class='posi'>
  50. <view class='applyshop'>适用门店</view>
  51. <view class='posi_logo' wx:for="{{data.merchantVoList}}" wx:key="index">
  52. <view>
  53. <image src='{{item.merchantImgUrl}}'></image>
  54. </view>
  55. <view>
  56. <text>{{item.merchantName}}</text>
  57. <text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text>
  58. </view>
  59. <image bindtap='phone' data-merchantLinkPhone='{{item.merchantLinkPhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" />
  60. </view>
  61. </view>
  62. <view class='notes'>
  63. <view>
  64. <text>购买须知</text>
  65. </view>
  66. <view>
  67. <text><text class='spot'></text>{{data.remark}}</text>
  68. </view>
  69. </view>
  70. <view class='detailImg' wx:if="{{detailPicture.length>0}}">
  71. <image wx:for="{{detailPicture}}" wx:key="{{index}}" wx:for-item="item" src='{{item}}'></image>
  72. </view>
  73. <form bindsubmit="submit" report-submit='true' >
  74. <view class='edit'>
  75. <button class='goback' bindtap='gotoIndex'><image src='{{wmhome}}' mode="widthFix"></image></button>
  76. <button class='edit-left' form-type="submit" wx:if='{{data.id}}' bindtap='{{canBuyIf?"gotoBuy":""}}'>
  77. <view class='edit-left-top'>
  78. <view class='price'>{{data.price}}</view>
  79. <view class='price-unit'>元</view>
  80. </view>
  81. <view class='edit-left-bottom'>立即购买</view>
  82. </button>
  83. <!-- <button class='edit-right' id="shareBtn" open-type="share"></button> -->
  84. <view class='edit-right' wx:if='{{data.id}}' bindtap='{{canSpell?"gotoSpell":""}}'>
  85. <view class='edit-right-top'>
  86. <view class='real-price'>{{data.salePrice}}</view>
  87. <view class='real-price-unit'>元</view>
  88. </view>
  89. <view class='edit-right-bottom'>发起拼团</view>
  90. </view>
  91. </view>
  92. </form>
  93. </view>
  94. <!-- 分享弹框 -->
  95. <!-- 分享弹框 -->
  96. <view class='modal' wx:if="{{isshowposter}}" bindtap='hidemodal'>
  97. <view class='modal-content'>
  98. <view>
  99. <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>
  100. <image src='./../../../assets/images/wechat.png' mode='aspectFit'></image>
  101. <text>微信好友</text>
  102. </view>
  103. <view bindtap='showPoster'>
  104. <image src='./../../../assets/images/picture.png' mode='aspectFit'></image>
  105. <text>微信朋友圈</text>
  106. </view>
  107. </view>
  108. </view>
  109. </view>
  110. </view>