goods_info.wxml 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <view class='goods_info_box'>
  2. <view class='goods_name'>{{goods.name}}</view>
  3. <block wx:if='{{quick == 1}}'>
  4. <view class='quick_goods_info'>
  5. <view class='view1'>
  6. <block wx:if='{{ ( ( (__is_member_price && goods.min_member_price > 0) && goods.is_negotiable != 1) && __user_info.level > - 1) }}'>
  7. <view class='flex-grow-0 flex-y-center'><text class='renminbi is_member'>¥</text><text class='goods_price is_member'>{{goods.min_member_price}}</text>
  8. <block wx:if='{{goods.is_level === true}}'>
  9. <image class='img' src='{{__wxapp_img.store.member_price.url}}'></image>
  10. </block>
  11. </view>
  12. </block>
  13. <block wx:else>
  14. <view class='flex-grow-0 flex-y-center'><text class='renminbi {{( (__user_info.level != - 1 || goods.is_level === false) ?"is_member":"")}}'>¥</text><text class='goods_price {{( (__user_info.level != - 1 || goods.is_level === false) ?"is_member":"")}}'>{{(goods.min_price > 0?goods.min_price:goods.price)}}</text></view>
  15. </block>
  16. <view class='flex-row flex-y-center' style='margin-top:14rpx;'>
  17. <view class='flex-grow-0 view2'>
  18. <block wx:if='{{ ( (__user_info.level > - 1 || !(goods.min_member_price)) || goods.is_level === false) }}'><text class='original_price'>¥{{goods.original_price}}</text></block>
  19. <block wx:else>
  20. <view class='member_price_box'>
  21. <block wx:if='{{__is_member_price === 1}}'><text class='member_price_title'>会员价</text><text>¥{{(goods.min_member_price > 0?goods.min_member_price:goods.price)}}</text></block>
  22. <block wx:else><text class='original_price'>¥{{goods.original_price}}</text></block>
  23. </view>
  24. </block>
  25. </view>
  26. <block wx:if='{{__is_sales}}'>
  27. <view class='flex-grow-0 view3'><text class='sales_title'>销量:</text><text class='sales'>{{goods.sales}} {{goods.unit}}</text></view>
  28. </block>
  29. </view>
  30. </view>
  31. <block wx:if='{{goods.use_attr == 1}}'>
  32. <view bindtap='showDialogBtn' class='add xuanguige ' data-id='{{goods.id}}'> 选规格 <block wx:if='{{goods_num > 0}}'>
  33. <view class='guigenum'>{{goods_num}}</view>
  34. </block>
  35. </view>
  36. </block>
  37. <block wx:if='{{goods.use_attr == 0}}'>
  38. <block wx:if='{{goods_num > 0}}'>
  39. <view class='btn_car_num'>
  40. <image bindtap='jian' class='carStandard' data-id='{{goods.id}}' src='{{__wxapp_img.store.jian.url}}'></image><input bindinput='goodNumChange' class='carStandard good_num' data-id='{{goods.id}}' id='num' maxlength='999' type='number' value='{{goods_num}}'></input>
  41. <image bindtap='jia' class='carStandard' data-id='{{goods.id}}' src='{{__wxapp_img.store.jia.url}}'></image>
  42. </view>
  43. </block>
  44. <block wx:else>
  45. <view bindtap='jia' class='add add_cart' data-id='{{goods.id}}'>加入购物车</view>
  46. </block>
  47. </block>
  48. </view>
  49. </block>
  50. <block wx:else>
  51. <view class='flex-row flex-y-center store_goods_info'>
  52. <view class='flex-grow-1 flex-col'>
  53. <block wx:if='{{ ( ( (__is_member_price && goods.min_member_price > 0) && goods.is_negotiable != 1) && __user_info.level > - 1) }}'>
  54. <view class='flex-grow-0 flex-y-center view1'>
  55. <block wx:if='{{pageType === "INTEGRAL"}}'><text style='font-size:16pt;color:red;'>{{goods.integral}}积分 + </text></block>
  56. <block wx:if='{{!(goods.is_negotiable)}}'><text class='renminbi is_member'>¥</text></block>
  57. <block wx:if='{{goods.mch}}'><text class='min_price is_member'>{{goods.min_price}}</text></block>
  58. <block wx:else><text class='min_price is_member'>{{goods.min_member_price}}</text>
  59. <block wx:if='{{goods.is_level === true}}'>
  60. <image class='img' src='{{__wxapp_img.store.member_price.url}}'></image>
  61. </block>
  62. </block>
  63. </view>
  64. </block>
  65. <block wx:else>
  66. <view class='flex-grow-0 flex-y-center view1'>
  67. <block wx:if='{{pageType === "INTEGRAL"}}'><text style='font-size:16pt;color:red;'>{{goods.integral}}积分 + </text></block>
  68. <block wx:if='{{pageType === "STEP"}}'>
  69. <image class='step-icon' src='../../images/detail-price.png'></image><text class='{{( (__user_info.level != - 1 || goods.is_level === false) ?"is_member":"")}}' style='font-size:16pt;color:#ff9d1e;font-family:DIN'>{{goods.price}}</text><text style='font-size:11pt;color:#666666;margin-left:24rpx'>原价:</text><text style='font-size:11pt;color:#666666;text-decoration:line-through'>{{goods.original_price}}</text>
  70. </block>
  71. <block wx:if='{{ (!(goods.is_negotiable) && pageType !== "STEP") }}'><text class='renminbi {{( (__user_info.level != - 1 || goods.is_level === false) ?"is_member":"")}}'>¥</text><text class='min_price {{( (__user_info.level != - 1 || goods.is_level === false) ?"is_member":"")}}'>{{(goods.min_price > 0?goods.min_price:goods.price)}}</text></block>
  72. <block wx:else><text class='min_price'>{{goods.min_price}}</text></block>
  73. </view>
  74. </block>
  75. <block wx:if='{{pageType !== "PINTUAN"}}'>
  76. <view class='flex-row flex-y-center' style='margin-top:14rpx;'>
  77. <block wx:if='{{ (!(goods.is_negotiable) && pageType !== "STEP") }}'>
  78. <view class='flex-grow-0 view2'>
  79. <block wx:if='{{ ( (__user_info.level > - 1 || !(goods.min_member_price)) || goods.is_level === false) }}'><text class='original_price'>¥{{goods.original_price}}</text></block>
  80. <block wx:else>
  81. <view class='member_price_box'>
  82. <block wx:if='{{goods.mch}}'><text>¥{{goods.price}}</text></block>
  83. <block wx:else>
  84. <block wx:if='{{__is_member_price === 1}}'><text class='member_price_title'>会员价</text><text>¥{{(goods.min_member_price > 0?goods.min_member_price:goods.price)}}</text></block>
  85. <block wx:else><text class='original_price'>¥{{goods.original_price}}</text></block>
  86. </block>
  87. </view>
  88. </block>
  89. </view>
  90. </block>
  91. <block wx:if='{{ ( ( (__is_sales && pageType !== "INTEGRAL") && goods.is_negotiable != 1) && pageType !== "STEP") }}'>
  92. <view class='flex-grow-0 view2'>
  93. <block wx:if='{{pageType === "MIAOSHA"}}'><text class='sales'>已抢:</text></block>
  94. <block wx:else><text class='sales'>销量:</text></block><text class='sales'>{{goods.sales}} {{goods.unit}}</text>
  95. </view>
  96. </block>
  97. </view>
  98. </block>
  99. <block wx:if='{{pageType === "PINTUAN"}}'>
  100. <view class='flex-row flex-y-center' style='margin-top:14rpx;height:60rpx;'>
  101. <view class='flex-grow-0 flex-row original-price'>
  102. <block wx:if='{{ ( (__user_info.level > - 1 || !(goods.min_member_price)) || goods.is_level === false) }}'>
  103. <view class='flex-grow-0' style='text-decoration: line-through;'>¥ {{goods.original_price}}</view>
  104. </block>
  105. <block wx:else>
  106. <view class='member_price_box'>
  107. <block wx:if='{{__is_member_price === 1}}'><text class='member_price_title'>会员价</text><text>¥{{(goods.min_member_price > 0?goods.min_member_price:goods.price)}}</text></block>
  108. <block wx:else><text class='original_price'>¥{{goods.original_price}}</text></block>
  109. </view>
  110. </block>
  111. </view>
  112. <view class='flex-row flex-grow-0 group-descount' style='margin-left:16rpx'>
  113. <view class='flex-grow-0 group-descount-one'> {{goods.group_num}}人拼团 </view>
  114. <view class='flex-grow-0 group-descount-center'></view>
  115. <view class='flex-grow-0 group-descount-tow'> 拼团立省¥{{reduce_price}} </view>
  116. </view>
  117. </view>
  118. </block>
  119. </view>
  120. <block wx:if='{{ (pageType !== "INTEGRAL" && pageType !== "STEP") }}'>
  121. <view class='flex-grow-0'><button bindtap='showShareModal' class='share_btn' plain='true'>
  122. <image class='img' src='{{__wxapp_img.share.share.url}}'></image>
  123. <view class='share'>分享</view>
  124. </button></view>
  125. </block>
  126. </view>
  127. </block>
  128. </view>
  129. <block wx:if='{{ (goods.service_list && goods.service_list.length > 0) }}'>
  130. <view class='bg-white mb-20 flex-row check-list'>
  131. <block wx:for='{{goods.service_list}}' wx:for-item='item' wx:for-index='index' wx:key='{{item.id}}'>
  132. <view class='check-item flex-y-center flex-row'>
  133. <image class='flex-grow-0' src='{{__wxapp_img.store.check.url}}'></image><text class='flex-grow-1'>{{item}}</text>
  134. </view>
  135. </block>
  136. </view>
  137. </block>
  138. <block wx:else>
  139. <view class='mb-20'></view>
  140. </block>
  141. <block wx:if='{{ ( (quick != 1 && !(goods.is_negotiable)) && __user_info.blacklist !== 1) }}'>
  142. <view bindtap='showAttrPicker' class='flex-row flex-y-center select_attrs'>
  143. <view class='flex-grow-1 flex-row flex-y-center'>
  144. <text>选择</text><text class='attrs'>规格</text>
  145. </view>
  146. <view class='flex-grow-0'>
  147. <image class='img' src='{{__wxapp_img.store.jiantou_r.url}}'></image>
  148. </view>
  149. </view>
  150. </block>
  151. <block wx:if='{{goods.mch}}'>
  152. <view class='flex flex-row mch_shop'>
  153. <view class='flex-grow-0 img_box'>
  154. <image class='logo' src='{{goods.mch.logo}}'></image>
  155. </view>
  156. <view class='flex-grow-1'>
  157. <view class='name'>{{goods.mch.name}}</view>
  158. <view class='shop_info'><text class='goods_num'>商品数量:{{goods.mch.goods_num}}</text>
  159. <block wx:if='{{__is_sales}}'><text>已售:{{goods.mch.sale_num}}</text></block>
  160. </view>
  161. </view>
  162. <view class='flex-grow-0 flex-y-center'>
  163. <navigator class='enter_shop' openType='redirect' url='/mch/shop/shop?mch_id={{goods.mch.id}}'>进店逛逛</navigator>
  164. </view>
  165. </view>
  166. </block>
  167. <view class='share-modal {{share_modal_active}}'>
  168. <view class='share-modal-body'>
  169. <view class='flex-row'>
  170. <view class='flex-grow-1 flex-x-center'><button class='share-bottom' openType='share' style='height:100%;'>
  171. <image src='{{__wxapp_img.share.friend.url}}'></image>
  172. <view>分享给朋友</view>
  173. </button></view>
  174. <view class='flex-grow-1 flex-x-center'>
  175. <view bindtap='getGoodsQrcode' class='share-bottom'>
  176. <image src='{{__wxapp_img.share.qrcode.url}}'></image>
  177. <view>生成商品海报</view>
  178. </view>
  179. </view>
  180. </view>
  181. <view bindtap='shareModalClose' class='share-modal-close flex-y-center flex-x-center'>关闭</view>
  182. </view>
  183. </view>
  184. <view bindtap='close' class='modal flex-row {{hide}}'>
  185. <view class='flex-y-center' style='width:100%;height:100%;position:relative;'>
  186. <image src='{{__wxapp_img.store.close2.url}}' style='width:50rpx;height:50rpx;position:absolute;left:24rpx;top:24rpx'></image><video autoplay='true' direction='' id='video' src='{{url}}' style='height:80%'></video>
  187. </view>
  188. </view>
  189. <view class='goods-qrcode-modal {{goods_qrcode_active}}'>
  190. <view class='goods-qrcode-body flex-col'>
  191. <view class='flex-grow-1' style='position: relative'>
  192. <view style='position: absolute;left: 0;top:0;width: 100%;height: 100%;padding: 100rpx 100rpx 60rpx'>
  193. <view class='goods-qrcode-box'>
  194. <view class='goods-qrcode-loading flex-x-center flex-y-center'>
  195. <view class='flex-x-center flex-col'>
  196. <image src='{{__wxapp_img.system.loading2.url}}' style='width: 150rpx;height: 150rpx'></image>
  197. <view style='color: #888'>海报生成中</view>
  198. </view>
  199. </view>
  200. <image bindtap='goodsQrcodeClick' class='goods-qrcode {{(goods_qrcode?"active":"")}}' data-src='{{goods_qrcode}}' mode='aspectFit' src='{{goods_qrcode}}'></image>
  201. </view>
  202. </view>
  203. </view>
  204. <view class='flex-grow-0 flex-col flex-x-center' style='padding: 0 60rpx 80rpx'>
  205. <view style='margin-bottom: 20rpx;padding: 0 40rpx'>
  206. <block wx:if='{{goods_qrcode}}'><button bindtap='saveGoodsQrcode' style='background: #ff4544;color: #fff;'> 保存图片 </button></block>
  207. <block wx:else><button style='opacity: .4'>保存图片</button></block>
  208. </view>
  209. <view style='color: #888;font-size: 9pt;text-align: center'>保存至相册</view>
  210. </view>
  211. <view bindtap='goodsQrcodeClose' class='goods-qrcode-close'>
  212. <image src='{{__wxapp_img.store.close2.url}}' style='width: 50rpx;height: 50rpx;display: block'></image>
  213. </view>
  214. </view>
  215. </view>