goodsDetail.wxml 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599
  1. <view class='goods-wrapper'>
  2. <view class='ui-mask' bindtap='hide_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 autoplay="{{!goods.video}}">
  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 i-flex i-flex-alc' style="background:#000;" wx:else>
  36. <view wx:if="{{fmShow==true}}" style="width: 100%;">
  37. <view class='btn_view centerboth' wx:if="{{item.video==''}}"></view>
  38. <view class='btn_view centerboth' wx:else bindtap='btnPlay'>
  39. <image src='../../images/play.png'></image>
  40. </view>
  41. <image src="{{item.image}}" mode="widthFix" bindload="imageLoad" lazy-load="true" data-idx="{{index}}"></image>
  42. </view>
  43. <video class='swiper-video' bindloadedmetadata="handleLoadedMetaData" hidden="{{fmShow}}" id="myVideo" src="{{goods.video}}" bindended="videEnd" object-fit="contain" style='{{videoStyle}}'></video>
  44. </view>
  45. </block>
  46. <image wx:else src="{{item.image}}" mode="widthFix" bindload="imageLoad" lazy-load="true" bindtap='previewImg' data-idx="{{index}}"></image>
  47. </swiper-item>
  48. </swiper>
  49. </view>
  50. <view hidden="{{fmShow}}" class='end-play' bindtap='endPlay'>
  51. <text class='btn'>退出播放</text>
  52. </view>
  53. <view class="spuInfo" style='z-index: {{fmShow==false?-1:2}}'>
  54. <view class="spuPrice">
  55. <image class='spuPriceBg' src='{{goods_details_price_bg?goods_details_price_bg:"../../images/detail_daojishi.png"}}'></image>
  56. <!-- 预售商品价格信息 -->
  57. <block class="price" wx:if="{{buy_type=='presale'}}">
  58. <view class="price" wx:if="{{presale_goods_info.presale_type==0}}">
  59. <view>定金:¥{{presale_goods_info.presale_ding_money}} <text class="fsz-22 ml10 weight" style="color:#f8e71c;">可抵扣:¥{{presale_goods_info.presale_deduction_money}}</text></view>
  60. <view>预售价:¥{{goods.price}}</view>
  61. </view>
  62. <view class="price" wx:else>
  63. <view>预售价:¥{{goods.price}}</view>
  64. <view>原价:¥{{goods.productprice}}</view>
  65. </view>
  66. <view class="time">
  67. <text wx:if="{{presaleState == 1}}">预售{{presale_goods_info.presale_type==0?'定金':''}}截止</text>
  68. <text class="endAct" wx:if="{{presaleState == 0}}">距开始预售</text>
  69. <text class="endAct" wx:if="{{presaleState == 2}}">结束时间</text>
  70. <text class="endAct" wx:if="{{presaleState == 2}}">{{presale_goods_info.presale_ding_time_end_date}}</text>
  71. <view class="countdown-class i-count-down" wx:else>
  72. <em wx:if="{{endtime.days > 0}}">{{endtime.days}}天</em>
  73. <span class="item-class">{{endtime.hours}}</span>:
  74. <span class="item-class">{{endtime.minutes}}</span>:
  75. <span class="item-class">{{endtime.seconds}}</span>
  76. </view>
  77. </view>
  78. </block>
  79. <!-- 其他商品价格信息 划线金额 -->
  80. <block wx:else>
  81. <view class="price" wx:if="{{!parseFloat(goods.levelprice)}}">
  82. <block wx:if="{{buy_type=='integral'}}">
  83. <text class="salePrice">{{goods.price_front}}</text>积分
  84. <text class="storePrice">¥{{goods.productprice}}</text>
  85. </block>
  86. <block wx:else>
  87. ¥<text class="salePrice">{{goods.actPrice[0]}}{{goods.actPrice[1] ? '.' : ''}}{{goods.actPrice[1]}}</text>
  88. <text class="storePrice">¥{{goods.productprice}}</text>
  89. </block>
  90. </view>
  91. <view class="price" wx:if="{{parseFloat(goods.levelprice)}}">
  92. <block wx:if="{{buy_type=='integral'}}">
  93. <text class="salePrice">{{goods.price_front}}</text>积分
  94. <text class="storePrice">¥{{goods.productprice}}</text>
  95. </block>
  96. <block wx:else>
  97. ¥<text class="salePrice">{{goods.levelprice || '0.00'}}</text>
  98. <text class="storePrice">¥{{goods.send_socre}}</text>
  99. </block>
  100. </view>
  101. <view class="time" wx:if="{{is_close_details_time==0}}">
  102. <text wx:if="{{goods.over_type == 1}}">距结束</text>
  103. <text class="endAct" wx:if="{{goods.over_type == 0}}">距开始</text>
  104. <text class="endAct" wx:if="{{goods.over_type == 2}}">结束时间</text>
  105. <text class="endAct" wx:if="{{goods.over_type == 2}}">{{goods.end_date}}</text>
  106. <view class="countdown-class i-count-down" wx:else>
  107. <em wx:if="{{endtime.days > 0}}">{{endtime.days}}天</em>
  108. <span class="item-class">{{endtime.hours}}</span>:
  109. <span class="item-class">{{endtime.minutes}}</span>:
  110. <span class="item-class">{{endtime.seconds}}</span>
  111. </view>
  112. </view>
  113. </block>
  114. </view>
  115. <!-- 文字商品标题 -->
  116. <view class="spuDetailInfo">
  117. <view class="spuName">
  118. <text wx:if="{{goods.is_seckill==1}}" class="red" style="font-size:30rpx;">[秒杀] </text>
  119. <text wx:elif="{{goods.type=='presale'}}" class="red" style="font-size:30rpx;">[预售] </text>
  120. {{goods.goodsname}}
  121. </view>
  122. <view wx:if="{{goods.subtitle}}" class="fsz-26 p5 text-gray">{{goods.subtitle}}</view>
  123. <view wx:if="{{buy_type=='virtualcard'}}" class="u-m-t-15 u-m-l-10">
  124. 可兑换<text class="weight" style="color: #ff5344;"> {{virtualcard_goods_info.code_money}} </text>元
  125. </view>
  126. <block wx:if="{{buy_type!='presale'&&buy_type!='virtualcard'}}">
  127. <!-- 核销自提 -->
  128. <view class="fsz-22 i-flex mt10 i-aic" wx:if="{{is_only_hexiao==1}}">
  129. <view class="hexiao text-6"><text class="iconfont icon-gou red fsz-22"></text> 自提商品</view>
  130. <view class="hexiao text-6" bindtap="handleHexiaoModal" wx:if="{{hx_len}}">
  131. <text class="iconfont icon-gou red fsz-22"></text> 支持多点自提
  132. </view>
  133. </view>
  134. <block wx:if="{{buy_type!='integral'}}">
  135. <view class="comiss" wx:if="{{is_commiss_mb==1&&commiss_mb_money>0&&!hideCommissInfo}}">
  136. <text class="con">{{groupInfo.commiss_diy_name}}预估佣金:¥{{commiss_mb_money}}</text>
  137. </view>
  138. <view class="comiss" wx:if="{{is_goods_head_mb==1&&goods_head_money>0&&!hideCommissInfo}}">
  139. <text class="con">{{groupInfo.owner_name}}预估佣金:¥{{goods_head_money}}</text>
  140. </view>
  141. <!-- 会员、等级价格 -->
  142. <i-vip-price wx:if="{{is_open_vipcard_buy==1&&goods.is_take_vipcard==1}}" price="{{goods.card_price}}"></i-vip-price>
  143. <i-vip-price wx:if="{{is_member_level_buy==1&&goods.is_mb_level_buy==1&&(goods.price!=goods.levelprice)}}" price="{{goods.levelprice}}" type="1"></i-vip-price>
  144. </block>
  145. <view class="remind" wx:if="{{is_show_ziti_time==1&&goods.is_show_arrive==1&&delivery_type_ziti==1}}">
  146. <image class="remindImg" src="../../images/icon-give.png"></image>
  147. <text>现在下单,预计({{goods.pick_up_modify}})可自提</text>
  148. </view>
  149. <view class="remind" wx:if="{{goods.diy_arrive_switch==1&&goods.diy_arrive_details}}">
  150. <image class="remindImg" src="../../images/icon-give.png"></image>
  151. <text>{{goods.diy_arrive_details}}</text>
  152. </view>
  153. </block>
  154. <view class="preferential i-flex" wx:if="{{buy_type!='integral'&&buy_type!='presale'&&buy_type!='virtualcard'&&(goods.is_take_fullreduction==1||goods.is_modify_sendscore==1)}}">
  155. <view wx:if="{{goods.is_take_fullreduction==1}}">
  156. <text class="tit">满减</text>
  157. <text class="con">满{{goods.full_money}}元减{{goods.full_reducemoney}}元</text>
  158. </view>
  159. <view wx:if="{{goods.is_modify_sendscore==1&&goods.open_buy_send_score==1}}">
  160. <text class="tit">赠送</text>
  161. <text class="con">下单预估赠送{{goods.send_socre}}积分</text>
  162. </view>
  163. </view>
  164. <view class="purchasing pb10" wx:if="{{goods.one_limit_count > 0 || goods.total_limit_count > 0}}">
  165. <text class="purTit">限购</text>
  166. <text wx:if="{{goods.total_limit_count > 0}}">每人限购{{goods.total_limit_count}}份</text>
  167. <text wx:if="{{goods.one_limit_count > 0}}"> 每单限购{{goods.one_limit_count}}份</text>
  168. </view>
  169. <view class="saleNum" wx:if="{{buy_type=='presale'}}">
  170. <view class="stock">已预订<text class="remaining"> {{goods.seller_count}} </text>{{goods_sale_unit}}</view>
  171. </view>
  172. <view class="saleNum" wx:if="{{is_hide_details_count!=1&&buy_type!='presale'}}">
  173. <text class="purTit">销量</text>
  174. <view class="stock">已售
  175. <text class="remaining"> {{goods.seller_count}} </text>{{goods_sale_unit}},仅剩
  176. <text class="remaining"> {{goods.total}} </text>{{goods_sale_unit}}</view>
  177. </view>
  178. <!-- 会员 -->
  179. <!-- 是会员 不是会员商品 不显示 -->
  180. <block wx:if="{{goods.is_take_vipcard==1&&is_vip_card_member==1&&is_open_vipcard_buy==1}}">
  181. <view class="vip i-flex i-flex-spb" bindtap="goLink" data-link="/lionfish_comshop/moduleA/vip/upgrade">
  182. <view class="i-flex vip-name">
  183. <image src="{{modify_vipcard_logo}}" wx:if="{{modify_vipcard_logo}}" class="vip-logo"></image>
  184. <text class="iconfont icon-huiyuan" style="font-size:30rpx;" wx:else></text> “{{modify_vipcard_name}}”
  185. <block wx:if="{{goods.is_take_vipcard==1}}">会员立省{{goods.feePrice}}元</block>
  186. </view>
  187. </view>
  188. </block>
  189. <view class="vip i-flex i-flex-spb" wx:if="{{is_open_vipcard_buy==1&&is_vip_card_member!=1}}" bindtap="goLink" data-link="/lionfish_comshop/moduleA/vip/upgrade">
  190. <view class="i-flex vip-name">
  191. <image src="{{modify_vipcard_logo}}" wx:if="{{modify_vipcard_logo}}" class="vip-logo"></image>
  192. <text class="iconfont icon-huiyuan" style="font-size:30rpx;" wx:else></text>
  193. <block wx:if="{{goods.is_take_vipcard==1}}">开通“{{modify_vipcard_name}}”立省{{goods.feePrice}}元</block>
  194. <block wx:else>“{{modify_vipcard_name}}” 尊享特权·会员专享价</block>
  195. </view>
  196. <view wx:if="{{is_vip_card_member==0}}">立即开通
  197. <text class="iconfont icon-youjiantou goright"></text>
  198. </view>
  199. <view wx:if="{{is_vip_card_member==2}}">
  200. <text style="color:#fd7f02;">已到期,</text>立即续费
  201. <text class="iconfont icon-youjiantou goright"></text>
  202. </view>
  203. </view>
  204. </view>
  205. <!-- 弹窗广告 -->
  206. <advimg pos="1" />
  207. <!-- 尾款信息 -->
  208. <view class="buyRecords py10" wx:if="{{buy_type=='presale'&&presale_goods_info.presale_type==0}}">
  209. <view class="i-flex pl20 dingjin i-flex-alc">
  210. <view class="fsz-26 weight">尾款</view>
  211. <view class="i-flex-item ml30">
  212. <view class="price fsz-24">
  213. ¥<text class="fsz-34 weight">{{presaleBalance}}</text>
  214. </view>
  215. <view class="fsz-24 text-gray">({{presale_goods_info.presale_ding_time_start_date}}-{{presale_goods_info.presale_ding_time_end_date}})</view>
  216. </view>
  217. </view>
  218. <view class="i-flex pl20 dingjin i-flex-alc mt10">
  219. <view class="fsz-26 weight">流程</view>
  220. <view class="i-flex-item ml30">
  221. <view class="fsz-28">
  222. 1.付定金 - 2.付尾款 - 3.商家发货
  223. </view>
  224. <view class="fsz-24 text-gray">
  225. <block wx:if="{{presale_goods_info.presale_sendorder_type==0}}">{{presale_goods_info.presale_sendorder_datetime}}开始发货</block>
  226. <block wx:else>付款成功后{{presale_goods_info.presale_sendorder_afterday}}日内发货</block>
  227. </view>
  228. </view>
  229. </view>
  230. </view>
  231. <block wx:if="{{buy_type!='presale'&&buy_type!='virtualcard'}}">
  232. <!-- 团长信息 -->
  233. <view class='group' bindtap="changeCommunity" wx:if="{{is_show_goodsdetails_communityinfo==1&&community&&community.communityName}}">
  234. <view class="group-avatar">
  235. <image src='{{community.headImg||community.disUserHeadImg}}'></image>
  236. </view>
  237. <view class='group-m'>
  238. <view class='group-title'>{{community.communityName}}</view>
  239. <view class='group-desc'><text style="color:#333;">取货地址:</text>{{community.fullAddress}}</view>
  240. </view>
  241. <view class='group-r' wx:if="{{hide_community_change_btn==0}}">
  242. <image class="group-r-icon" src="../../images/community-right-arrow.png"></image>
  243. </view>
  244. </view>
  245. <!-- 团长群 -->
  246. <view class='group' wx:if="{{isopen_community_group_share==1&&group_share_info}}" bindtap="showGroupCode">
  247. <view class="group-avatar">
  248. <image src='{{group_share_info.share_avatar}}'></image>
  249. </view>
  250. <view class='group-m'>
  251. <view class='group-title'>{{group_share_info.share_title}}</view>
  252. <view class='group-desc'>{{group_share_info.share_desc}}</view>
  253. </view>
  254. <view class='group-r'>
  255. <view class='group-btn' style="background:{{skin.color}}">马上加群</view>
  256. </view>
  257. </view>
  258. </block>
  259. <!-- 评价 -->
  260. <view wx:if="{{order_comment_count > 0 && is_show_comment_list == 1}}">
  261. <view class="straightInLive">
  262. <view class="title">
  263. 商品评价
  264. <text class="commentsNum">({{order_comment_count}})</text>
  265. </view>
  266. <view class="comments" wx:for="{{comment_list}}" wx:key="comment_id">
  267. <view class='comment-user'>
  268. <image src='{{item.avatar}}'></image>
  269. <text>{{item.user_name}}</text>
  270. </view>
  271. <view bindtap="bindOpen" class="commentsCon {{item.isOpen&&item.showOpen?'doubleHidden':''}}" data-idx="{{index}}">{{item.content}}</view>
  272. <view class="commentsOpen" wx:if="{{item.showOpen}}">
  273. <text bindtap="bindOpen" data-idx="{{index}}">{{item.isOpen?'展开':'收起'}}</text>
  274. <image class="commentsOpenImg down" src="../../images/commentsOpen.png"></image>
  275. </view>
  276. <view class="allImg" wx:if="{{item.images.length > 0}}">
  277. <view class="commentsImg" wx:for="{{item.images}}" wx:for-index="idx" wx:for-item="imgItem" wx:key="id">
  278. <i-img class="goodsImg" height="75" iClass="img-class" imgType="5" loadImage="{{imgItem}}" width="75"></i-img>
  279. </view>
  280. </view>
  281. <navigator class="checkComments" hoverClass="none" url="/lionfish_comshop/pages/goods/comment?id={{item.goods_id}}">查看全部评论</navigator>
  282. </view>
  283. </view>
  284. </view>
  285. <!-- 购买记录 -->
  286. <view wx:if="{{buy_record_arr.count>0 && is_show_buy_record==1}}">
  287. <view class="buyRecords">
  288. <navigator class="moreBuyer" hoverClass="none" url="/lionfish_comshop/pages/goods/buyRecords?id={{goods_id}}">
  289. <view class="title">
  290. 购买记录
  291. <view class="buyNum">
  292. 已有
  293. <text>{{buy_record_arr.count}}</text> 人购买,商品共销售
  294. <text>{{goods.seller_count}}</text> 份
  295. <image class="goBuyRecords" src="../../images/community-right-arrow.png"></image>
  296. </view>
  297. </view>
  298. </navigator>
  299. <view class="buyerList">
  300. <image wx:for="{{buy_record_arr.list}}" wx:key="id" src='{{item.avatar}}' class='buyerImg img-class' style='height:90rpx;height:90rpx;'></image>
  301. <navigator class="moreBuyer" hoverClass="none" url="/lionfish_comshop/pages/goods/buyRecords?id={{goods_id}}">
  302. <image class="buyerImg" src="../../images/moreBuyer.png"></image>
  303. </navigator>
  304. </view>
  305. </view>
  306. </view>
  307. <!-- 关联商品 -->
  308. <i-relative-goods-list list="{{relative_goods_list}}" bind:openSku="openSku" needAuth="{{needAuth}}" bind:authModal="authModal" wx:if="{{loaded}}"></i-relative-goods-list>
  309. <!-- 详情 -->
  310. <view class="spuDetail" wx:if="{{ishide_details_desc!=1}}">
  311. <image class="goodsDetailTitleImg" src="{{goods_details_title_bg?goods_details_title_bg:'../../images/goodsDetailTitle.png'}}" mode="widthFix"></image>
  312. <view class="warmPrompt">
  313. <view class="wxParse">
  314. <parser html="{{goods.description}}" use-cache lazy-load bind:imgtap="bindimgtap" />
  315. </view>
  316. </view>
  317. </view>
  318. <view class="service">
  319. <view class="detailLogo">
  320. <text></text>
  321. <image wx:if="{{goods_details_middle_image}}" mode='widthFix' class="detailLogoImg" src="{{goods_details_middle_image}}"></image>
  322. <text></text>
  323. </view>
  324. <view class="instructions" wx:if="{{!noIns}}">
  325. <view class="wxParse">
  326. <parser html="{{instructions}}" />
  327. </view>
  328. </view>
  329. </view>
  330. <navigator url='/lionfish_comshop/pages/goods/industrial?id={{goods_id}}' class='cell' wx:if="{{goods_industrial_switch==1&&goods_industrial}}">
  331. <view class='cell-left'>
  332. <image class='cell-icon' mode='widthFix' src='data:image/jpeg;base64,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'></image>
  333. <text>工商资质</text>
  334. </view>
  335. <image class='icon-right' src='../../images/rightArrowImg.png'></image>
  336. </navigator>
  337. <!-- 猜你喜欢 -->
  338. <guess-like bind:openSku="openSku" iClass="guessLike" bind:changeCartNum="changeCartNum" bind:vipModal="vipModal" likeTitle="猜你喜欢" controller="goods.goods_guess_like" gid="{{goods_id}}" wx:if="{{goods_id&&loaded}}"></guess-like>
  339. <image class="sloganImg" src="{{index_bottom_image?index_bottom_image:'../../images/icon-index-slogan.png'}}"></image>
  340. </view>
  341. <!--底部按钮begin-->
  342. <view class='i-fixed-bottom safebottom'>
  343. <view class="goods-bottom-bar">
  344. <view class="leftBtn">
  345. <navigator hoverClass="none" openType="switchTab" url="/lionfish_comshop/pages/index/index">
  346. <view class="bar-item back-to-index">
  347. <image class="icon" src="{{iconArr.home}}"></image>
  348. 回首页
  349. </view>
  350. </navigator>
  351. <navigator hoverClass="none" openType="switchTab" url="/lionfish_comshop/pages/order/shopCart">
  352. <view class="bar-item shop-cart">
  353. <view class="icon">
  354. <image src="{{iconArr.car}}"></image>
  355. <view class="cart-num" wx:if="{{cartNum}}">{{cartNum}}</view>
  356. </view>
  357. 购物车
  358. </view>
  359. </navigator>
  360. </view>
  361. <button class="goodsStatus" wx:if="{{!loaded}}" loading style="border-radius:0;background:{{goodsdetails_addcart_bg_color}}">加载中</button>
  362. <view class="goodsStatus" wx:elif="{{goods.over_type==0&&buy_type!='presale'}}">即将开抢</view>
  363. <view class="goodsStatus" wx:elif="{{goods.total<=0}}">已抢光</view>
  364. <view class="goodsStatus" wx:elif="{{goods.total>0&&goods.over_type ==2&&buy_type!='presale'}}">已结束</view>
  365. <view class="goodsStatus" wx:elif="{{goods.grounding != 1}}">已下架</view>
  366. <view class="goodsStatus" wx:elif="{{is_comunity_rest == 1}}">团长休息中</view>
  367. <view class="gobuy" wx:elif="{{buy_type == 'integral'}}">
  368. <form bindsubmit="submit" reportSubmit="true">
  369. <button hidden formType="submit" id="formId"></button>
  370. </form>
  371. <label class="balanceBtn" for="formId">
  372. <view bindtap="balance" class="bar-item balance" style='background: {{goodsdetails_buy_bg_color}}'>立即兑换</view>
  373. </label>
  374. </view>
  375. <!-- 预售 -->
  376. <view class="gobuy" wx:elif="{{buy_type == 'presale'}}">
  377. <label class="balanceBtn">
  378. <view bindtap="balance" class="bar-item balance i-flex" style='background: {{skin.color}}' wx:if="{{presaleState==1}}">
  379. <view class="fsz-24 presaleTime">
  380. <view>{{presale_goods_info.presale_ding_time_end_date}}结束</view>
  381. <view wx:if="{{presale_goods_info.presale_sendorder_type==0}}">{{presale_goods_info.presale_sendorder_datetime}}开始发货</view>
  382. <view wx:else>付款成功后{{presale_goods_info.presale_sendorder_afterday}}日内发货</view>
  383. </view>
  384. <view class="text-center" style="flex:2;">支付定金</view>
  385. </view>
  386. <view wx:elif="{{presaleState==0}}" class="goodsStatus">即将开抢</view>
  387. <view wx:elif="{{presaleState==2}}" class="goodsStatus">已结束</view>
  388. </label>
  389. </view>
  390. <!-- 礼品卡 -->
  391. <view class="gobuy" wx:elif="{{buy_type == 'virtualcard'}}">
  392. <label class="balanceBtn">
  393. <view bindtap="balance" class="bar-item balance i-flex" style='background: {{skin.color}}'>
  394. <view class="text-center" style="flex:2;">立即购买</view>
  395. </view>
  396. </label>
  397. </view>
  398. <view class="gobuy" wx:else>
  399. <form bindsubmit="addToCart" reportSubmit="true">
  400. <view class="bar-item add-to-cart" style='background: {{goodsdetails_addcart_bg_color}}'>加入购物车</view>
  401. <button class="btn" formType="submit"></button>
  402. </form>
  403. <form bindsubmit="submit" reportSubmit="true">
  404. <button hidden formType="submit" id="formId"></button>
  405. </form>
  406. <label class="balanceBtn" for="formId">
  407. <view bindtap="balance" class="bar-item balance" style='background: {{goodsdetails_buy_bg_color}}'>
  408. {{goods.is_seckill==1?"马上抢购":"立即购买"}}
  409. </view>
  410. </label>
  411. </view>
  412. </view>
  413. </view>
  414. <!--底部按钮end-->
  415. <view class="mask" bindtap='closeSku' hidden="{{!visible}}"></view>
  416. <!---规格选择begin-->
  417. <view bind:cancel="close" class='sku-content safebottom' scrollUp="{{true}}" hidden="{{!visible}}">
  418. <view class="sku-card">
  419. <view bindtap="closeSku" class="close">
  420. <image src="../../images/icon-sku-close.png"></image>
  421. </view>
  422. <view class="sku-header">
  423. <image src='{{cur_sku_arr.skuImage}}' style="width:80px;height:80px;" class='sku-img'></image>
  424. <view class="sku-desc">
  425. <view class="sku-title">
  426. <span>{{cur_sku_arr.spuName}}</span>
  427. </view>
  428. <!-- 预售价格显示 -->
  429. <view class="sku-price" wx:if="{{buy_type=='presale'}}">
  430. <view class="sale-price">
  431. ¥ <span>{{presale_goods_info.presale_type==0?presale_goods_info.presale_ding_money:presaleBalance}}</span>
  432. </view>
  433. <view class="market-price" style="text-decoration:none;" wx:if="{{presale_goods_info.presale_type==0}}">尾款:¥{{presaleBalance}}</view>
  434. </view>
  435. <view class="sku-price" wx:else>
  436. <view class="sale-price" wx:if="{{buy_type=='integral'}}">
  437. <span>{{cur_sku_arr.actPrice[0]}}</span> 积分
  438. </view>
  439. <block wx:else>
  440. <view class="sale-price">
  441. ¥ <span wx:if="{{cur_sku_arr.levelprice==null}}">{{cur_sku_arr.actPrice[0]}}{{cur_sku_arr.actPrice[1] ? '.' : ''}}{{cur_sku_arr.actPrice[1]}}</span>
  442. <span wx:if="{{cur_sku_arr.levelprice!=null && cur_sku_arr.levelprice == '0.00'}}">{{cur_sku_arr.actPrice[0]}}{{cur_sku_arr.actPrice[1] ? '.' : ''}}{{cur_sku_arr.actPrice[1]}}</span>
  443. <span wx:if="{{cur_sku_arr.levelprice!=null && cur_sku_arr.levelprice != '0.00'}}">{{cur_sku_arr.levelprice[0]}}{{cur_sku_arr.levelprice[1] ? '.' : ''}}{{cur_sku_arr.levelprice[1]}}</span>
  444. </view>
  445. </block>
  446. <view class="market-price">
  447. <block wx:if="{{buy_type=='integral'}}">¥{{cur_sku_arr.marketPrice[0]}}</block>
  448. <block wx:else>¥{{cur_sku_arr.marketPrice[0]}}{{cur_sku_arr.marketPrice[1] ? '.' : ''}}{{cur_sku_arr.marketPrice[1]}}</block>
  449. </view>
  450. <block wx:if="{{buy_type!='integral'}}">
  451. <!-- 会员价 -->
  452. <i-vip-price wx:if="{{is_open_vipcard_buy==1&&is_vip_card_member==1&&goods.is_take_vipcard==1}}" price="{{cur_sku_arr.card_price}}"></i-vip-price>
  453. <block wx:elif="{{is_member_level_buy==1&&goods.is_mb_level_buy==1}}">
  454. <i-vip-price wx:if="{{is_open_vipcard_buy==1&&is_vip_card_member!=1}}" price="{{cur_sku_arr.levelprice}}" type="1"></i-vip-price>
  455. <i-vip-price wx:if="{{is_open_vipcard_buy!=1}}" price="{{cur_sku_arr.levelprice}}" type="1"></i-vip-price>
  456. </block>
  457. </block>
  458. </view>
  459. <view class="sku-switch-on" wx:if="{{cur_sku_arr.spec}}">已选择:{{cur_sku_arr.spec}}</view>
  460. </view>
  461. </view>
  462. <view class="sku-spec" wx:for="{{skuList.list}}" wx:key="id">
  463. <view class="title" wx:if="{{skuList.list.length>1}}">{{item.name}}</view>
  464. <!-- <view class="spec-list">
  465. <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}}"
  466. wx:for-item="value" style="{{idx==sku[index]['idx']?'color:'+skin.color+';border-color:'+skin.color:''}}">{{value.name}}</span>
  467. </view> -->
  468. <scroll-view class="spec-list" scroll-y="true">
  469. <text bindtap="selectSku" class="span {{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" data-idx="{{idx}}" wx:for="{{item.option_value}}"
  470. wx:for-item="value" wx:key="idx" style="{{idx==sku[index]['idx']?'color:'+skin.color+';border-color:'+skin.color:''}}">{{value.name}}</text>
  471. </scroll-view>
  472. </view>
  473. <view class="sku-num-content">
  474. <view class="title">数量</view>
  475. <view class="i-class i-input-number i-input-number-size-{{size}}">
  476. <view bindtap="setNum" data-type="decrease" class="i-input-number-minus">
  477. <image src="../../images/icon-input-reduce.png"></image>
  478. </view>
  479. <input bindblur="handleBlur" bindfocus="handleFocus" bindinput="changeNumber" class="i-input-number-text" type="number" value="{{sku_val}}"></input>
  480. <view bindtap="setNum" data-type="add" class="i-input-number-plus">
  481. <image src="../../images/icon-input-add.png"></image>
  482. </view>
  483. </view>
  484. <view class="msg" wx:if="{{cur_sku_arr.one_limit_count>0||cur_sku_arr.total_limit_count>0||cur_sku_arr.oneday_limit_count>0}}">
  485. <span wx:if="{{cur_sku_arr.one_limit_count>0}}">每单限{{cur_sku_arr.one_limit_count}}份</span>
  486. <span style="margin-left:8rpx;" wx:if="{{cur_sku_arr.total_limit_count>0}}">每人限购{{cur_sku_arr.total_limit_count}}份</span>
  487. <span></span>
  488. </view>
  489. </view>
  490. <view class="sku-num-content">
  491. <view class="even-num" wx:if="{{showLimitTip}}">
  492. 购物车总数已满或超出{{showLimitType==1?'每次':(showLimitType==2?'每天':'最多')}}购买数量
  493. </view>
  494. </view>
  495. <form bindsubmit="gocarfrom" report-submit="true">
  496. <button wx:if="{{noEougnStock}}" class="sku-confirm" disabled='true'>
  497. <view>抢光了</view>
  498. </button>
  499. <button wx:else formType="submit" class="sku-confirm" disabled='{{cur_sku_arr.stock==0?true:false}}' style="background:{{skin.color}}">
  500. <view>{{cur_sku_arr.stock==0?"已抢光":"确定"}}</view>
  501. </button>
  502. </form>
  503. </view>
  504. </view>
  505. <!---规格选择end-->
  506. </view>
  507. <button class="fixed-share" bindtap='share_handler'>
  508. <text class="iconfont icon-fenxiang"></text>
  509. <view>分享</view>
  510. </button>
  511. <button class="fixed-service" openType="contact" wx:if="{{isShowContactBtn==1}}" send-message-title='{{share_title}}' send-message-img='{{goods.goods_share_image}}' send-message-path="'/lionfish_comshop/pages/goods/goodsDetail?id='+{{goods_id}}" show-message-card>
  512. <text class="iconfont icon-kefu"></text>
  513. <view>客服</view>
  514. </button>
  515. <i-order-notify i-class="order-notify" wx:if="{{order_notify_switch==1}}" stopNotify="{{stopNotify}}" />
  516. <i-new-auth needAuth="{{needAuth&&showAuthModal}}" bind:authSuccess="authSuccess" bind:cancel="authModal" needPosition="{{needPosition}}"></i-new-auth>
  517. <!-- 新分享形式 Start -->
  518. <view class='share-modal' bindtap='closeShareModal' hidden='{{hideModal}}'>
  519. <view class='share-modal-content'>
  520. <view class='share-modal-img'>
  521. <image mode='widthFix' src='{{shareImgUrl}}'></image>
  522. </view>
  523. <view class="share-modal-btn-list">
  524. <view class="share-modal-btn-item">
  525. <button open-type="share" class='none_btn' plain="true">
  526. <text class="iconfont icon-weixin1 btn-icon"></text>
  527. <view class="btn-text">
  528. <text>分享好友</text>
  529. </view>
  530. </button>
  531. </view>
  532. <view class="share-modal-btn-item" catchtap='saveThumb'>
  533. <text class="iconfont icon-zhaopian btn-icon"></text>
  534. <view class="btn-text">
  535. <text>保存相册</text>
  536. </view>
  537. </view>
  538. </view>
  539. </view>
  540. </view>
  541. <!-- 团长切换 -->
  542. <i-change-community wx:if="{{showChangeCommunity}}" visible="{{showChangeCommunity}}" changeCommunity="{{changeCommunity}}" community="{{community}}" bind:changeComunity="confrimChangeCommunity" canChange="{{hide_community_change_btn==0}}" groupInfo="{{groupInfo}}" bind:noChange="cancelChangeCommunity" cancelFn="{{true}}"></i-change-community>
  543. <canvas canvasId="myCanvas" class="canvas-img" style="width: {{canvasWidth}}px;height: {{canvasHeight}}px;"></canvas>
  544. <i-vip-modal visible="{{showVipModal}}" imgUrl="{{pop_vipmember_buyimage}}" />
  545. <!-- 核销弹窗 -->
  546. <i-modal scrollUp="{{true}}" visible="{{showHexiaoModal}}" bind:cancel="handleHexiaoModal">
  547. <view class="sku-card">
  548. <view class="title text-gray mb10 fsz-26 i-flex i-alc">
  549. <view class="i-flex-item">共 <text class="red bold">{{hx_len}}</text> 个自提点</view>
  550. <text class="iconfont icon-guanbi fsz-34 text-3" bindtap="handleHexiaoModal"></text>
  551. </view>
  552. <scroll-view scroll-y style="height: 60vh;">
  553. <view class="border-bottom py10" wx:for="{{hexiao_arr}}" wx:key="index">
  554. <view class="fsz-28 weight mb5">{{item.room_name}}</view>
  555. <view class="fsz-22">{{item.room_address}}</view>
  556. </view>
  557. </scroll-view>
  558. </view>
  559. </i-modal>
  560. <!-- 全屏视频 -->
  561. <scroll-view scrollY="false" style="height:100vh;" class="coverVideo" wx:if="{{showCoverVideo}}">
  562. <view class="main">
  563. <view class="section">
  564. <video autoplay loop autoPauseIfOpenNative="true" controls="{{false}}" direction="0" id="coverVideo" objectFit="{{is_heng==0?'fill':'contain'}}" showFullscreenBtn="{{false}}" src="{{goods.video}}" bindended="coverVideoEnd"></video>
  565. </view>
  566. <cover-view bindtap="closeCoverVideo" class="goods" data-id="{{goods.id}}" wx:if="{{goods}}">
  567. <cover-view class="good-img">
  568. <cover-image src="{{goods.image_thumb?goods.image_thumb:'../../images/placeholder-refund.png'}}"></cover-image>
  569. </cover-view>
  570. <cover-view style="display: flex;flex-direction: column;justify-content: space-between;margin-right:10rpx;flex:1;">
  571. <cover-view class="good-title .text-overflow2">{{goods.goodsname}}</cover-view>
  572. <cover-view class="xqbottom">
  573. <cover-view class="good-price">¥{{goods.price_front}}.{{goods.price_after}}</cover-view>
  574. </cover-view>
  575. </cover-view>
  576. </cover-view>
  577. </view>
  578. </scroll-view>
  579. <i-painter customStyle='position: absolute; left: -9999rpx;' palette="{{template}}" bind:imgOK="onImgOK"/>