details.wxml 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. <!--pages/details/details.wxml-->
  2. <import src="../../wxParse/wxParse.wxml" />
  3. <view class="bacfff">
  4. <view class="pos_rel">
  5. <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="#E8E8E8"
  6. circular="true" indicator-active-color="##2B2B2B" style="height:750rpx">
  7. <block wx:for="{{imgUrls}}" wx:key="*this">
  8. <swiper-item>
  9. <image src="{{item}}" class="slide-image" mode="widthFix" style="width: 100%;" />
  10. </swiper-item>
  11. </block>
  12. </swiper>
  13. <!-- <view class="comment_swiper" wx:if="{{datas.comment.content}}">
  14. <navigator class="f0" url="/pages/comments/comments?common_id={{datas.comment.common_id}}">
  15. <image src="{{datas.comment.member_avatar}}"></image>
  16. <text class="comment_content one_line_hidden" decode="{{true}}">&nbsp;&nbsp;{{datas.comment.nickname}}:{{datas.comment.content}}</text>
  17. </navigator>
  18. </view>
  19. <view class="details_collection flex_center">已收藏人数 {{getOneSummary.goods_collect}}</view> -->
  20. </view>
  21. <view class="place-bacd9"></view>
  22. <!-- <text decode="{{true}}">¥{{getOneSummary['act_type'] == 0?getOneSummary.bonus_price:getOneSummary['goods_promotion_price']}}&nbsp;&nbsp;</text> -->
  23. <view class="n_goods_content">
  24. <view class="n_price_content align_center">
  25. <text class="f24 col333" wx:if="{{getOneSummary['act_type'] == 0}}">红包价:</text>
  26. <text class="f34 col2B2B2B ft_bold">¥{{getOneSummary['act_type'] == 0?getOneSummary.bonus_price:getOneSummary['goods_promotion_price']}}</text>
  27. <text class="f24 col999 ml10 line-through">专柜价:¥{{getOneSummary.goods_price}}</text>
  28. </view>
  29. <view class="f24 col666 l_height34 mt4">库存:{{getOneSummary.goods_storage}}件</view>
  30. <view class="n_goods_title">
  31. <view class="brand_auth">{{getOneSummary.brand_author_desc}}</view>
  32. <text decode="{{true}}">{{getOneSummary.goods_mobile_name}}&nbsp;&nbsp;{{getOneSummary.goods_jingle}}</text>
  33. </view>
  34. </view>
  35. <view class="place-bacd9"></view>
  36. <view class="ensure_desc">
  37. <view class="stamps_list">
  38. <view class="n_stamps_item" wx:if="{{getOneSummary.brand_country_logo}}">
  39. <image class="stamp_pic" src="{{getOneSummary.brand_country_logo}}"></image>
  40. {{getOneSummary.brand_country}}品牌
  41. </view>
  42. <view class="n_stamps_item">
  43. <image class="stamp_pic" src="../../image/lrlz.png"></image>
  44. 丽妆自营
  45. </view>
  46. <view class="n_stamps_item">
  47. <image class="stamp_pic zg" src="../../image/zg.png"></image>
  48. 线上专柜
  49. </view>
  50. </view>
  51. <view class="ensure_desc_text" wx:if="{{datas.common_info.brand_tip}}">{{datas.common_info.brand_tip}} </view>
  52. <view class="see_ensure_wrap">
  53. <image class="see_ensure_desc" src="../../image/back.png"></image>
  54. </view>
  55. </view>
  56. <view class="place-bac247"></view>
  57. <!-- <view class="goods_content">
  58. <view class="padLR30">
  59. <view class="one_line_hidden goods_name_title">{{getOneSummary.goods_mobile_name}}</view>
  60. <view class="one_line_hidden col333 f28">{{getOneSummary.goods_jingle}}</view>
  61. </view>
  62. <view class="bonus_price flex_center">
  63. <text decode="{{true}}">¥{{getOneSummary['act_type'] == 0?getOneSummary.bonus_price:getOneSummary['goods_promotion_price']}}&nbsp;&nbsp;</text>
  64. <text class="goods_price" decode="{{true}}">天猫价&nbsp;{{getOneSummary.goods_price}}</text>
  65. </view>
  66. <view class="goods_desc">
  67. <text wx:if="{{getOneSummary['act_type'] == 0}}" decode="{{true}}">红包抵{{getOneSummary.differencePrice}}元&nbsp;/</text>
  68. <text decode="{{true}}">已售{{getOneSummary.goods_salenum}}件&nbsp;/&nbsp;库存{{getOneSummary.goods_storage}}件</text>
  69. </view>
  70. </view> -->
  71. <!-- <view wx:if="{{getOneSummary['act_type'] == 0}}" class="congratulation_text one_line_hidden">{{getOneSummary.gap_desc}}</view> -->
  72. <!-- <navigator url="/pages/special/special?title=F码专区&special_id=905" wx:if="{{getOneSummary['is_fcode']}}">
  73. <view class="congratulation_text one_line_hidden colef524d">F码购买
  74. <view class="tospecial">去看看 ></view>
  75. </view>
  76. </navigator>
  77. <view class="details_stamps">
  78. <view class="stamps_item">
  79. <image class="goods_logo" src="{{getOneSummary.brand_country_logo}}"></image>
  80. {{getOneSummary.brand_country}}品牌
  81. </view>
  82. <view class="stamps_item">
  83. <image class="goods_logo" src="../../image/small_logo.png"></image>
  84. 熊猫美妆自营
  85. </view>
  86. <view class="stamps_item">
  87. <image class="goods_logo" src="../../image/authorize_icon.png"></image>
  88. {{getOneSummary.brand_author_desc}}
  89. </view>
  90. <view class="stamps_item">
  91. <image class="goods_logo" src="../../image/seven_icon.png"></image>
  92. 7天无理由退货
  93. </view>
  94. </view>
  95. <view class="place-bac247"></view> -->
  96. <!-- <view>{{countTime}}</view> -->
  97. <!-- <navigator url="/pages/special/special?title=N元任选&special_id=869&is_special=true" wx:if="{{getOneSummary.is_opgoods}}">
  98. <view class="congratulation_text one_line_hidden">{{getOneSummary.opgoods_desc}}
  99. <view class="tospecial">去看看 ></view>
  100. </view>
  101. </navigator> -->
  102. <block wx:if="{{datas.comment}}">
  103. <view class="comments_box">
  104. <view class="comments_header">
  105. -商品评价-
  106. <!-- <navigator url="/pages/comments/comments?common_id={{datas.comment.common_id}}"></navigator> -->
  107. <view class="all_comments" catchtap="allComments">
  108. 查看全部
  109. <image class="all_comments_icon" src="../../image/back.png"></image>
  110. </view>
  111. </view>
  112. <view class="comments_basic_info">
  113. <view class="f30 col333">商品评论
  114. <text class="ft_bold ml8">({{datas.common_info.comments}})</text>
  115. </view>
  116. <view class="align_center">
  117. <text class="f24 col333 mr10">{{datas.common_info.comments_rate}}</text>
  118. <block wx:for="{{starSrcs}}" wx:key="*this">
  119. <image class="star" src="{{item}}"></image>
  120. </block>
  121. </view>
  122. </view>
  123. <block wx:for="{{comments}}" wx:key="*this" wx:for-index="index">
  124. <view class="comments_item">
  125. <view>
  126. <view class="align_center member_avatar">
  127. <image src="{{item.member_avatar}}"></image>
  128. <view class="f28 col333 ml20">{{item.nickname}}</view>
  129. </view>
  130. </view>
  131. <view class="f24 col333 l_height34 mt20">{{item.content}}</view>
  132. <view class="f24 col999 l_height34 mt10" wx:if="{{item['transform_addtime']}}">{{item['transform_addtime']}}</view>
  133. </view>
  134. <view class="place-bacd9" wx:if="{{index < comments.length - 1}}"></view>
  135. </block>
  136. </view>
  137. </block>
  138. <view class="place-bac247"></view>
  139. <view class="comments_box">
  140. <view class="comments_header mb20">-图文详情-</view>
  141. <template is="wxParse" data="{{wxParseData:article.nodes}}" />
  142. </view>
  143. <!-- <view class="see_more_details" bindtap="toWebView">查看更多详情</view> -->
  144. <view class="place_details_tabbar"></view>
  145. <view class="details_tabbar">
  146. <navigator class="details_tabbar_item right_line" url="/pages/index/index" open-type="switchTab">
  147. <view class="tabbar_icon_wrap flex_center">
  148. <image class="home_icon" src="../../image/home-icon.png"></image>
  149. </view>
  150. <view class="details_tabbar_label">首页</view>
  151. </navigator>
  152. <navigator class="details_tabbar_item right_line" url="/pages/shopCart/shopCart" open-type="switchTab">
  153. <view class="tabbar_icon_wrap flex_center">
  154. <image class="shopcart_icon" src="../../image/shopcart-icon.png"></image>
  155. </view>
  156. <view class="details_tabbar_label">购物车</view>
  157. </navigator>
  158. <view class="details_tabbar_item" session-from="weapp">
  159. <contact-button session-from="weapp" style="opacity:0;position: absolute;left: 0;right:0;top: 0;bottom: 0;z-index:2;"></contact-button>
  160. <view class="tabbar_icon_wrap flex_center">
  161. <image class="shopcart_icon" src="../../image/details_customer.png"></image>
  162. </view>
  163. <view class="details_tabbar_label">客服</view>
  164. </view>
  165. <view class="details_tabbar_simple" bindtap='animation_flag' data-flag="true" data-cartorbuy="isCart">加入购物车</view>
  166. <view class="details_tabbar_simple buy" bindtap='animation_flag' data-flag="true" data-cartorbuy="isBuy">立即购买</view>
  167. </view>
  168. <view class="animation_popup {{animation_flag ? 'show_popup' : ''}}" bindtap='animation_flag' data-flag="false"></view>
  169. <view class="simple_shopcart {{animation_flag ? 'show_animation' : ''}}">
  170. <view class="simple_goods_info pab30 vux-1px-b">
  171. <view class="flexbox_item">
  172. <image class="goods_small_img" src="{{getOneSummary.goods_image_url}}"></image>
  173. </view>
  174. <view class="flexbox_item">
  175. <view class="simple_goods_price">
  176. <text decode="{{true}}">¥{{getOneSummary['act_type'] !== 1?getOneSummary.bonus_price:datas['groupbuy'][0]['promotion_price']}}&nbsp;&nbsp;</text>
  177. <text class="goods_original_price">{{getOneSummary.goods_price}}</text>
  178. </view>
  179. <view class="f24">已售{{getOneSummary.goods_salenum}}件/库存{{getOneSummary.goods_storage}}件</view>
  180. <block wx:if="{{getgift}}">
  181. <navigator url="/pages/details/details?goods_id={{item.gifts.gift_goods_id}}" wx:for="{{getgift}}" wx:index="giftindex" wx:key="giftindex">
  182. <view class="gifts_wrap one_line_hidden">
  183. <text class="gift_tag">赠品</text>
  184. <text class="gift_underline ml8">{{item.sum.goods_mobile_name}}</text>
  185. </view>
  186. </navigator>
  187. </block>
  188. </view>
  189. </view>
  190. <view class="simple_goods_spec vux-1px-b">
  191. <view class="f24">选择{{datas.common_info.spec_name}}</view>
  192. <view class="simple_sec_content">
  193. <view class="sec_content_btn {{sec_index==idx?'sec_active':''}}" wx:for="{{datas.common_info.skus}}" wx:for-index="idx" wx:key="idx"
  194. bindtap='secSku' data-secindex="{{idx}}" data-goodsid="{{item.goods_id}}">{{item.spv_name}}</view>
  195. </view>
  196. </view>
  197. <view class="simple_goods_info">
  198. <view class="flexbox_item pal30 f24">数量</view>
  199. <view class="flexbox_item">
  200. <view class="simple_goods_compute" bindtap="goodsNumHandle" data-type="minus">-</view>
  201. <view class="simple_goods_result">{{goodsNumber}}</view>
  202. <view class="simple_goods_compute" bindtap="goodsNumHandle" data-type="add">+</view>
  203. </view>
  204. </view>
  205. <view class="close_btn" bindtap='animation_flag' data-flag="false"></view>
  206. <view class="simple_goods_buy" bindtap="checkSubmit">确定</view>
  207. </view>
  208. </view>