index.wxml 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <view wx:if="{{is_show && loadover}}" class="{{theme_type}}">
  2. <view class="page-detail clearfix">
  3. <view class="page-detail-good">
  4. <view class="meili-all-vue-base-image">
  5. <image src="{{goods.image}}" class="fadeIn" style="" />
  6. </view>
  7. </view>
  8. <view class="page-detail-right">
  9. <view class="page-detail-right-name">{{goods.name}}</view>
  10. <view class="page-detail-right-bottom clearfix">
  11. <view class="cut">
  12. <text class="yahei">¥</text>{{goods.price}}</view>
  13. <view class="cut-num">
  14. <view class="cut-num-normal">
  15. <text class="yahei">¥</text>
  16. <text>{{goods_info.price}}</text>
  17. </view>
  18. <view class="clearfix">
  19. <view class='tag'>{{pin_info.need_count}}人团</view>
  20. </view>
  21. </view>
  22. </view>
  23. </view>
  24. <view wx:if="{{pin_info.state==1 && pin_info.is_lottery == 0}}" class="page-detail-success"></view>
  25. <view wx:if="{{pin_info.state==2 && pin_info.is_lottery == 0}}" class="page-detail-fail"></view>
  26. <view wx:if="{{pin_info.state==1 && pin_info.is_lottery==1 && pin_info.lottery_state == 0 }}" class="page-detail-unopen"></view>
  27. <view wx:if="{{pin_info.state==1 && pin_info.is_lottery==1 && pin_info.lottery_state != 0}}" class="page-detail-open"></view>
  28. </view>
  29. <view class="page-top">
  30. <view class="page-top-wrapper">
  31. <view class="rule-label-wrap">
  32. <view class="rule-label">规则详情</view>
  33. </view>
  34. <view wx:if="{{pin_info.state==0}}">
  35. <view class="join-num">已有{{pin_order_arr.length}}人参与,还差
  36. <text class="warmPink num-pad">{{pin_info.need_count-pin_order_arr.length}}</text>人拼团成功
  37. </view>
  38. <view class="count-down">
  39. 剩余
  40. <view class="warmPink">
  41. <view class="meili-all-base-countdown countdown">
  42. {{clock}}
  43. </view>
  44. </view>
  45. 失效
  46. </view>
  47. </view>
  48. <view wx:if="{{pin_info.state==1}}">
  49. <view class="join-num">已有{{pin_order_arr.length}}人参与
  50. <text style='color: #3aba2f;'>拼团成功</text>
  51. </view>
  52. </view>
  53. <view wx:if="{{pin_info.state==2}}">
  54. <view class="join-num">已有{{pin_order_arr.length}}人参与
  55. <text style='color: #cecece;'>拼团失败</text>
  56. </view>
  57. </view>
  58. <view class="user-con clearfix">
  59. <view wx:for="{{pin_order_arr}}" wx:key="key" class="user-wrap {{index==0?'userCaptain':''}}">
  60. <view class="user-logo">
  61. <image src="{{item.avatar}}" />
  62. </view>
  63. <view wx:if="{{index==0}}" class="is-captain">团长</view>
  64. </view>
  65. <view wx:for="{{pin_info.need_count-pin_order_arr.length}}" wx:key="key" class="user-wrap">
  66. <view class="user-logo">
  67. <image src="../../images/170913_50750l4c63flgj2bghf7ijh99j87i_140x140.png" />
  68. </view>
  69. </view>
  70. <view wx:if="{{pin_info.state==0}}">
  71. <view wx:if="{{me_take_in==0 && is_login}}" bindtap="goBuy" class="operate-btn">我要参团</view>
  72. <button wx:if="{{me_take_in==0 && !is_login}}" bindgetuserinfo="bindGetUserInfo" open-type="getUserInfo" class="operate-btn">我要参团</button>
  73. <button wx:elif="{{me_take_in==1}}" open-type="share" class="operate-btn">邀请好友参团</button>
  74. </view>
  75. <view wx:if="{{pin_info.state==1 && is_me ==1}}">
  76. <view bindtap="goOrders" class="operate-btn">查看订单详情</view>
  77. </view>
  78. <view wx:if="{{pin_info.state==1 && is_me ==0}}">
  79. <view bindtap="goGoods" class="operate-btn" >继续开团</view>
  80. </view>
  81. <view wx:if="{{pin_info.state==2}}">
  82. <view bindtap="goGoods" class="operate-btn" >继续开团</view>
  83. </view>
  84. </view>
  85. </view>
  86. </view>
  87. <view class="dialog is-bottom" width="100%" style="z-index: 10005;display:{{skustate==1?' ':'none'}};">
  88. <view class="dialog-mask"></view>
  89. <view class="dialog-core">
  90. <view class="sku sku m-fixed" position="bottom">
  91. <view class="sku-content">
  92. <view class="goods">
  93. <view class="goods-img">
  94. <view class="goods-img--inner">
  95. <image mode="widthFix" src="{{goods.image}}" class="basedetailskugoodsimage" style="" />
  96. </view>
  97. </view>
  98. <view class="goods-cont">
  99. <view class="goods-cont--price">
  100. <text class="goods-cont--price-unit">¥</text>
  101. <text class="goods-cont--price-text">{{goods.price}}</text>
  102. </view>
  103. <text class="goods-cont--stock">库存{{goods.quantity}}件</text>
  104. <view class="goods-cont--addon">已选择:
  105. <text wx:for-items="{{sku}}" wx:key="key" class="goods-choose">{{item.name}},</text>
  106. </view>
  107. </view>
  108. <view bindtap="openSku" class="goods-close">
  109. <text class="goods-close--icon m-icon m-icon-close"></text>
  110. </view>
  111. </view>
  112. <view class="sku-content--scroll">
  113. <view class="scroll">
  114. <view class="prop">
  115. <view wx:for-items="{{options.list}}" wx:key="key" data-id="{{item.goods_option_id}}" class="prop-rows">
  116. <view class="prop-rows--title">{{item.name}}:</view>
  117. <view class="prop-rows--content">
  118. <view class="prop-list">
  119. <view wx:for="{{item.option_value}}" wx:key="key" wx:for-item="value" data-type="{{index}}_{{idx}}_{{value.option_value_id}}_{{value.name}}" wx:for-index="idx" bindtap="selectSku" class="prop-item {{idx==sku[index]['idx']?'is-selected':''}}">{{value.name}}</view>
  120. </view>
  121. </view>
  122. </view>
  123. </view>
  124. </view>
  125. <view class="number">
  126. <view class="number-title">数量:</view>
  127. <view class="number-calculator">
  128. <text bindtap="setNum" data-type="decrease" class="number-calculator--reduce">-</text>
  129. <text class="number-calculator--value">{{order.quantity}}</text>
  130. <text bindtap="setNum" data-type="add" class="number-calculator--increase">+</text>
  131. </view>
  132. </view>
  133. </view>
  134. <view class="foot">
  135. <text bindtap="goOrder" class="foot-okbtn">确定</text>
  136. </view>
  137. </view>
  138. </view>
  139. </view>
  140. </view>
  141. <view class="meili-all-vue-pintuan-base-recommend">
  142. <view class="more-bar" bindtap="goIndex">
  143. 大家都在拼
  144. <text class="icon icon-arrow-right m-icon m-icon-arrow-right"></text>
  145. <text class="pre-text">更多</text>
  146. </view>
  147. <view class="meili-all-vue-pintuan-base-recommend-card">
  148. <view wx:for-items="{{list}}" wx:key="key" bindtap="goGoods2" data-type="{{item.goods_id}}" class="pin_goods_item pin_goods_single fl">
  149. <view style="background-image:url({{item.image}});" class="pin_good_img loading_bg_120 fl">
  150. <view class="pin_top_icon">{{item.pin_count}}人团</view>
  151. </view>
  152. <view class="pin_good_info fr pin_good_info_sellout">
  153. <view class="pin_good_title">{{item.name}}</view>
  154. <view class="pin_good_tags">
  155. <view class="pin_good_tag fl">{{item.summary}}</view>
  156. </view>
  157. <view class="pin_good_price_info">
  158. <view class="pin_goods_price fl">¥{{item.pin_price}}</view>
  159. <del class="pin_goods_origin_price fl">¥{{item.price}}</del>
  160. </view>
  161. <view class="pin_info">
  162. <text class="pin_info_number fl">已团{{item.seller_count}}件</text>
  163. </view>
  164. <view class="pin_info_gotuan">
  165. <view class="pin_info_go fl">去开团</view>
  166. </view>
  167. </view>
  168. </view>
  169. </view>
  170. </view>
  171. <view class="confirm-popup j-confirm" id="j-confirm-newer" hidden='{{hide_new}}'>
  172. <view class="confirm-content">
  173. <view class="confirm-title">
  174. 这个商品仅限新用户参团哦
  175. </view>
  176. <view class="confirm-text">
  177. <view>你是老用户了,可以去开个团哦</view>
  178. </view>
  179. <view class="confirm-btn">
  180. <view class="confirm-btn-cancel j-confirm-cancel" bindtap='cancle_tip'>取消</view>
  181. <view class="confirm-btn-confirm j-confirm-ok" bindtap='goLink' data-link="/pages/goods/index?id={{order.goods_id}}" >我来开个团</view>
  182. </view>
  183. </view>
  184. </view>
  185. <view bindtap="noticego" data-orderid ="{{notice_orderid}}" hidden="{{isHidenotice}}" class="pin_tips_container {{isHidenotice ? 'pin_tips_fadeOut' : 'pin_tips_fadeIn'}}" >
  186. <image class="pin_tips_user_pic fl" src="{{notice_avatar}}"> </image>
  187. <view class="pin_tips_info fl">
  188. <view class="fl span">最新拼团来自</view>
  189. <view class="pin_tips_info_name fl span" >{{notice_name}}</view>
  190. <view class="fl span">,{{notice_miao}}秒前</view>
  191. </view>
  192. </view>
  193. </view>
  194. <import src="../../nav.wxml" />
  195. <template is="nav" data="{{navState}}" />