detail.skeleton.wxml 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2023/1/16上午10:32:27
  3. 使用方法:
  4. 在 E:\云链项目\e-wechat\packageA\activity\detail.wxml 引入模板
  5. ```
  6. <import src="detail.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 E:\云链项目\e-wechat\packageA\activity\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: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-923 sk-text">
  28. 1111
  29. </view>
  30. <view class="tags">
  31. <text class="sk-transparent sk-text-22-2222-317 sk-text">打包促销</text>
  32. <text class="sk-transparent sk-text-22-2222-709 sk-text">班尼戈</text>
  33. <text class="sk-transparent sk-text-22-2222-31 sk-text">燃气</text>
  34. </view>
  35. <view class="exp sk-transparent sk-text-14-7059-184 sk-text">活动周期:2023-01-10 00:00:00</view>
  36. <view class="exp sk-transparent sk-text-14-7059-287 sk-text">{{language['结束时间']||'结束时间'}}:2023-01-19 00:00:00</view>
  37. <view class="exp sk-transparent sk-text-14-7059-24 sk-text">活动说明: --</view>
  38. </view>
  39. <view class="product-list">
  40. <view class="label sk-transparent sk-text-34-4444-671 sk-text">
  41. 商品列表
  42. </view>
  43. <navigator class="setclient-list-item" data-file="[object Object]">
  44. <view class="mian">
  45. <view class="img">
  46. <view is="miniprogram_npm/@vant/weapp/image/index">
  47. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  48. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  49. </view>
  50. </view>
  51. </view>
  52. <view class="dec">
  53. <view class="title line-1 sk-transparent sk-text-15-0000-74 sk-text">
  54. 铜本色等径直通
  55. </view>
  56. <view class="subfield line-1 sk-transparent sk-text-14-7059-396 sk-text">
  57. 产品编号:BM8270 0150000
  58. </view>
  59. <view class="subfield line-1">
  60. <text style="margin-right: 7px;" class="sk-transparent sk-text-14-7059-91 sk-text">型号:BM8270</text>
  61. <text class="sk-transparent sk-text-14-7059-457 sk-text">规格:44*71</text>
  62. </view>
  63. <view class="price line-1 sk-transparent">
  64. 价格:
  65. <text class="num sk-transparent sk-text-15-0000-135 sk-text">¥2.56元</text>
  66. <text style="text-decoration: line-through transparent; color: rgb(153, 153, 153);" class="sk-transparent sk-text-20-0000-572 sk-text">/800.02元</text>
  67. </view>
  68. </view>
  69. </view>
  70. </navigator>
  71. <navigator class="setclient-list-item" data-file="[object Object]">
  72. <view class="mian">
  73. <view class="img">
  74. <view is="miniprogram_npm/@vant/weapp/image/index">
  75. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  76. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  77. </view>
  78. </view>
  79. </view>
  80. <view class="dec">
  81. <view class="title line-1 sk-transparent sk-text-15-0000-36 sk-text">
  82. 铜本色等径直通
  83. </view>
  84. <view class="subfield line-1 sk-transparent sk-text-14-7059-887 sk-text">
  85. 产品编号:BM8270 0150000
  86. </view>
  87. <view class="subfield line-1">
  88. <text style="margin-right: 7px;" class="sk-transparent sk-text-14-7059-309 sk-text">型号:BM8270</text>
  89. <text class="sk-transparent sk-text-14-7059-914 sk-text">规格:44*71</text>
  90. </view>
  91. <view class="price line-1 sk-transparent">
  92. 价格:
  93. <text class="num sk-transparent sk-text-15-0000-305 sk-text">¥25.60064元</text>
  94. <text style="text-decoration: line-through transparent; color: rgb(153, 153, 153);" class="sk-transparent sk-text-20-0000-21 sk-text">/800.02元</text>
  95. </view>
  96. </view>
  97. </view>
  98. </navigator>
  99. <navigator class="setclient-list-item" data-file="[object Object],[object Object]">
  100. <view class="mian">
  101. <view class="img">
  102. <view is="miniprogram_npm/@vant/weapp/image/index">
  103. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  104. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  105. </view>
  106. </view>
  107. </view>
  108. <view class="dec">
  109. <view class="title line-1 sk-transparent sk-text-15-0000-482 sk-text">
  110. 暖通复合管
  111. </view>
  112. <view class="subfield line-1 sk-transparent sk-text-14-7059-312 sk-text">
  113. 产品编号:NBNTO-28571530003
  114. </view>
  115. <view class="subfield line-1">
  116. <text style="margin-right: 7px;" class="sk-transparent sk-text-14-7059-887 sk-text">型号:DN20</text>
  117. <text class="sk-transparent sk-text-14-7059-152 sk-text">规格:22 * 1.5</text>
  118. </view>
  119. <view class="price line-1 sk-transparent">
  120. 价格:
  121. <text class="num sk-transparent sk-text-15-0000-145 sk-text">¥90.036元</text>
  122. <text style="text-decoration: line-through transparent; color: rgb(153, 153, 153);" class="sk-transparent sk-text-20-0000-538 sk-text">/900.36元</text>
  123. </view>
  124. </view>
  125. </view>
  126. </navigator>
  127. <navigator class="setclient-list-item" data-file="[object Object]">
  128. <view class="mian">
  129. <view class="img">
  130. <view is="miniprogram_npm/@vant/weapp/image/index"></view>
  131. </view>
  132. <view class="dec">
  133. <view class="title line-1 sk-transparent sk-text-15-0000-79 sk-text">
  134. 铜本色等径直通
  135. </view>
  136. </view>
  137. </view>
  138. </navigator>
  139. </view>
  140. <view class="footer">
  141. <view is="miniprogram_npm/@vant/weapp/button/index">
  142. <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"
  143. 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">
  144. <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-203 sk-text" style="background-position-x: 50%;">{{language['去下单']||'去下单'}}</view>
  145. </button>
  146. </view>
  147. </view>
  148. </view>
  149. </template>