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.

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