detail.skeleton.wxml 6.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2023/10/30下午1:29:29
  3. 使用方法:
  4. 在 D:\开发项目\区域经理端E订单\packageA\market\detail.wxml 引入模板
  5. ```
  6. <import src="detail.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 D:\开发项目\区域经理端E订单\packageA\market\detail.wxss 中引入样式
  10. ```
  11. @import "./detail.skeleton.wxss";
  12. ```
  13. 更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
  14. -->
  15. <template name="skeleton">
  16. <view class="sk-container">
  17. <swiper circular="true" indicator-dots="true" indicator-active-color="#333" current="0" autoplay="false">
  18. <swiper-item data-index="0" data-type="image" style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
  19. <view is="miniprogram_npm/@vant/weapp/image/index">
  20. <view class=" van-image image-index--van-image" style="width:100vw;height:241px">
  21. <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFit" lazy-load="true"></image>
  22. </view>
  23. </view>
  24. </swiper-item>
  25. </swiper>
  26. <view class="intr">
  27. <view class="title sk-transparent">
  28. 纤维大板帝王世家(2.8米)
  29. <view is="miniprogram_npm/@vant/weapp/tag/index">
  30. <view class=" van-tag tag-index--van-tag van-tag--warning tag-index--van-tag--warning" style="true"></view>
  31. </view>
  32. </view>
  33. <view class="tags">
  34. <text class="sk-transparent sk-text-22-2222-997 sk-text">来斯奥</text>
  35. <text class="sk-transparent sk-text-22-2222-637 sk-text">建材家居</text>
  36. </view>
  37. <view class="offer">
  38. <view>
  39. <text class="price sk-transparent sk-text-14-2857-208 sk-text">¥409.89</text>
  40. </view>
  41. <text class="unit sk-transparent sk-text-14-2857-404 sk-text">单位/片</text>
  42. </view>
  43. <view class="else">
  44. <text class="sk-transparent sk-text-14-7059-360 sk-text">起订量:1</text>
  45. <text class="sk-transparent sk-text-14-7059-926 sk-text">增量:1</text>
  46. <text class="sk-transparent sk-text-14-7059-882 sk-text">包装数量:1</text>
  47. </view>
  48. </view>
  49. <view class="model">
  50. <view class="label sk-transparent sk-text-14-2857-328 sk-text">
  51. 基材
  52. </view>
  53. <view class="product-box">
  54. <navigator class="product active sk-transparent sk-text-27-4194-980 sk-text" data-value="[object Object]" data-valuename="material">纤维大板</navigator>
  55. <navigator class="product disabled sk-transparent sk-text-27-4194-114 sk-text" data-value="[object Object]" data-valuename="material">双层蜂香板</navigator>
  56. <navigator class="product disabled sk-transparent sk-text-27-4194-532 sk-text" data-value="[object Object]" data-valuename="material">单层蜂香板</navigator>
  57. <navigator class="product disabled sk-transparent sk-text-27-4194-948 sk-text" data-value="[object Object]" data-valuename="material">U+880</navigator>
  58. <navigator class="product disabled sk-transparent sk-text-27-4194-206 sk-text" data-value="[object Object]" data-valuename="material">A+600公母槽</navigator>
  59. </view>
  60. <view class="label sk-transparent sk-text-14-2857-338 sk-text">
  61. 颜色
  62. </view>
  63. <view class="product-box">
  64. <navigator class="product sk-transparent sk-text-27-4194-672 sk-text" data-value="[object Object]" data-valuename="color">黑金乔木</navigator>
  65. <navigator class="product sk-transparent sk-text-27-4194-101 sk-text" data-value="[object Object]" data-valuename="color">莱茵白</navigator>
  66. <navigator class="product sk-transparent sk-text-27-4194-301 sk-text" data-value="[object Object]" data-valuename="color">花火菲丝古</navigator>
  67. <navigator class="product sk-transparent sk-text-27-4194-654 sk-text" data-value="[object Object]" data-valuename="color">花梨木</navigator>
  68. <navigator class="product sk-transparent sk-text-27-4194-118 sk-text" data-value="[object Object]" data-valuename="color">深棕木</navigator>
  69. <navigator class="product sk-transparent sk-text-27-4194-737 sk-text" data-value="[object Object]" data-valuename="color">浅棕木</navigator>
  70. <navigator class="product sk-transparent sk-text-27-4194-290 sk-text" data-value="[object Object]" data-valuename="color">法国榉木</navigator>
  71. <navigator class="product sk-transparent sk-text-27-4194-849 sk-text" data-value="[object Object]" data-valuename="color">欧派特丽</navigator>
  72. <navigator class="product active sk-transparent sk-text-27-4194-738 sk-text" data-value="[object Object]" data-valuename="color">帝王世家</navigator>
  73. <navigator class="product sk-transparent sk-text-27-4194-24 sk-text" data-value="[object Object]" data-valuename="color">巴西黄檀</navigator>
  74. <navigator class="product sk-transparent sk-text-27-4194-729 sk-text" data-value="[object Object]" data-valuename="color">丽芙柚木</navigator>
  75. </view>
  76. <view class="label sk-transparent sk-text-14-2857-319 sk-text">
  77. 尺寸
  78. </view>
  79. <view class="product-box">
  80. <navigator class="product sk-transparent sk-text-27-4194-606 sk-text" data-value="[object Object]" data-valuename="spec">1200×2440</navigator>
  81. <navigator class="product active sk-transparent sk-text-27-4194-589 sk-text" data-value="[object Object]" data-valuename="spec">1200×2800</navigator>
  82. <navigator class="product disabled sk-transparent sk-text-27-4194-778 sk-text" data-value="[object Object]" data-valuename="spec">585×2600</navigator>
  83. <navigator class="product disabled sk-transparent sk-text-27-4194-307 sk-text" data-value="[object Object]" data-valuename="spec">600×2600</navigator>
  84. <navigator class="product disabled sk-transparent sk-text-27-4194-988 sk-text" data-value="[object Object]" data-valuename="spec">600×2800</navigator>
  85. <navigator class="product disabled sk-transparent sk-text-27-4194-724 sk-text" data-value="[object Object]" data-valuename="spec">600×3000</navigator>
  86. <navigator class="product disabled" data-value="[object Object]" data-valuename="spec"></navigator>
  87. <navigator class="product disabled" data-value="[object Object]" data-valuename="spec"></navigator>
  88. </view>
  89. </view>
  90. </view>
  91. </template>