detail.wxml 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!-- 骨架屏 -->
  2. <import src="./detail.skeleton.wxml" />
  3. <template is="skeleton" wx:if="{{loading}}" />
  4. <!-- 轮播图 -->
  5. <swiper indicator-dots circular indicator-active-color='#333'>
  6. <swiper-item wx:for="{{files.images}}" wx:key="attachmentid" data-index="{{index}}" data-type='image' bindtap="viewMedias">
  7. <van-image width="100vw" height="464rpx" fit="contain" src="{{item.cover}}" use-loading-slot use-error-slot lazy-load>
  8. <van-loading slot="loading" type="spinner" size="20" vertical />
  9. <text slot="error">加载失败</text>
  10. </van-image>
  11. </swiper-item>
  12. </swiper>
  13. <!-- 产品介绍 -->
  14. <view class="intr">
  15. <view class="title">
  16. {{detail.itemname}} <van-tag type="warning">{{detail.delistingstatus}}</van-tag>
  17. </view>
  18. <view class="tags">
  19. <text wx:if="{{detail.iscustomsize==1}}" style="background-color: #EE0A24;color: #fff;">定制</text>
  20. <text wx:for="{{detail.brand}}" wx:key="sa_brandid">{{item.brandname}}</text>
  21. <text wx:for="{{detail.tradefield}}" wx:key="index">{{item.tradefield}}</text>
  22. </view>
  23. <view class="offer">
  24. <view>
  25. <text class="price">{{handleHide.query(detail.gradeprice,hidePrice)}}</text>
  26. </view>
  27. <text class="unit">单位/{{detail.unitname}}</text>
  28. </view>
  29. <view class="else">
  30. <text>起订量:{{detail.orderminqty||' --'}}</text>
  31. <text>增量:{{detail.orderaddqty||' --'}}</text>
  32. <text>包装数量:{{detail.packageqty||' --'}}</text>
  33. </view>
  34. </view>
  35. <!-- 选择规格 -->
  36. <view class="model">
  37. <block wx:if="{{specRows.length}}">
  38. <view class="label">
  39. 规格
  40. </view>
  41. <view class="product-box">
  42. <navigator url="#" class="product {{content.spec===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{specRows}}" wx:key="index" bindtap="changeItemno" data-valuename="spec" data-value="{{item}}">{{item.parm}}</navigator>
  43. </view>
  44. </block>
  45. <block wx:if="{{colorRows.length}}">
  46. <view class="label">
  47. 颜色
  48. </view>
  49. <view class="product-box">
  50. <navigator url="#" class="product {{content.color===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{colorRows}}" wx:key="index" bindtap="changeItemno" data-valuename="color" data-value="{{item}}">{{item.parm}}</navigator>
  51. </view>
  52. </block>
  53. <block wx:if="{{materialRows.length}}">
  54. <view class="label">
  55. 材质
  56. </view>
  57. <view class="product-box">
  58. <navigator url="#" class="product {{content.material===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{materialRows}}" wx:key="index" bindtap="changeItemno" data-valuename="material" data-value="{{item}}">{{item.parm}}</navigator>
  59. </view>
  60. </block>
  61. <block wx:if="{{cheekRows.length}}">
  62. <view class="label">
  63. 边框
  64. </view>
  65. <view class="product-box">
  66. <navigator url="#" class="product {{content.cheek===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{cheekRows}}" wx:key="index" bindtap="changeItemno" data-valuename="cheek" data-value="{{item}}">{{item.parm}}</navigator>
  67. </view>
  68. </block>
  69. <!-- 定制项 -->
  70. <view wx:if="{{detail.iscustomsize==1}}" style="padding-bottom: 20rpx;">
  71. <view class="label">
  72. 定制
  73. </view>
  74. <block wx:if="{{cLength}}">
  75. <view class="label custom" wx:if="{{cLength.type == '自定义'}}">
  76. <view style="display: flex; align-items: center;">
  77. <view style="margin-right: 20rpx;">长:</view>
  78. <van-stepper plus-class='plus-class' value="{{ content.dlength }}" input-width="60px" min="{{cLength.min}}" max="{{cLength.max}}" decimal-length="{{ cLength.decimalplaces }}" data-name="cLength" bind:plus='cahngeStepper' bind:blur='cahngeStepper' bind:minus='cahngeStepper' />
  79. <view class="explain">{{cLength.min+' ~ '+ cLength.max}},<text wx:if="{{cLength.decimalplaces}}">保留{{cLength.decimalplaces}}位小数</text><text wx:else>不保留小数</text></view>
  80. </view>
  81. </view>
  82. <view class="label custom" wx:else>
  83. <view style="display: flex;">
  84. <view style="margin-right: 20rpx;margin-top: 30rpx;">长:</view>
  85. <view class="product-box">
  86. <navigator url="#" class="product {{content.dlength===item.num?'active':''}}" wx:for="{{cLength.rowsdetail}}" wx:key="rowindex" bindtap="customParameter" data-valuename="dlength" data-value="{{item.num}}">{{item.num}}</navigator>
  87. </view>
  88. </view>
  89. </view>
  90. </block>
  91. <block wx:if="{{cWidth}}">
  92. <view class="label custom" wx:if="{{cWidth.type == '自定义'}}">
  93. <view style="display: flex; align-items: center;">
  94. <view style="margin-right: 10rpx;">宽:</view>
  95. <van-stepper plus-class='plus-class' value="{{ content.dwidth }}" input-width="60px" min="{{cWidth.min}}" max="{{cWidth.max}}" decimal-length="{{ cWidth.decimalplaces }}" data-name="cWidth" bind:plus='cahngeStepper' bind:blur='cahngeStepper' bind:minus='cahngeStepper' />
  96. <view class="explain">{{cWidth.min+' ~ '+ cWidth.max}},<text wx:if="{{cWidth.decimalplaces}}">保留{{cWidth.decimalplaces}}位小数</text><text wx:else>不保留小数</text></view>
  97. </view>
  98. </view>
  99. <view class="label custom" wx:else>
  100. <view style="display: flex;">
  101. <view style="margin-right: 20rpx;margin-top: 30rpx;">宽:</view>
  102. <view class="product-box">
  103. <navigator url="#" class="product {{content.dwidth===item.num?'active':''}}" wx:for="{{cWidth.rowsdetail}}" wx:key="rowindex" bindtap="customParameter" data-valuename="dwidth" data-value="{{item.num}}">{{item.num}}</navigator>
  104. </view>
  105. </view>
  106. </view>
  107. </block>
  108. </view>
  109. </view>
  110. <van-tabs custom-class='tabs' title-active-color='var(--assist)' color='var(--assist)'>
  111. <van-tab title="商品简介">
  112. <view class="tab-box">
  113. <view class="row">
  114. 品号:{{detail.itemno}}
  115. </view>
  116. <view class="row">
  117. 型号:{{detail.model || ' --'}}
  118. </view>
  119. </view>
  120. </van-tab>
  121. <van-tab title="产品资料">
  122. <Yl_Empty wx:if="{{detail.technicalinfo.length==0}}" />
  123. <view wx:else class="document-box">
  124. <navigator class="document" url="#" wx:for="{{detail.technicalinfo}}" wx:key="index" bindtap="openDocument" data-item="{{item}}">{{item.document}}</navigator>
  125. </view>
  126. </van-tab>
  127. </van-tabs>
  128. <view style="height: 200rpx;" />
  129. <view class="cu-bar bg-white tabbar border shop footer">
  130. <navigator url="#" class="action" style="height: 100%;display: flex; flex-direction: column; align-items: center;" bindtap="toCollect">
  131. <view class="cuIcon-cart">
  132. <view class="cu-tag badge">{{badge}}</view>
  133. </view>
  134. 购物车
  135. </navigator>
  136. <picker wx:if="{{detail.tradefield.length>=2}}" range='{{detail.tradefield}}' range-key='tradefield' bindchange='storage'>
  137. <view class="bg-orange submit" bindtap="clickBut">加入购物车</view>
  138. </picker>
  139. <view wx:else class="bg-orange submit" bindtap="clickBut">加入购物车</view>
  140. </view>
  141. <wxs src="/utils/hidePrice.wxs" module="handleHide" />