buyOnly.wxml 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357
  1. <!--buy.wxml 购买商品 - 详情页-->
  2. <import src="../../wxParse/wxParse.wxml"/>
  3. <scroll-view class="container" style="{{state}}" scroll-y="true">
  4. <!-- banner -->
  5. <view class="goods_img">
  6. <swiper class="banner_swiper" indicator-dots="true" circular="true" duration="1000" style="height: 750rpx;">
  7. <block wx:for="{{banner}}" wx:key="{{index}}">
  8. <swiper-item class="banner">
  9. <image wx:if="{{urlHttp}}" bindtap="previewImg" src="{{urlHttp}}images/{{item}}" data-src="{{urlHttp}}images/{{item}}" mode="widthFix"></image>
  10. </swiper-item>
  11. </block>
  12. </swiper>
  13. </view>
  14. <!-- 商品详情 -->
  15. <view class="goods_infor_wrap">
  16. <view class='goods_title_wrap'>
  17. <view class="goods_title">{{title}}</view>
  18. <view class='goods_title_intro'>{{intro}}</view>
  19. <button class='collect_wrap share_wrap' plain="true" open-type="share">
  20. <image src="/images/bug_share_icon.png" class='collect_icon'></image>
  21. <view class='collect_cont'>分享</view>
  22. </button>
  23. <view class='collect_wrap' bindtap='collect' data-state="{{collectState}}">
  24. <image src="{{collectState ? '/images/zan_gray_pre.png' : '/images/zan_gray_n.png'}}" class='collect_icon'></image>
  25. <view class='collect_cont'>{{collectState ? '已收藏' : ' 收藏'}}</view>
  26. </view>
  27. </view>
  28. <view class="goods_infor clearfix">
  29. <view class="goods_price">
  30. <text class="new_price">¥{{newPrice}}</text>
  31. <text class="old_price" decode="true" >&nbsp;¥{{oldPrice}}&nbsp;&nbsp;</text>
  32. </view>
  33. <view class="goods_limit clearfix">
  34. <view class='goods_limit_each'>
  35. <text class='goods_limit_each_tit'>起订</text>
  36. <text class="min_number">起订量{{num}}件</text>
  37. </view>
  38. <view class='goods_limit_each'>
  39. <text class='goods_limit_each_tit'>定制</text>
  40. <text class="min_number">定制周期{{cycle}}天</text>
  41. </view>
  42. </view>
  43. </view>
  44. </view>
  45. <!-- 选择商品&定制详情 -->
  46. <view class='choose_goods_wrap clearfix' bindtap='showGoodsInfor'>
  47. <image src='/images/buy_choose_icon.png' class="choose_goods_icon"></image>
  48. <text class='choose_goods_title' wx:if="{{chooseResult == 0}}">选择商品&定制详情</text>
  49. <text class='choose_goods_title' wx:else>已选择 {{rule1}} {{rule2}} {{rule3}} {{rule4}} {{rule5}} {{selectBox}} {{selectDingZhi}}</text>
  50. <image class='brand_jiantou' src='/images/black_more_2.png'></image>
  51. </view>
  52. <!-- 服务 -->
  53. <view class='choose_goods_wrap clearfix' bindtap='showServiceInfor'>
  54. <image src='/images/buy_service_icon.png' class="choose_goods_icon"></image>
  55. <text class='choose_service_title'>服务</text>
  56. <view class='choose_service_infor '>
  57. <block wx:for="{{goodsService}}" wx:key="index" wx:index-for="i">
  58. <block wx:if="{{iconNum != 0}}">
  59. <view class='choose_service_each '>
  60. <image class="service_cont_icon" wx:if="{{item.acceptance_logo}}" src="{{item.acceptance_logo}}"></image>
  61. <text class='service_cont_title choose_service_tit'>{{item.acceptance_name}}</text>
  62. </view>
  63. </block>
  64. <!-- <image src='/images/buy_service_each_icon.png' class="service_cont_icon"></image>
  65. <text class='service_cont_title choose_service_tit'>{{item.acceptance_name}}</text> -->
  66. </block>
  67. </view>
  68. <image class='brand_jiantou' src='/images/black_more_2.png'></image>
  69. </view>
  70. <!-- 品牌信息 -->
  71. <!-- <navigator wx:if="{{brandname}}" url="/pages/brandInfor/brandInfor?title={{brandname}}&intro={{brandtitle}}&src={{brandBanner}}&id={{brandid}}" class="brand_infor_wrap">
  72. <image src="{{brandlogo}}" class="brand_mark"></image>
  73. <view class="brand_name">{{brandname}}</view>
  74. <image src="/images/black_more_2.png" class="brand_jiantou"></image>
  75. </navigator> -->
  76. <!-- 具体信息 -->
  77. <view class="goods_content">
  78. <template is="wxParse" data="{{wxParseData:article1.nodes}}" class="article_cont_cont"/>
  79. </view>
  80. <view style='height:98rpx;'></view>
  81. </scroll-view>
  82. <!-- 底部购买栏 -->
  83. <view class="footer">
  84. <view class="footer_left">
  85. <navigator class="footer_left_each">
  86. <contact-button class="button-image" type="default-light" size="27" class="kefu_icon"/>
  87. <image src="/images/goods_footer_kefu.png"></image>
  88. <view>客服</view>
  89. </navigator>
  90. <view bindtap='linkCart' class="footer_left_each footer_left_cart">
  91. <image src="/images/goods_footer_cart.png"></image>
  92. <view>购物车</view>
  93. <view wx:if="{{cartNum != 0}}" class="cart_num">
  94. <image src='/images/buy_cart_num.png' class="cart_num_icon"></image>
  95. <view class='cart_num_num'>{{cartNum}}</view>
  96. </view>
  97. </view>
  98. </view>
  99. <block wx:if="{{soldOutShow}}">
  100. <!-- 下架 -->
  101. <view class='footer_add footer_btn_gray'>商品已经下架啦~</view>
  102. </block>
  103. <block wx:elif="{{(user_id == 'oovpNwsvEqHHupisE0dWIZeOi6Jg') || (user_id == 'oovpNwvQGE0uUqpsQrbiVigaEFM0') || (user_id == 'oovpNwo_ocpujBYeYATSXkDUfJnU')}}">
  104. <!-- 客户:oovpNwsvEqHHupisE0dWIZeOi6Jg 我:oovpNwvQGE0uUqpsQrbiVigaEFM0 喜滨: -->
  105. <block wx:if="{{user_allow_num > 0}}">
  106. <view class='footer_buy' bindtap="buyCart"> 立 即 购 买 </view>
  107. </block>
  108. <block wx:else>
  109. <view class='footer_buy footer_btn_gray'>数量已达上限</view>
  110. </block>
  111. </block>
  112. <block wx:else>
  113. <view class='footer_buy footer_btn_gray'>非特定用户不可购买</view>
  114. </block>
  115. </view>
  116. <!-- 服务 - 弹窗 -->
  117. <view class="rule_made_wrap_wrap" animation="{{animationDataSer}}">
  118. <view class="rule_made_wrap">
  119. <view class="made_bg" bindtap='closeService'></view>
  120. <view class="rule_made rule_made_ser">
  121. <view class="picker_top picker_top_ser">
  122. <icon type="cancel" bindtap="closeService" size="21" color="#b5b6b6" class="picker_cancel"/>
  123. <view class="picker_top_cont">
  124. <view class='service_title_wrap'>
  125. <view class="service_title_line"></view>
  126. <view class="service_title_cont">服务保证</view>
  127. </view>
  128. </view>
  129. </view>
  130. <view class="picker_body picker_body_ser">
  131. <view class="picker_body_cont">
  132. <view class='service_cont_wrap'>
  133. <!-- 服务保证 -->
  134. <block wx:for="{{goodsService}}" wx:key="index" wx:for-index="i">
  135. <view class='service_each'>
  136. <view class='service_each_title clearfix'>
  137. <image wx:if="{{item.acceptance_logo}}" src="{{item.acceptance_logo}}" class="service_cont_icon"></image>
  138. <text class='service_cont_title'>{{item.acceptance_name}}</text>
  139. </view>
  140. <view class='service_each_cont'>{{item.acceptance_des}}</view>
  141. </view>
  142. </block>
  143. <!-- 服务保证结束 -->
  144. </view>
  145. </view>
  146. <view class="picker_btn" bindtap="closeService" animation="{{animationData}}">确 定</view>
  147. </view>
  148. </view>
  149. </view>
  150. </view>
  151. <!-- 立即购买 - 弹出选择规格详情列表 -->
  152. <view class="windBg {{isShow ? '' : 'hidden'}}" animation="{{windBgShow}}"></view>
  153. <view class="rule_made_wrap_wrap" animation="{{animationDataBuy}}">
  154. <view class="rule_made_wrap">
  155. <view class="made_bg" bindtap='closeBuy'></view>
  156. <image wx:if="{{bannerSml}}" src="{{bannerSml}}" class="picker_goods_img"></image>
  157. <view class="rule_made">
  158. <view class="picker_top">
  159. <view class="picker_top_cont">
  160. <view class="picker_goods_infor">
  161. <view class="picker_name">{{title}}</view>
  162. <view class="picker_rule">选择了
  163. <text>{{rule1}} {{rule2}} {{rule3}} {{rule4}} {{rule5}} {{selectBox}} {{selectDingZhi}}</text>
  164. </view>
  165. <view class="picker_price">
  166. <text class="price_title">¥ </text>
  167. <text class="new_price"> {{allPrice}}</text>
  168. </view>
  169. </view>
  170. <icon type="cancel" bindtap="closeBuy" size="21" color="#b5b6b6" class="picker_cancel"/>
  171. </view>
  172. </view>
  173. <view class="picker_body">
  174. <view class="picker_body_cont">
  175. <!-- 规格1 -->
  176. <view wx:if="{{style1 > 0 }}" class="goods_kind_wrap margintop">
  177. <view class="goods_service" >
  178. <view class="service_title">{{style1_name}}</view>
  179. <view wx:for="{{Style1}}" wx:key="index" wx:for-index="i" data-id="{{i}}" class="each_color" data-rule="1" bindtap="ruleSelect" data-sta="0">
  180. <block wx:if="{{style1 > 0}}">
  181. <image wx:if="{{item.datasheet_logo}}" src="{{item.datasheet_logo}}" class="color_icon"></image>
  182. <view class="color_name">{{item.datasheet_name}}</view>
  183. <view class="style_mode {{ruleClick1 == i ? 'active_style' : ''}}"></view>
  184. </block>
  185. <block wx:else>
  186. <view class="color_name {{ruleClick1 == i ? 'active_style' : ''}}">{{item.datasheet_name}}</view>
  187. </block>
  188. </view>
  189. </view>
  190. </view>
  191. <!-- 规格2 -->
  192. <view wx:if="{{style2 > 0 }}" class="goods_kind_wrap margintop">
  193. <view class="goods_service" >
  194. <view class="service_title">{{style2_name}}</view>
  195. <view wx:for="{{Style2}}" wx:key="index" wx:for-index="i" data-id="{{i}}" class="each_color" data-rule="2" bindtap="ruleSelect">
  196. <block wx:if="{{style2 > 0}}">
  197. <image wx:if="{{item.datasheet_logo}}" src="{{item.datasheet_logo}}" class="color_icon"></image>
  198. <view class="color_name">{{item.datasheet_name}}</view>
  199. <view class="style_mode {{ruleClick2 == i ? 'active_style' : ''}}"></view>
  200. </block>
  201. <block wx:else>
  202. <view class="color_name {{ruleClick2 == i ? 'active_style' : ''}}">{{item.datasheet_name}}</view>
  203. </block>
  204. </view>
  205. </view>
  206. </view>
  207. <!-- 规格3 -->
  208. <view wx:if="{{style3 > 0 }}" class="goods_kind_wrap margintop">
  209. <view class="goods_service" >
  210. <view class="service_title">{{style3_name}}</view>
  211. <view wx:for="{{Style3}}" wx:key="index" wx:for-index="i" data-id="{{i}}" class="each_color" data-rule="3" bindtap="ruleSelect">
  212. <block wx:if="{{style3 > 0}}">
  213. <image wx:if="{{item.datasheet_logo}}" src="{{item.datasheet_logo}}" class="color_icon"></image>
  214. <view class="color_name">{{item.datasheet_name}}</view>
  215. <view class="style_mode {{ruleClick3 == i ? 'active_style' : ''}}"></view>
  216. </block>
  217. <block wx:else>
  218. <view class="color_name {{ruleClick3 == i ? 'active_style' : ''}}">{{item.datasheet_name}}</view>
  219. </block>
  220. </view>
  221. </view>
  222. </view>
  223. <!-- 规格4 -->
  224. <view wx:if="{{style4 > 0 }}" class="goods_kind_wrap margintop">
  225. <view class="goods_service" >
  226. <view class="service_title">{{style4_name}}</view>
  227. <view wx:for="{{Style4}}" wx:key="index" wx:for-index="i" data-id="{{i}}" class="each_color" data-rule="4" bindtap="ruleSelect">
  228. <block wx:if="{{style4 > 0}}">
  229. <image wx:if="{{item.datasheet_logo}}" src="{{item.datasheet_logo}}" class="color_icon"></image>
  230. <view class="color_name">{{item.datasheet_name}}</view>
  231. <view class="style_mode {{ruleClick4 == i ? 'active_style' : ''}}"></view>
  232. </block>
  233. <block wx:else>
  234. <view class="color_name {{ruleClick4 == i ? 'active_style' : ''}}">{{item.datasheet_name}}</view>
  235. </block>
  236. </view>
  237. </view>
  238. </view>
  239. <!-- 规格5 -->
  240. <view wx:if="{{style5 > 0 }}" class="goods_kind_wrap margintop">
  241. <view class="goods_service" >
  242. <view class="service_title">{{style5_name}}</view>
  243. <view wx:for="{{Style5}}" wx:key="index" wx:for-index="i" data-id="{{i}}" class="each_color" data-rule="5" bindtap="ruleSelect">
  244. <block wx:if="{{style5 > 0}}">
  245. <image wx:if="{{item.datasheet_logo}}" src="{{item.datasheet_logo}}" class="color_icon"></image>
  246. <view class="color_name">{{item.datasheet_name}}</view>
  247. <view class="style_mode {{ruleClick5 == i ? 'active_style' : ''}}"></view>
  248. </block>
  249. <block wx:else>
  250. <view class="color_name {{ruleClick5 == i ? 'active_style' : ''}}">{{item.datasheet_name}}</view>
  251. </block>
  252. </view>
  253. </view>
  254. </view>
  255. <!-- 礼盒 -->
  256. <view wx:if="{{giftboxsize != '' }}" class="goods_kind_wrap margintop">
  257. <view class="goods_service" >
  258. <view class="service_title">礼盒</view>
  259. <view wx:for="{{gixboxService}}" wx:key="index" wx:for-index="i" data-id="{{i}}" class="each_color" bindtap="boxSelect">
  260. <block wx:if="{{iconNum != 0}}">
  261. <image class="color_icon {{boxClick == i ? 'active_style' : ''}}" wx:if="{{item.giftbox_logo}}" src="{{item.giftbox_logo}}"></image>
  262. <view class="color_name">{{item.giftbox_name}}</view>
  263. <view class="style_mode {{boxClick == i ? 'active_style' : ''}}"></view>
  264. </block>
  265. <block wx:else>
  266. <view class="color_name {{boxClick == i ? 'active_style' : ''}}">{{item.giftbox_name}}</view>
  267. </block>
  268. <view class="clearfix"></view>
  269. </view>
  270. <view class="clearfix"></view>
  271. </view>
  272. </view>
  273. <!-- 定制 -->
  274. <view wx:if="{{dingzhiService != ''}}" class="goods_kind_wrap margintop">
  275. <view class="goods_service" >
  276. <view class="service_title">定制工艺</view>
  277. <view wx:for="{{dingzhiService}}" wx:key="index" wx:for-index="i" data-id="{{i}}" class="each_color each_dz_service" bindtap="dingZhiSelect">
  278. <block wx:if="{{iconNum != 0}}">
  279. <image class="color_icon {{dingZhiClick == i ? 'active_style' : ''}}" wx:if="{{item.process_logo}}" src="{{item.process_logo}}"></image>
  280. <view class="color_name">{{item.process_name}}</view>
  281. <view class="style_mode {{dingZhiClick == i ? 'active_style' : ''}}"></view>
  282. </block>
  283. <block wx:else>
  284. <view class="color_name {{dingZhiClick == i ? 'active_style' : ''}}">{{item.process_name}}</view>
  285. </block>
  286. <view class="clearfix"></view>
  287. </view>
  288. <!-- 客服 -->
  289. <view class='each_color each_dz_service'>
  290. <button open-type="contact" class='button-image contact_button' plain="true" >
  291. <!-- <button open-type="contact" size="138" class='contact_button'></button> -->
  292. <image class="color_icon" src="/images/bug_dz_service_icon.jpg"></image>
  293. <view class="color_name">联系客服</view>
  294. </button>
  295. </view>
  296. <view class="clearfix"></view>
  297. </view>
  298. </view>
  299. <!-- 数量 -->
  300. <view class="goods_num margintop">购买数量
  301. <view class="goods_num_wrap">
  302. <image src="{{isMinus?'/images/minus_pre.png':'/images/minus.png'}}" class="num_btn num_btn_left"></image>
  303. <view class="num_num">{{minNumber}}</view>
  304. <!-- <text class="num_num">{{minNumber}}</text> -->
  305. <image src="/images/add.png" class="num_btn num_btn_right"></image>
  306. </view>
  307. </view>
  308. </view>
  309. <!-- 从选择商品口进入 -->
  310. <view wx:if="{{chooseFlag == 1}}" class='picker_btn_wrap clearfix'>
  311. <view class="picker_btn picker_btn_add" data-id="0" bindtap="tz">加 入 购 物 车</view>
  312. <view class="picker_btn picker_btn_buy" data-id="1" bindtap="tz">立 即 购 买</view>
  313. </view>
  314. <!-- footer入口购买 -->
  315. <view wx:else class="picker_btn" data-id="{{stateId}}" bindtap="tz">确 定</view>
  316. </view>
  317. </view>
  318. </view>
  319. </view>
  320. <view class="modal_wrap {{hiddenmodal ? 'hidden' : ''}}">
  321. <view class="modal {{hiddenmodal ? 'hidden' : ''}}">{{modalCont}}</view>
  322. </view>