detail.skeleton.wxml 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2022/12/23下午4:01:20
  3. 使用方法:
  4. 在 E:\云链项目\e-wechat\packageA\market\detail.wxml 引入模板
  5. ```
  6. <import src="detail.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 E:\云链项目\e-wechat\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 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:232px">
  21. <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
  22. </view>
  23. </view>
  24. </swiper-item>
  25. </swiper>
  26. <view class="intr">
  27. <view class="title sk-transparent sk-text-14-2857-745 sk-text">
  28. 是的防守打法adfaouqowidkjasfhioaushfauifdf23405982日维护及or和93亖2噢4好3423423423sefsdfsaf发文安慰3千3
  29. </view>
  30. <view class="tags">
  31. <text class="sk-transparent sk-text-22-2222-319 sk-text">班尼戈</text>
  32. <text class="sk-transparent sk-text-22-2222-238 sk-text">水务</text>
  33. </view>
  34. <view class="offer">
  35. <view>
  36. <text class="price sk-transparent sk-text-14-2857-491 sk-text">¥2587.12</text>
  37. <text class="old-price sk-transparent sk-text-14-2857-814 sk-text" style="text-decoration-color: transparent;">¥3587.12</text>
  38. </view>
  39. <text class="unit sk-transparent sk-text-14-2857-438 sk-text">单位/根</text>
  40. </view>
  41. <view class="else">
  42. <text class="sk-transparent sk-text-14-7059-887 sk-text">起订量:10</text>
  43. <text class="sk-transparent sk-text-14-7059-57 sk-text">库存:1200 紧缺</text>
  44. </view>
  45. </view>
  46. <view class="model">
  47. <view class="label sk-transparent sk-text-34-4444-172 sk-text">
  48. 选择商品
  49. </view>
  50. <view class="product-box">
  51. <navigator class="product active sk-transparent sk-text-26-6667-752 sk-text">22X1.2mmX2.50</navigator>
  52. <navigator class="product sk-transparent sk-text-26-6667-108 sk-text">22X1.2mmX2.51</navigator>
  53. <navigator class="product sk-transparent sk-text-26-6667-361 sk-text">22X1.2mmX2.52</navigator>
  54. <navigator class="product sk-transparent sk-text-26-6667-445 sk-text">22X1.2mmX2.53</navigator>
  55. <navigator class="product sk-transparent sk-text-26-6667-283 sk-text">22X1.2mmX2.54</navigator>
  56. </view>
  57. </view>
  58. <view is="miniprogram_npm/@vant/weapp/tabs/index">
  59. <view class="tabs van-tabs tabs-index--van-tabs van-tabs--line tabs-index--van-tabs--line">
  60. <view is="miniprogram_npm/@vant/weapp/sticky/index">
  61. <view class=" van-sticky sticky-index--van-sticky" style="z-index:1">
  62. <view class="van-sticky-wrap sticky-index--van-sticky-wrap" style="z-index:1">
  63. <view class="van-tabs__wrap tabs-index--van-tabs__wrap ">
  64. <scroll-view class="van-tabs__scroll tabs-index--van-tabs__scroll van-tabs__scroll--line tabs-index--van-tabs__scroll--line" scroll-left="0" style="border-color: var(--assist)">
  65. <view class="van-tabs__nav tabs-index--van-tabs__nav van-tabs__nav--line tabs-index--van-tabs__nav--line " style="true">
  66. <view class="van-tabs__line tabs-index--van-tabs__line" style="width:40px;opacity:1;transform:translateX(73.83333587646484px);-webkit-transform:translateX(73.83333587646484px);background-color:var(--assist);transition-duration:0.3s;-webkit-transition-duration:0.3s"></view>
  67. <view class=" van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab van-tab--active tabs-index--van-tab--active" data-index="0" style="color:var(--assist)">
  68. <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-657 sk-text" style="background-position-x: 50%;">
  69. 商品简介
  70. </view>
  71. </view>
  72. <view class=" van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab" data-index="1" style="true">
  73. <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-954 sk-text" style="background-position-x: 50%;">
  74. 产品资料
  75. </view>
  76. </view>
  77. </view>
  78. </scroll-view>
  79. </view>
  80. </view>
  81. </view>
  82. </view>
  83. <view class="van-tabs__content tabs-index--van-tabs__content">
  84. <view class="van-tabs__track tabs-index--van-tabs__track van-tabs__track tabs-index--van-tabs__track" style="true">
  85. <view is="miniprogram_npm/@vant/weapp/tab/index">
  86. <view class=" van-tab__pane tab-index--van-tab__pane van-tab__pane--active tab-index--van-tab__pane--active" style="true">
  87. <view class="tab-box">
  88. <view class="row sk-transparent sk-text-15-0000-737 sk-text">
  89. 商品编号:CMCULP 0220001
  90. </view>
  91. <view class="row sk-transparent sk-text-15-0000-573 sk-text">
  92. 规格:22x1.2mmx2.5
  93. </view>
  94. <view class="row sk-transparent sk-text-15-0000-780 sk-text">
  95. 型号:—
  96. </view>
  97. </view>
  98. </view>
  99. </view>
  100. </view>
  101. </view>
  102. </view>
  103. </view>
  104. <view class="footer">
  105. <view is="miniprogram_npm/@vant/weapp/button/index">
  106. <button app-parameter="true" business-id="true" class="but van-button button-index--van-button van-button--default button-index--van-button--default van-button--normal button-index--van-button--normal sk-button sk-pseudo sk-pseudo-circle" data-detail="null"
  107. form-type="true" hover-class="van-button--active hover-class" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
  108. <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-518 sk-text" style="background-position-x: 50%;">{{language['加入购物车']||'加入购物车'}}</view>
  109. </button>
  110. </view>
  111. </view>
  112. </view>
  113. </template>