goodsDetail.wxml 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386
  1. <view class='goods-wrapper'>
  2. <view class='ui-mask' bindtap='share_handler' hidden='{{is_share_html}}'></view>
  3. <view class="model-services show" hidden='{{is_share_html}}'>
  4. <view class="model-services-title">分享</view>
  5. <view class="model-services-content">
  6. <view class="service-list">
  7. <view class="service-item">
  8. <button open-type="share" class='none_btn' plain="true">
  9. <text class="iconfont icon-weixin2 service-icon"></text>
  10. <view class="cube-text">
  11. <text>好友</text>
  12. </view>
  13. </button>
  14. </view>
  15. <view class="service-item" bindtap='get_share_img'>
  16. <text class="iconfont icon-pengyouquan service-icon"></text>
  17. <view class="cube-text">
  18. <text>海报</text>
  19. </view>
  20. </view>
  21. </view>
  22. </view>
  23. </view>
  24. <view class="spuInfoImg" style='height:{{imageSize.imageHeight}}px;background: url("/lionfish_comshop/images/index-comming-goods-bitmap.png)";background-size: 100% 100%;'>
  25. <view wx:if="{{goods.label_info && goods.label_info.type==0}}" class='item-tag'>
  26. <image class='item-tag-bg' mode='widthFix' src="../../images/tag.png"></image>
  27. <view class='tag-name {{goods.label_info.len==2?"two-word":""}}'>{{goods.label_info.tagcontent}}</view>
  28. </view>
  29. <view wx:if="{{goods.label_info && goods.label_info.type==1}}" class='item-tag' style='background:url({{goods.label_info.tagcontent}}) no-repeat left top;background-size: 100%;'></view>
  30. <text class="current" wx:if="{{fmShow==true}}">{{goodsIndex}}/{{goods_image_length}}</text>
  31. <swiper bindchange="scrollImagesChange" duration="300" style='height:{{imageSize.imageHeight}}px' interval="5000" circular>
  32. <swiper-item wx:for="{{goods_image}}" wx:key="id">
  33. <block wx:if="{{goods.video!=''&&goods.video!=null}}">
  34. <image wx:if="{{index!=0}}" src="{{item.image}}" mode="widthFix" bindload="imageLoad" lazy-load="true" bindtap='previewImg' data-idx="{{index}}"></image>
  35. <view class='video-wrap' wx:else>
  36. <view wx:if="{{fmShow==true}}">
  37. <view class='btn_view centerboth' wx:if="{{item.video==''}}"></view>
  38. <view class='btn_view centerboth' wx:else bindtap='btnPlay'><image src='../../images/play.png'></image></view>
  39. <image src="{{item.image}}" mode="widthFix" bindload="imageLoad" lazy-load="true" bindtap='previewImg' data-idx="{{index}}"></image>
  40. </view>
  41. <video class='swiper-video' wx:if="{{fmShow==false}}" id="myVideo" src="{{goods.video}}" bindended="videEnd"></video>
  42. </view>
  43. </block>
  44. <image wx:else src="{{item.image}}" mode="widthFix" bindload="imageLoad" lazy-load="true" bindtap='previewImg' data-idx="{{index}}"></image>
  45. </swiper-item>
  46. </swiper>
  47. </view>
  48. <view wx:if="{{fmShow==false}}" class='end-play' bindtap='endPlay'><text class='btn'>退出播放</text></view>
  49. <view class="spuInfo" style='z-index: {{fmShow==false?-1:2}}'>
  50. <view class="spuPrice">
  51. <image class='spuPriceBg' src='{{goods_details_price_bg?goods_details_price_bg:"../../images/shareBottomBg.png"}}'></image>
  52. <view class="price">
  53. ¥
  54. <text class="salePrice">{{goods.price_front}}</text>.{{goods.price_after}}
  55. <text class="storePrice">¥{{goods.productprice}}</text>
  56. <text class="pin-type">{{pin_info.pin_count}}人团</text>
  57. </view>
  58. <view class="time">
  59. <text wx:if="{{goods.over_type == 1}}">距结束</text>
  60. <text class="endAct" wx:if="{{goods.over_type == 0}}">距开始</text>
  61. <text class="endAct" wx:if="{{goods.over_type == 2}}">结束时间</text>
  62. <text class="endAct" wx:if="{{goods.over_type == 2}}">{{goods.end_date}}</text>
  63. <view class="countdown-class i-count-down" wx:else>
  64. <em wx:if="{{endtime.days > 0}}">{{endtime.days}}天</em>
  65. <span class="item-class">{{endtime.hours}}</span>:
  66. <span class="item-class">{{endtime.minutes}}</span>:
  67. <span class="item-class">{{endtime.seconds}}</span>
  68. </view>
  69. </view>
  70. </view>
  71. <view class="spuDetailInfo">
  72. <view class="spuName">{{goods.goodsname}}</view>
  73. <view class="saleNum">
  74. <text class="purTit">销量</text>
  75. <view class="stock">已售
  76. <text class="remaining"> {{goods.seller_count}} </text>{{goods_sale_unit}},仅剩
  77. <text class="remaining"> {{goods.total}} </text>{{goods_sale_unit}}</view>
  78. </view>
  79. </view>
  80. <!-- 已开团 -->
  81. <view class="pinRecords buyRecords" wx:if="{{pinListCount&&pintuan_close_stranger!=1}}">
  82. <navigator class="moreBuyer" hoverClass="none" url="/lionfish_comshop/pages/goods/buyRecords?id={{goods_id}}">
  83. <view class="title">
  84. <view><text class="red">{{pinListCount}}</text>人正在拼团,可直接参与</view>
  85. <!-- <view class="buyNum">查看更多<text class="iconfont icon-youjiantou"></text></view> -->
  86. </view>
  87. </navigator>
  88. <view class="pinList">
  89. <view class="pinList-item" wx:for="{{pinList}}" wx:key="id">
  90. <view class="pinList-item-l">
  91. <image class="avatar" src="{{item.avatar}}"></image><text class="iconfont icon-jiaru"></text>
  92. </view>
  93. <view class="pinList-item-m">
  94. <view class="num">还差<text>{{item.re_need_count}}人</text>成团</view>
  95. <view class="time">
  96. <i-count-down showDay="{{true}}" target="{{item.seconds}}">
  97. <span class="count-down-text">仅剩</span>
  98. </i-count-down>
  99. </view>
  100. </view>
  101. <view class="pinList-item-r" bindtap="goLink" data-link="/lionfish_comshop/moduleA/pin/share?id={{item.order_id}}">去参团</view>
  102. </view>
  103. </view>
  104. </view>
  105. <!-- 返利拼团 -->
  106. <view class="pinRecords buyRecords" wx:if="{{pin_info.is_pintuan_rebate==1}}">
  107. <view class="pinIntro" bindtap="goLink" data-link="/lionfish_comshop/pages/user/rule?type=pintuanRebate">
  108. <view class="i-flex i-flex-spb pinIntro-top">
  109. <view class="pinIntro-title">拼团玩法</view>
  110. <view class="">查看规则<text class="iconfont icon-youjiantou"></text></view>
  111. </view>
  112. <view class="i-flex i-flex-spb pinIntro-bot">
  113. <view class="rule-item">
  114. <view class="step">1</view>
  115. <view class="p">支付开团</view>
  116. <view class="p">参团</view>
  117. </view>
  118. <view class="rule-item">
  119. <view class="step">2</view>
  120. <view class="p">邀请用户</view>
  121. <view class="p">参团</view>
  122. </view>
  123. <view class="rule-item">
  124. <view class="step">3</view>
  125. <view class="p">拼团成功中</view>
  126. <view class="p">奖人员发货</view>
  127. </view>
  128. <view class="rule-item">
  129. <view class="step">4</view>
  130. <view class="p">未中奖人员退</view>
  131. <view class="p">款发放奖励</view>
  132. </view>
  133. </view>
  134. </view>
  135. </view>
  136. <!-- 普通拼团 -->
  137. <view class="pinRecords buyRecords" wx:else>
  138. <view class="pinIntro" bindtap="goLink" data-link="/lionfish_comshop/pages/user/rule?type=pintuan">
  139. <view class="i-flex i-flex-spb pinIntro-top">
  140. <view class="pinIntro-title">拼团玩法</view>
  141. <view class="">查看规则<text class="iconfont icon-youjiantou"></text></view>
  142. </view>
  143. <view class="i-flex i-flex-spb pinIntro-bot">
  144. <view class="rule-item">
  145. <view class="step">1</view>
  146. <view class="p">支付开团</view>
  147. <view class="p">参团</view>
  148. </view>
  149. <view class="rule-item">
  150. <view class="step">2</view>
  151. <view class="p">邀请用户</view>
  152. <view class="p">参团</view>
  153. </view>
  154. <view class="rule-item">
  155. <view class="step">3</view>
  156. <view class="p">拼团成功</view>
  157. <view class="p">按时送达</view>
  158. </view>
  159. <view class="rule-item">
  160. <view class="step">4</view>
  161. <view class="p">逾期未成</view>
  162. <view class="p">团退款</view>
  163. </view>
  164. </view>
  165. </view>
  166. </view>
  167. <!-- 弹窗广告 -->
  168. <advimg pos="1" />
  169. <!-- 评价 -->
  170. <view wx:if="{{order_comment_count > 0 && is_show_comment_list == 1}}">
  171. <view class="straightInLive">
  172. <view class="title">
  173. 商品评价
  174. <text class="commentsNum">({{order_comment_count}})</text>
  175. </view>
  176. <view class="comments" wx:for="{{comment_list}}" wx:key="comment_id">
  177. <view class='comment-user'>
  178. <image src='{{item.avatar}}'></image>
  179. <text>{{item.user_name}}</text>
  180. </view>
  181. <view bindtap="bindOpen" class="commentsCon {{item.isOpen&&item.showOpen?'doubleHidden':''}}" data-idx="{{index}}">{{item.content}}</view>
  182. <view class="commentsOpen" wx:if="{{item.showOpen}}">
  183. <text bindtap="bindOpen" data-idx="{{index}}">{{item.isOpen?'展开':'收起'}}</text>
  184. <image class="commentsOpenImg down" src="../../images/commentsOpen.png"></image>
  185. </view>
  186. <view class="allImg" wx:if="{{item.images.length > 0}}">
  187. <view class="commentsImg" wx:for="{{item.images}}" wx:for-index="idx" wx:for-item="imgItem" wx:key="idx">
  188. <image src='{{imgItem}}' class='goodsImg img-class' style='width:75px;height:75px;'></image>
  189. </view>
  190. </view>
  191. <navigator class="checkComments" hoverClass="none" url="/lionfish_comshop/pages/goods/comment?id={{item.goods_id}}">查看全部评论</navigator>
  192. </view>
  193. </view>
  194. </view>
  195. <!-- 详情 -->
  196. <view class="spuDetail">
  197. <image class="goodsDetailTitleImg" src="../../images/goodsDetailTitle.png"></image>
  198. <view class="warmPrompt">
  199. <view class="wxParse">
  200. <parser html="{{goods.description}}" />
  201. </view>
  202. </view>
  203. </view>
  204. <view class="service">
  205. <view class="detailLogo">
  206. <text></text>
  207. <image wx:if="{{goods_details_middle_image}}" mode='widthFix' class="detailLogoImg" src="{{goods_details_middle_image}}"></image>
  208. <text></text>
  209. </view>
  210. <view class="instructions" wx:if="{{!noIns}}">
  211. <view class="wxParse">
  212. <parser html="{{instructions}}" />
  213. </view>
  214. </view>
  215. </view>
  216. <navigator url='/lionfish_comshop/pages/goods/industrial' class='cell' wx:if="{{goods_industrial_switch==1&&goods_industrial}}">
  217. <view class='cell-left'>
  218. <image class='cell-icon' mode='widthFix' src='data:image/jpeg;base64,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'></image>
  219. <text>工商资质</text>
  220. </view>
  221. <image class='icon-right' src='../../images/rightArrowImg.png'></image>
  222. </navigator>
  223. <image class="sloganImg" src="{{index_bottom_image?index_bottom_image:'../../images/icon-index-slogan.png'}}"></image>
  224. </view>
  225. <!--底部按钮begin-->
  226. <view class='i-fixed-bottom'>
  227. <view class="goods-bottom-bar">
  228. <view class="leftBtn">
  229. <navigator hoverClass="none" openType="switchTab" url="/lionfish_comshop/pages/index/index">
  230. <view class="bar-item back-to-index">
  231. <image class="icon" src="{{iconArr.home}}"></image>
  232. 回首页
  233. </view>
  234. </navigator>
  235. </view>
  236. <view class="goodsStatus" wx:if="{{goods.over_type == 0}}">即将开抢</view>
  237. <view class="goodsStatus" wx:elif="{{goods.total<=0}}">已抢光</view>
  238. <view class="goodsStatus" wx:elif="{{goods.total > 0 && goods.over_type ==2}}">已结束</view>
  239. <view class="goodsStatus" wx:elif="{{goods.grounding != 1}}">已下架</view>
  240. <view class="goodsStatus" wx:elif="{{is_comunity_rest == 1}}">团长休息中</view>
  241. <view class="gobuy" wx:else>
  242. <block wx:if="{{pin_info.is_zero_open==1}}">
  243. <label class="balanceBtn" for="formId">
  244. <view bindtap="balance" class="bar-item balance" style='background: {{goodsdetails_addcart_bg_color}}' data-type="pintuan" data-zero="1">
  245. <view class="bar-item-name">一键开团</view>
  246. </view>
  247. </label>
  248. <form bindsubmit="submit" reportSubmit="true">
  249. <button hidden formType="submit" id="formId"></button>
  250. </form>
  251. <label class="balanceBtn" for="formId">
  252. <view bindtap="zeroTuanSub" class="bar-item balance" style='background: {{goodsdetails_buy_bg_color}}' data-type="pintuan">
  253. <view class="bar-item-name">邀请开团</view>
  254. </view>
  255. </label>
  256. </block>
  257. <block wx:else>
  258. <label class="balanceBtn" for="formId">
  259. <view bindtap="balance" class="bar-item balance" style='background: {{goodsdetails_addcart_bg_color}}' data-type="pindan">
  260. <view class="bar-item-price">¥{{pin_info.danprice}}</view>
  261. <view class="bar-item-name">单独购买</view>
  262. </view>
  263. </label>
  264. <form bindsubmit="submit" reportSubmit="true">
  265. <button hidden formType="submit" id="formId"></button>
  266. </form>
  267. <label class="balanceBtn" for="formId">
  268. <view bindtap="preBalance" class="bar-item balance" style='background: {{goodsdetails_buy_bg_color}}' data-type="pintuan">
  269. <view class="bar-item-price">¥{{pin_info.pin_price}}</view>
  270. <view class="bar-item-name">一键开团</view>
  271. </view>
  272. </label>
  273. </block>
  274. </view>
  275. </view>
  276. </view>
  277. <!--底部按钮end-->
  278. <view class="mask" bindtap='closeSku' hidden="{{!visible}}"></view>
  279. <!---规格选择begin-->
  280. <view bind:cancel="close" class='sku-content safebottom' scrollUp="{{true}}" hidden="{{!visible}}">
  281. <view class="sku-card">
  282. <view bindtap="closeSku" class="close">
  283. <image src="../../images/icon-sku-close.png"></image>
  284. </view>
  285. <view class="sku-header">
  286. <image src='{{cur_sku_arr.skuImage}}' style="width:80px;height:80px;" class='sku-img'></image>
  287. <view class="sku-desc">
  288. <view class="sku-title">
  289. <span>{{cur_sku_arr.spuName}}</span>
  290. </view>
  291. <view class="sku-price">
  292. <view class="sale-price" wx:if="{{buy_type=='pindan'}}">
  293. ¥ <span>{{cur_sku_arr.actPrice[0]}}</span>.{{cur_sku_arr.actPrice[1]}}
  294. </view>
  295. <view class="sale-price" wx:if="{{buy_type=='pintuan'}}">
  296. ¥ <span>{{cur_sku_arr.pinprice[0]}}</span>.{{cur_sku_arr.pinprice[1]}}
  297. </view>
  298. <view class="market-price">¥{{cur_sku_arr.marketPrice[0]}}.{{cur_sku_arr.marketPrice[1]}}</view>
  299. </view>
  300. <view class="sku-switch-on" wx:if="{{cur_sku_arr.spec}}">已选择:{{cur_sku_arr.spec}}</view>
  301. </view>
  302. </view>
  303. <view class="sku-spec" wx:for="{{skuList.list}}" wx:key="id">
  304. <view class="title">{{item.name}}</view>
  305. <view class="spec-list">
  306. <span bindtap="selectSku" class="{{idx==sku[index]['idx']?'on':''}}" data-disabled="{{item.canBuyNum-value<0}}" data-type="{{index}}_{{idx}}_{{value.option_value_id}}_{{value.name}}" wx:for-index="idx" wx:key="idx" data-idx="{{idx}}" wx:for="{{item.option_value}}"
  307. wx:for-item="value" style="{{idx==sku[index]['idx']?'color:'+skin.color+';border-color:'+skin.color:''}}">{{value.name}}</span>
  308. </view>
  309. </view>
  310. <view class="sku-num-content">
  311. <view class="title">数量</view>
  312. <view class="i-class i-input-number i-input-number-size-{{size}}">
  313. <view bindtap="setNum" data-type="decrease" class="i-input-number-minus {{value<=min?'i-input-number-disabled':''}}">
  314. <image src="../../images/icon-input-reduce.png"></image>
  315. </view>
  316. <input bindblur="handleBlur" bindfocus="handleFocus" class="i-input-number-text {{min>=max?'i-input-number-disabled':''}}" disabled="true" type="number" value="{{sku_val}}"></input>
  317. <view bindtap="setNum" data-type="add" class="i-input-number-plus {{value>=max?'i-input-number-disabled':''}}">
  318. <image src="../../images/icon-input-add.png"></image>
  319. </view>
  320. </view>
  321. <view class="msg" wx:if="{{skuList[current].isLimit}}">
  322. <span wx:if="{{skuList[current].limitMemberNum>-1}}">每人限{{skuList[current].limitMemberNum}}单</span>
  323. <span wx:if="{{skuList[current].limitOrderNum>-1}}">每单限{{skuList[current].limitOrderNum}}份</span>
  324. <span></span>
  325. </view>
  326. <view class="even-num" wx:elif="{{!skuList[current].isLimit&&skuList[current].canBuyNum-value<=10&&skuList[current].canBuyNum-value>-1}}">还可以购买 {{skuList[current].canBuyNum-value}} 件</view>
  327. </view>
  328. <form bindsubmit="gocarfrom" report-submit="true">
  329. <button formType="submit" class="sku-confirm" disabled='{{cur_sku_arr.stock==0 ? true : false}}' style="background:{{skin.color}}">
  330. <view>{{cur_sku_arr.stock==0?"已抢光":"确定"}}</view>
  331. </button>
  332. </form>
  333. </view>
  334. </view>
  335. <!---规格选择end-->
  336. </view>
  337. <button class="fixed-share" bindtap='share_handler'>
  338. <text class="iconfont icon-fenxiang"></text>
  339. <view>分享</view>
  340. </button>
  341. <button class="fixed-service" openType="contact" wx:if="{{isShowContactBtn==1}}">
  342. <text class="iconfont icon-kefu"></text>
  343. <view>客服</view>
  344. </button>
  345. <i-order-notify i-class="order-notify" wx:if="{{order_notify_switch==1}}" stopNotify="{{stopNotify}}" />
  346. <i-new-auth needAuth="{{needAuth&&showAuthModal}}" bind:authSuccess="authSuccess" bind:cancel="authModal" needPosition="{{needPosition}}"></i-new-auth>
  347. <!-- 新分享形式 Start -->
  348. <view class='share-modal' bindtap='closeShareModal' hidden='{{hideModal}}'>
  349. <view class='share-modal-content'>
  350. <view class='share-modal-img'>
  351. <image mode='widthFix' src='{{shareImgUrl}}'></image>
  352. </view>
  353. <view class="share-modal-btn-list">
  354. <view class="share-modal-btn-item">
  355. <button open-type="share" class='none_btn' plain="true">
  356. <text class="iconfont icon-weixin1 btn-icon"></text>
  357. <view class="btn-text">
  358. <text>分享好友</text>
  359. </view>
  360. </button>
  361. </view>
  362. <view class="share-modal-btn-item" catchtap='saveThumb'>
  363. <text class="iconfont icon-zhaopian btn-icon"></text>
  364. <view class="btn-text">
  365. <text>保存相册</text>
  366. </view>
  367. </view>
  368. </view>
  369. </view>
  370. </view>
  371. <!-- 团长切换 -->
  372. <i-change-community wx:if="{{showChangeCommunity}}" visible="{{showChangeCommunity}}" changeCommunity="{{changeCommunity}}" community="{{community}}" bind:changeComunity="confrimChangeCommunity" canChange="{{hide_community_change_btn==0}}" groupInfo="{{groupInfo}}"></i-change-community>
  373. <canvas canvasId="myCanvas" class="canvas-img" style="width: {{canvasWidth}}px;height: {{canvasHeight}}px;"></canvas>
  374. <i-vip-modal visible="{{showVipModal}}" imgUrl="{{pop_vipmember_buyimage}}" />