goods.wxml 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298
  1. <view class="container">
  2. <swiper class="goodsimgs" indicator-dots="true" autoplay="true" interval="3000" duration="1000">
  3. <swiper-item wx:for="{{gallery}}" wx:key="{{item.id}}">
  4. <image bindtap='preview' data-url="{{item.imgUrl}}" src="{{item.imgUrl}}" background-size="cover"></image>
  5. </swiper-item>
  6. </swiper>
  7. <view class="location-time">
  8. <view class="icon time">最后编辑:{{goods.lastEdit}}</view>
  9. <view class="icon location">地点:{{goods.region}}</view>
  10. </view>
  11. <view class="goods-info">
  12. <view class="c">
  13. <text class="name">{{goods.name}}</text>
  14. <view class='flex'>
  15. <text class="price">¥{{goods.price}}</text>
  16. <view wx:if='{{!goods.isSelling}}' class='tag'>已出售</view>
  17. </view>
  18. <text wx:if="{{goods.marketPrice}}" class="market-price">原价 : ¥{{goods.marketPrice}}</text>
  19. <text class="desc">{{goods.desc}}</text>
  20. <!-- <view class="brand" wx:if="{{brand.name}}">
  21. <navigator url="../brandDetail/brandDetail?id={{brand.brandId}}">
  22. <text>{{brand.name}}</text>
  23. </navigator>
  24. </view> -->
  25. </view>
  26. </view>
  27. <view class="section-nav section-act">
  28. <view class="t" wx:if='{{goods.ableExpress||goods.ableMeet||goods.ableSelfTake}}'>
  29. <view class="tag r" wx:if="{{goods.ableExpress}}">{{!goods.postage?'包邮':'邮费:'+goods.postage+'元'}}</view>
  30. <view class="tag y" wx:if="{{goods.ableExpress}}">支持:邮寄</view>
  31. <view class="tag y" wx:if="{{goods.ableMeet}}">支持:同城面交</view>
  32. <view class="tag y" wx:if="{{goods.ableSelfTake}}">支持:自提</view>
  33. </view>
  34. <view class="t">
  35. <view class="tag">{{goods.wantCount}}人想要</view>
  36. <view class="tag">浏览 {{goods.browseCount}}</view>
  37. </view>
  38. </view>
  39. <!-- <view class="section-nav section-act">
  40. <view class="t">
  41. <view class="label">1个促销:</view>
  42. <view class="tag">万圣趴</view>
  43. <view class="text">全场满499,额外送糖果</view>
  44. </view>
  45. <image class="i" src="../../static/images/address_right.png" background-size="cover"></image>
  46. </view> -->
  47. <!-- sellername -->
  48. <!-- seller avater -->
  49. <!-- day -->
  50. <!-- history -->
  51. <navigator url="/pages/user/user?userId={{seller.openId}}" class="seller-nav section-act">
  52. <view class="seller-t">
  53. <image class="seller-avatar" src="{{seller.avatarUrl}}"></image>
  54. </view>
  55. <view class="seller-info">
  56. <view class="name">{{seller.nickName}}</view>
  57. <view class="history">加入平台第{{sellerDates}}天,卖出过{{sellerHistory}}件宝贝</view>
  58. </view>
  59. <image class="i" src="../../static/images/address_right.png" background-size="cover"></image>
  60. </navigator>
  61. <!-- <view class="comments" wx:if="{{comment.count > 0}}">
  62. <view class="h">
  63. <navigator url="../comment/comment?valueId={{goods.id}}&typeId=0">
  64. <text class="t">评价({{comment.count > 999 ? '999+' : comment.count}})</text>
  65. <text class="i">查看全部</text>
  66. </navigator>
  67. </view>
  68. <view class="b">
  69. <view class="item">
  70. <view class="info">
  71. <view class="user">
  72. <image src="{{comment.data.avatar}}"></image>
  73. <text>{{comment.data.nickname}}</text>
  74. </view>
  75. <view class="time">{{comment.data.add_time}}</view>
  76. </view>
  77. <view class="content">
  78. {{comment.data.content}}
  79. </view>
  80. <view class="imgs" wx:if="{{comment.data.pic_list.length > 0}}">
  81. <image class="img" wx:for="{{comment.data.pic_list}}" wx:key="{{item.id}}" src="{{item.pic_url}}"></image>
  82. </view>
  83. </view>
  84. </view>
  85. </view> -->
  86. <view class="comments" wx:if="{{comment.length > 0}}">
  87. <view class="h">
  88. <text class="t">留言</text>
  89. </view>
  90. <view class="b">
  91. <view wx:for="{{comment}}" wx:for-index="index" wx:for-item="item" wx:key="{{item.id}}">
  92. <!-- comment -->
  93. <view class="item">
  94. <view class="info">
  95. <view class="user">
  96. <navigator class='navimg' url="/pages/user/user?userId={{item.simpleUser.openId}}" wx: style="background-image: url('{{item.simpleUser.avatarUrl}}')">
  97. </navigator>
  98. <text>{{item.simpleUser.nickName}}</text>
  99. </view>
  100. <view class="time">{{item.createTime}}</view>
  101. </view>
  102. <view class="content" bindtap="switchCommentPop" data-reply-id="{{item.id}}" data-reply-user-id="{{item.simpleUser.openId}}" data-reply-user-name='{{item.simpleUser.nickName}}'>
  103. {{item.content}}
  104. </view>
  105. <!-- reply -->
  106. <view wx:for="{{item.replyList}}" wx:for-index="iindex" wx:for-item="iitem" wx:key="{{iitem.id}}">
  107. <view class="reply-info">
  108. <view class="reply-user">
  109. <navigator class='navimg-reply' url="/pages/user/user?userId={{iitem.simpleUser.openId}}" wx: style="background-image: url('{{iitem.simpleUser.avatarUrl}}')"></navigator>
  110. <text>{{iitem.simpleUser.nickName}}</text>
  111. </view>
  112. <view class="time">{{iitem.createTime}}</view>
  113. </view>
  114. <view class="reply-content" bindtap="switchCommentPop" data-reply-id="{{iitem.id}}" data-reply-user-id="{{iitem.simpleUser.openId}}" data-reply-user-name='{{iitem.simpleUser.nickName}}'>
  115. 回复@{{iitem.replyUserName}}:{{iitem.content}}
  116. </view>
  117. </view>
  118. <!-- reoly-end -->
  119. </view>
  120. <!-- comment-end -->
  121. </view>
  122. </view>
  123. </view>
  124. <!-- <view class="goods-attr">
  125. <view class="t">商品参数</view>
  126. <view class="l">
  127. <view class="item" wx:for="{{attribute}}" wx:key="{{item.name}}">
  128. <text class="left">{{item.name}}</text>
  129. <text class="right">{{item.value}}</text>
  130. </view>
  131. </view>
  132. </view> -->
  133. <!-- <view class="detail">
  134. <import src="../../lib/wxParse/wxParse.wxml" />
  135. <template is="wxParse" data="{{wxParseData:goodsDetail.nodes}}" />
  136. </view> -->
  137. <!-- <view class="common-problem">
  138. <view class="h">
  139. <view class="line"></view>
  140. <text class="title">常见问题</text>
  141. </view>
  142. <view class="b">
  143. <view class="item" wx:for="{{issueList}}" wx:key="{{item.id}}">
  144. <view class="question-box">
  145. <text class="spot"></text>
  146. <text class="question">{{item.question}}</text>
  147. </view>
  148. <view class="answer">
  149. {{item.answer}}
  150. </view>
  151. </view>
  152. <view class="item">
  153. <view class="question-box">
  154. <text class="spot"></text>
  155. <text class="question">1111</text>
  156. </view>
  157. <view class="answer">
  158. bbbbb
  159. </view>
  160. </view>
  161. </view>
  162. </view> -->
  163. <view class="related-goods" wx:if="{{relatedGoods.length > 0}}">
  164. <view class="h">
  165. <view class="line"></view>
  166. <text class="title">大家都在看</text>
  167. </view>
  168. <view class="b">
  169. <view class="item" wx:for="{{relatedGoods}}" wx:key="{{item.id}}">
  170. <navigator url="/pages/goods/goods?id={{item.id}}">
  171. <image class="img" src="{{item.primaryPicUrl}}" background-size="cover"></image>
  172. <text class="name">{{item.name}}</text>
  173. <text class="price">¥{{item.price}}</text>
  174. </navigator>
  175. </view>
  176. </view>
  177. </view>
  178. </view>
  179. <!-- <view class="attr-pop-box" hidden="{{!openAttr}}">
  180. <view class="attr-pop">
  181. <view class="close" bindtap="closeAttr">
  182. <image class="icon" src="/static/images/icon_close.png"></image>
  183. </view>
  184. <view class="img-info">
  185. <image class="img" src="{{gallery[0].img_url}}"></image>
  186. <view class="info">
  187. <view class="c">
  188. <view class="p">价格:¥{{goods.price}}</view>
  189. <view class="a" wx:if="{{productList.length>0}}">已选择:{{checkedSpecText}}</view>
  190. </view>
  191. </view>
  192. </view>
  193. <view class="spec-con">
  194. <view class="spec-item" wx:for="{{specificationList}}" wx:key="{{item.specification_id}}">
  195. <view class="name">{{item.name}}</view>
  196. <view class="values">
  197. <view class="value {{vitem.checked ? 'selected' : ''}}" bindtap="clickSkuValue" wx:for="{{item.valueList}}" wx:for-item="vitem" wx:key="{{vitem.id}}" data-value-id="{{vitem.id}}" data-name-id="{{vitem.specification_id}}">{{vitem.value}}</view>
  198. </view>
  199. </view>
  200. <view class="number-item">
  201. <view class="name">数量</view>
  202. <view class="selnum">
  203. <view class="cut" bindtap="cutNumber">-</view>
  204. <input value="{{number}}" class="number" disabled="true" type="number" />
  205. <view class="add" bindtap="addNumber">+</view>
  206. </view>
  207. </view>
  208. </view>
  209. </view>
  210. </view> -->
  211. <view class="attr-pop-box" hidden="{{!openComment}}">
  212. <view class="attr-pop">
  213. <!-- <view class="close" bindtap="closeComment">
  214. <image class="icon" src="/static/images/clear_input.png"></image>
  215. </view> -->
  216. <view class="post-comment">
  217. <view class="title" wx:if="{{replyUserName}}">
  218. 回复@{{replyUserName}}:
  219. </view>
  220. <view class="title" wx:else>
  221. 发表留言:
  222. </view>
  223. <view class="content">
  224. <input id='comment-input' class='' focus='{{openComment}}' placeholder="输入文本" maxlength='100' bindblur='closeComment' bindconfirm='postComment' value='{{commentContent}}' />
  225. </view>
  226. </view>
  227. </view>
  228. </view>
  229. <view class="attr-pop-box" hidden="{{!openDelete}}">
  230. <view class="delete-pop ">
  231. <view class="close" bindtap="closeDelete">
  232. <image class="icon" src="/static/images/clear_input.png"></image>
  233. </view>
  234. <button class='delete-btn' bindtap="deleteGoods">确定删除</button>
  235. </view>
  236. </view>
  237. <view class="bottom-btn">
  238. <view class="l" bindtap="addCannelCollect">
  239. <image class="icon" src="{{ collectBackImage }}"></image>
  240. 收藏
  241. </view>
  242. <view class="l" bindtap="switchCommentPop" data-reply-id="0" data-reply-user-name='' data-reply-user-id="0">
  243. <image class="icon" src="/static/images/ic_menu_chat_nor.png"></image>
  244. 留言
  245. </view>
  246. <!-- <view class="l" >
  247. <image class="icon" src="/static/images/ic_menu_chat_nor.png"></image>
  248. 留言
  249. </view> -->
  250. <!-- <view class="l l-cart">
  251. <view class="box">
  252. <text class="cart-count">{{cartGoodsCount}}</text>
  253. <image bindtap="openCartPage" class="icon" src="/static/images/ic_menu_shoping_nor.png"></image>
  254. </view>
  255. </view> -->
  256. <!-- <view class="c">立即购买</view> -->
  257. <view class="r" wx:if='{{!goods.isSelling}}' bindtap="addToCart">该商品已出售</view>
  258. <view class="r" wx:elif="{{isSeller && !goods.isDelete && goods.isSelling}}" bindtap="switchDeletetPop">删除该商品</view>
  259. <view class="r" wx:else bindtap="addToCart">想要</view>
  260. </view>