detail.wxml 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  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:for="{{detail.brand}}" wx:key="sa_brandid">{{item.brandname}}</text>
  20. <text wx:for="{{detail.tradefield}}" wx:key="index">{{item.tradefield}}</text>
  21. </view>
  22. <view class="offer">
  23. <view>
  24. <text class="price">{{detail.gradeprice}}</text>
  25. </view>
  26. <text class="unit">单位/{{detail.unitname}}</text>
  27. </view>
  28. <view class="else">
  29. <text>起订量:{{detail.orderminqty}}({{detail.unitname}})</text>
  30. <text>库存:{{userrole=='经销商'?detail.stockstatus:detail.cansaleqty}}</text>
  31. </view>
  32. </view>
  33. <!-- 选择规格 -->
  34. <view class="model">
  35. <block wx:if="{{specRows.length}}">
  36. <view class="label">
  37. 规格
  38. </view>
  39. <view class="product-box">
  40. <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>
  41. </view>
  42. </block>
  43. <block wx:if="{{colorRows.length}}">
  44. <view class="label">
  45. 颜色
  46. </view>
  47. <view class="product-box">
  48. <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>
  49. </view>
  50. </block>
  51. <block wx:if="{{materialRows.length}}">
  52. <view class="label">
  53. 材质
  54. </view>
  55. <view class="product-box">
  56. <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>
  57. </view>
  58. </block>
  59. <block wx:if="{{cheekRows.length}}">
  60. <view class="label">
  61. 边框
  62. </view>
  63. <view class="product-box">
  64. <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>
  65. </view>
  66. </block>
  67. </view>
  68. <van-tabs custom-class='tabs' title-active-color='var(--assist)' color='var(--assist)'>
  69. <van-tab title="商品简介">
  70. <view class="tab-box">
  71. <view class="row">
  72. 品号:{{detail.itemno}}
  73. </view>
  74. <view class="row">
  75. 型号:{{detail.model || ' --'}}
  76. </view>
  77. </view>
  78. </van-tab>
  79. <van-tab title="产品资料">
  80. <Yl_Empty wx:if="{{detail.technicalinfo.length==0}}" />
  81. <view wx:else class="document-box">
  82. <navigator class="document" url="#" wx:for="{{detail.technicalinfo}}" wx:key="index" bindtap="openDocument" data-item="{{item}}">{{item.document}}</navigator>
  83. </view>
  84. </van-tab>
  85. </van-tabs>
  86. <!-- 底部 -->
  87. <!-- <view style=" height: 150rpx;" />
  88. <view class="footer">
  89. <picker wx:if="{{detail.tradefield.length>=2}}" range='{{detail.tradefield}}' range-key='tradefield' bindchange='storage'>
  90. <van-button custom-class='but' bindtap="clickBut">加入购物车</van-button>
  91. </picker>
  92. <van-button wx:else custom-class='but' bindtap="clickBut">加入购物车
  93. </van-button>
  94. </view> -->
  95. <view class="cu-bar bg-white tabbar border shop footer">
  96. <navigator url="#" class="action" style="height: 100%;display: flex; flex-direction: column; align-items: center;" bindtap="toCollect">
  97. <view class="cuIcon-cart">
  98. <view class="cu-tag badge">{{badge}}</view>
  99. </view>
  100. 购物车
  101. </navigator>
  102. <picker wx:if="{{detail.tradefield.length>=2}}" range='{{detail.tradefield}}' range-key='tradefield' bindchange='storage'>
  103. <view class="bg-orange submit" bindtap="clickBut">加入购物车</view>
  104. </picker>
  105. <view wx:else class="bg-orange submit" bindtap="clickBut">加入购物车</view>
  106. </view>