details.wxml 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <import src='../../../wxParse/wxParse.wxml'></import>
  2. <view class='page'>
  3. <include src='/components/common/common'></include>
  4. <include src='/components/header/header'></include>
  5. <include src='/components/quick-navigation/quick-navigation'></include>
  6. <view class='body'>
  7. <include src='/components/common/get-coupon.wxml'></include>
  8. <include src='/components/goods/specifications_model.wxml'></include>
  9. <view class='{{(show_attr_picker?"no-scroll":"")}} {{(pt_detail?"pt-modal-bj":"")}}'>
  10. <include src='/components/goods/goods_banner.wxml'></include>
  11. <block wx:if='{{goods.limit_time > 0}}'>
  12. <view class='time-limit flex-row'>
  13. <view class='flex-grow-0 flex-y-center flex-x-center'>
  14. <image src='{{__wxapp_img.pt.details.url}}'></image>
  15. </view>
  16. <view class='flex-grow-1 flex-col flex-x-center time-limit-logo-text'>
  17. <view class='flex-grow-0'> 限时火拼 </view>
  18. <view class='flex-grow-0' style='margin-left:50rpx;'> 超值低价 </view>
  19. </view>
  20. <view class='flex-grow-1 flex-col flex-y-center flex-x-center'>
  21. <view class='flex-grow-0 time-top-text'> 距离结束时间剩 </view>
  22. <view class='flex-grow-0 flex-row time-info flex-y-center'>
  23. <view class='flex-grow-1 time-value flex-y-center flex-x-center'> {{limit_time.days}} </view>
  24. <view class='flex-grow-0'> 天 </view>
  25. <view class='flex-grow-1 time-value flex-y-center flex-x-center'> {{limit_time.hours}} </view>
  26. <view class='flex-grow-0'> 时 </view>
  27. <view class='flex-grow-1 time-value flex-y-center flex-x-center'> {{limit_time.mins}} </view>
  28. <view class='flex-grow-0'> 分 </view>
  29. <view class='flex-grow-1 time-value flex-y-center flex-x-center'> {{limit_time.secs}} </view>
  30. <view class='flex-grow-0'> 秒 </view>
  31. </view>
  32. </view>
  33. </view>
  34. </block>
  35. <include src='/components/goods/goods_info.wxml'></include>
  36. <view class='friend-group'>
  37. <view bindtap='goArticle' class='pt-goods-rule flex-row flex-y-center'>
  38. <view class='pt-rule-title flex-grow-1 flex-y-center'> 支付商品开团,邀请好友参与,成功发货失败退款 </view>
  39. <view class='pt-rule-right flex-grow-0 flex-y-center'> 详细规则 </view>
  40. <view class='pt-rule-more flex-grow-0 flex-y-center'>
  41. <image src='{{__wxapp_img.share.right.url}}'></image>
  42. </view>
  43. </view>
  44. </view>
  45. <block wx:if='{{group_num > 0}}'>
  46. <view class='friend-group' style='padding-bottom:10rpx'>
  47. <view class='flex-y-center'>
  48. <view class='friend-group-title flex-row flex-grow-1'> 以下小伙伴正在发起拼团,您可以直接参与: </view>
  49. <view bindtap='more' class='pt-rule-right flex-grow-0 flex-y-center'> 更多 </view>
  50. <view class='pt-rule-more flex-grow-0 flex-y-center'>
  51. <image src='{{__wxapp_img.share.right.url}}'></image>
  52. </view>
  53. </view>
  54. <block wx:for='{{group_list}}' wx:for-item='item' wx:for-index='index' wx:key='{{item.id}}'>
  55. <block wx:if='{{index < 3}}'>
  56. <view class='friend-group-item flex-row flex-y-center'>
  57. <view class='friend-corver-pic flex-grow-0 flex-y-center'>
  58. <image src='{{item.avatar_url}}'></image>
  59. </view>
  60. <view class='friend-name flex-grow-1 flex-y-center'> {{item.nickname}} </view>
  61. <view class='flex-grow-0 flex-col'>
  62. <view class='flex-grow-0 group-short' style='text-align:right'> 还差{{item.surplus}}人成团 </view>
  63. <view class='flex-grow-0 group-short-time'> 还剩 {{item.limit_time.days}}:{{item.limit_time.hours}}:{{item.limit_time.mins}}:{{item.limit_time.secs}} </view>
  64. </view>
  65. <view bindtap='goToGroup' class='flex-grow-0 go-offered flex-y-center flex-x-center' data-id='{{item.id}}'> 去参团 </view>
  66. </view>
  67. </block>
  68. </block>
  69. </view>
  70. </block>
  71. <block wx:if='{{__is_comment}}'>
  72. <view class='goods-comment'>
  73. <view bindtap='goToComment' class='goods-comment-title flex-row flex-y-center'>
  74. <view class='comment-left-text flex-grow-1 flex-y-center'> 买家评论{{comment_num}}
  75. <block wx:if='{{__is_sales}}'><text style='margin-left:10rpx;'>| 销量 {{goods.virtual_sales}}</text></block>
  76. </view>
  77. <view class='comment-more flex-grow-0 flex-y-center'>
  78. <image src='{{__wxapp_img.share.right.url}}'></image>
  79. </view>
  80. </view>
  81. <block wx:for='{{comment}}' wx:for-item='item' wx:for-index='ckey' wx:key='{{item.id}}'>
  82. <view class='goods-comment-item flex-col'>
  83. <view class='goods-comment-user flex-grow-0 flex-row flex-y-center'>
  84. <view class='comment-user-pic flex-grow-0'>
  85. <image src='{{item.avatar_url}}'></image>
  86. </view>
  87. <view class='comment-user-name flex-grow-0'> {{item.nickname}} </view>
  88. </view>
  89. <view class='goods-comment-conent flex-grow-1'> {{item.content}} </view>
  90. <view class='goods-comment-ginfo'> {{item.addtime}}
  91. <block wx:for='{{item.attr}}' wx:for-item='attr' wx:for-index='index' wx:key='{{item.id}}'> {{attr.attr_group_name}}:{{attr.attr_name}} </block>
  92. </view>
  93. <view class='goods-comment-piclist'>
  94. <block wx:for='{{item.pic_list}}' wx:for-item='pic' wx:for-index='index' wx:key='{{item.id}}'>
  95. <view class='comment-pic-shell'>
  96. <image bindtap='bigToImage' data-index='{{ckey}}' data-url='{{pic}}' mode='aspectFit' src='{{pic}}' style='width:160rpx;height:160rpx'></image>
  97. </view>
  98. </block>
  99. </view>
  100. </view>
  101. </block>
  102. </view>
  103. </block>
  104. <view class='pt-goods-content'>
  105. <view class='pt-goods-content-title flex-y-center'> 商品详情 </view>
  106. <view class='pt-goods-details'><template is='wxParse' data='{{wxParseData:detail.nodes}}'></template></view>
  107. </view>
  108. <include src='/components/goods/goods_buy'></include>
  109. </view>
  110. <block wx:if='{{pt_detail}}'>
  111. <view class='model-award'>
  112. <view class='act-modal show'>
  113. <view class='act-modal-bg'></view>
  114. <view class='act-modal-pic flex-y-center flex-x-center'>
  115. <view class='pt-modal'>
  116. <view class='pt-modal-1'>正在拼团</view>
  117. <view class='pt-modal-2'>仅显示10条正在拼团信息</view>
  118. <view class='pt-modal-3'></view>
  119. <view class='pt-modal-4'>
  120. <image bindtap='end_more' src='/images/pond-details.png'></image>
  121. </view>
  122. <view class='pt-modal-5'>
  123. <scroll-view scrollY='{{true}}' bindscroll='scroll' bindscrolltolower='lower' bindscrolltoupper='upper' scrollIntoView='{{toView}}' style='height: 500rpx;'>
  124. <block wx:for='{{group_list}}' wx:for-item='item' wx:for-index='index' wx:key='{{item.id}}'>
  125. <view class='flex-row pt-modal-6'>
  126. <view class='flex-grow-0 flex-y-center flex-x-center pt-modal-7'>
  127. <image src='{{item.avatar_url}}'></image>
  128. </view>
  129. <view class='flex-col flex-grow-1 flex-x-center' style='text-align:left;'>
  130. <view class='flex-row' style='color:#353535;'>
  131. <view class='flex-grow-0 text-more' style='max-width:62%;'>{{item.nickname}}</view><text class='flex-grow-0' style='color:#ff5c5c;font-size:9pt;margin-left:20rpx'>还差{{item.surplus}}人</text>
  132. </view>
  133. <view style='color:#707070;font-size:9pt'>剩余{{item.limit_time.days}}:{{item.limit_time.hours}}:{{item.limit_time.mins}}:{{item.limit_time.secs}}</view>
  134. </view>
  135. <view bindtap='goToGroup' class='flex-grow-0 go-offered flex-y-center flex-x-center' data-id='{{item.id}}' style='margin-left:0rpx;font-size:11pt'>去参团</view>
  136. </view>
  137. </block>
  138. </scroll-view>
  139. </view>
  140. </view>
  141. </view>
  142. </view>
  143. </view>
  144. </block>
  145. </view>
  146. <include src='/components/footer/footer'></include>
  147. </view>