index.wxml 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. <import src="../../../wxParse/wxParse.wxml"></import>
  2. <view class="container p-bottom" wx:if="{{ detail.active_id }}">
  3. <!-- 商品信息 -->
  4. <view class="header dis-flex">
  5. <view class="header_lf" catchtap="onTargetGoods">
  6. <image src="{{ goods.goods_image }}"></image>
  7. </view>
  8. <view class="header_rt">
  9. <view class="goods-name" catchtap="onTargetGoods">
  10. <text class="twolist-hidden">{{ goods.goods_name }}</text>
  11. </view>
  12. <view class="goods-price">
  13. <text class="f-26 col-m">¥</text>
  14. <text class="m-price">{{ goods.goods_sku.sharing_price }}</text>
  15. <text class="line-price" wx:if="{{ goods.goods_sku.line_price > 0 }}">¥{{ goods.goods_sku.line_price }}</text>
  16. </view>
  17. <view class="goods-tag">
  18. <text class="tag-item">{{ detail.people }}人团</text>
  19. <text class="tag-item" wx:if="{{ goods.goods_sku.line_price > 0 }}">拼团省{{ goods.goods_sku.diff_price }}</text>
  20. </view>
  21. </view>
  22. </view>
  23. <!-- 拼团成员 -->
  24. <view class="main">
  25. <!-- 拼团状态 (成功、失败) -->
  26. <view wx:if="{{ detail.status.value == 30 }}" class="main_status main_status__fail">
  27. <text class="status-icon iconfont icon-shibai"></text>
  28. <text>超过有效时间,拼团失败</text>
  29. </view>
  30. <view wx:if="{{ detail.status.value == 20 }}" class="main_status main_status__success">
  31. <text class="status-icon iconfont icon-success"></text>
  32. <text>拼团已成功</text>
  33. </view>
  34. <!-- 参团用户 -->
  35. <view class="main_user">
  36. <view wx:for="{{ detail.users }}" wx:key="this" class="user-item">
  37. <image src="{{ item.user.avatarUrl }}"></image>
  38. <view wx:if="{{ item.is_creator == 1 }}" class="user-role">
  39. <text>团长</text>
  40. </view>
  41. </view>
  42. <!-- 虚位以待 -->
  43. <view wx:for="{{ detail.surplus_people }}" wx:key="this"
  44. class="user-item user-item__wait dis-flex flex-x-center flex-y-center">
  45. <text class="iconfont icon-wenhao"></text>
  46. </view>
  47. </view>
  48. <!-- 拼单状态:拼团中 -->
  49. <view wx:if="{{ detail.status.value == 10 }}" class="main_tiem">
  50. <text>还差 </text>
  51. <text class="main_timer_color">{{ detail.surplus_people }}</text>
  52. <text> 个名额,</text>
  53. <!-- 倒计时 -->
  54. <countdown date="{{ detail.end_time.text }}" separator="colon" style="text" />
  55. <text> 后结束</text>
  56. </view>
  57. <!-- 操作按钮 -->
  58. <block wx:if="{{ detail.status.value == 10 }}">
  59. <button wx:if="{{ !is_join }}" catchtap="onTriggerOrder">立即参团</button>
  60. <button wx:else open-type="share" catchtap="onShare">立即分享</button>
  61. </block>
  62. <button wx:else catchtap="onTargetGoods">去开团</button>
  63. </view>
  64. <!-- 拼团须知 -->
  65. <view class="notice" catchtap="onToggleRules">
  66. <text class="f-30">拼团须知</text>
  67. <text class="t-brief">{{ setting.basic.rule_brief }}</text>
  68. <text class="icon-arrow"></text>
  69. </view>
  70. <!-- 更多拼团 -->
  71. <view class="content" wx:if="{{ goodsList.data.length }}">
  72. <view class="content_top" catchtap="onTargetIndex">
  73. <text class="f-30">更多拼团</text>
  74. <text class="icon-arrow"></text>
  75. </view>
  76. <view wx:for="{{ goodsList.data }}" wx:key="key" class="content_main dis-flex" catchtap="onTargetGoods"
  77. data-id="{{ item.goods_id }}">
  78. <view class="goods-image">
  79. <image src="{{ item.goods_image }}"></image>
  80. </view>
  81. <view class="goods-detail">
  82. <view class="goods-name twolist-hidden">
  83. <text>{{ item.goods_name }}</text>
  84. </view>
  85. <view class="goods-sales">
  86. <text>已团{{ item.goods_sales }}件</text>
  87. </view>
  88. <view class="goods-detail_bottom clear">
  89. <view class="bottom-right onelist-hidden fl dis-flex flex-y-end">
  90. <text class="f-24 col-m">¥</text>
  91. <text class="goods-price col-m">{{ item.goods_sku.sharing_price }}</text>
  92. <text class="line-price">¥{{ item.goods_sku.line_price }}</text>
  93. </view>
  94. <button class="fr btn-navie">去开团</button>
  95. </view>
  96. </view>
  97. </view>
  98. </view>
  99. </view>
  100. <!-- 快捷导航 -->
  101. <shortcut right="50rpx" bottom="200rpx"></shortcut>
  102. <!-- 确认购买弹窗 -->
  103. <zan-popup show="{{ showBottomPopup }}" type="bottom" bindclose="onToggleTrade">
  104. <view class="popup__trade">
  105. <!-- 关闭按钮 -->
  106. <view class="trade-close dis-flex flex-x-center flex-y-center" catchtap="onToggleTrade">
  107. <text class="iconfont icon-close f-26"></text>
  108. </view>
  109. <!-- 主体信息 -->
  110. <view class="trade-main">
  111. <view class="goods-info dis-flex">
  112. <!-- 图片名称 -->
  113. <view class="goods-image" catchtap="onPreviewSkuImage">
  114. <image src="{{ skuCoverImage }}"></image>
  115. </view>
  116. <view class="flex-box">
  117. <view class="money-box">
  118. <text class="col-m f-26">¥</text>
  119. <text class="price col-m">{{ sharing_price }}</text>
  120. <text class="del" wx:if="{{line_price>0}}">¥{{line_price}}</text>
  121. </view>
  122. <view class="goods-stock dis-flex">
  123. <text class="flex-box f-26 col-7">库存:{{stock_num}}</text>
  124. </view>
  125. </view>
  126. </view>
  127. <!-- 规格列表 -->
  128. <view class="goods-list-box" scroll-y="true">
  129. <view class="cf tmall-types" wx:for="{{ goodsMultiSpec.spec_attr }}" wx:for-item="attr" wx:for-index="attr_idx"
  130. wx:key="key">
  131. <view class="tipstxt" data-id="{{attr.group_id}}">{{attr.group_name}}</view>
  132. <view class="cf cartypelist" wx:for="{{attr.spec_items}}" wx:for-index="item_idx" wx:key="ikey">
  133. <view wx:if="{{item.checked}}">
  134. <form bindsubmit="onSwitchSpec" report-submit="true" data-attr-idx="{{attr_idx}}"
  135. data-item-idx="{{item_idx}}">
  136. <button formType="submit" class="btn-normal">
  137. <view class="cartypeitem cur">{{item.spec_value}}</view>
  138. </button>
  139. </form>
  140. </view>
  141. <view wx:else>
  142. <form bindsubmit="onSwitchSpec" report-submit="true" data-attr-idx="{{attr_idx}}"
  143. data-item-idx="{{item_idx}}">
  144. <button formType="submit" class="btn-normal">
  145. <view class="cartypeitem">{{item.spec_value}}</view>
  146. </button>
  147. </form>
  148. </view>
  149. </view>
  150. </view>
  151. </view>
  152. <!-- 购买数量 -->
  153. <view class="buy_number">
  154. <view class="buyNumber f-26">
  155. <text>购买数量</text>
  156. </view>
  157. <view class="select-number">
  158. <form bindsubmit="onDecGoodsNumber" report-submit="true">
  159. <button formType="submit" class="default {{goods_num>1?'':' disabled'}}" type="default">-</button>
  160. </form>
  161. <input bindinput="onInputGoodsNum" type="number" value="{{goods_num}}"></input>
  162. <form bindsubmit="onIncGoodsNumber" report-submit="true">
  163. <button formType="submit" class="default" type="default">+</button>
  164. </form>
  165. </view>
  166. </view>
  167. </view>
  168. <!-- 底部操作栏 -->
  169. <view class="footer-fixed f-30">
  170. <block wx:if="{{stock_num > 0}}">
  171. <view class="order-bt dis-flex flex-x-center flex-y-center" catchtap="onCheckout" data-type="buyNow">
  172. <text>确定</text>
  173. </view>
  174. </block>
  175. <view class="default-btn" wx:else>暂无现货</view>
  176. </view>
  177. </view>
  178. </zan-popup>
  179. <zan-dialog id="zan-base-dialog"></zan-dialog>