index.skeleton.wxml 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2023/1/2下午1:51:52
  3. 使用方法:
  4. 在 E:\云链项目\e-wechat\select\product\index.wxml 引入模板
  5. ```
  6. <import src="index.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 E:\云链项目\e-wechat\select\product\index.wxss 中引入样式
  10. ```
  11. @import "./index.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. <view is="miniprogram_npm/@vant/weapp/search/index" class="search">
  18. <view class="van-search index--van-search " style="background: #ffffff">
  19. <view class="van-search__content index--van-search__content van-search__content--round index--van-search__content--round">
  20. <view is="miniprogram_npm/@vant/weapp/field/index" class="van-search__field index--van-search__field ">
  21. <view is="miniprogram_npm/@vant/weapp/cell/index">
  22. <view class="field-index--van-field van-cell cell-index--van-cell van-cell--borderless cell-index--van-cell--borderless sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="padding: 5px 10px 5px 0; background-color: transparent;">
  23. <view is="miniprogram_npm/@vant/weapp/icon/index" class="van-cell__left-icon-wrap cell-index--van-cell__left-icon-wrap">
  24. <view class="cell-index--van-cell__left-icon van-icon icon-index--van-icon van-icon-search icon-index--van-icon-search sk-pseudo sk-pseudo-circle" style="true"></view>
  25. </view>
  26. <view class="van-cell__value cell-index--van-cell__value ">
  27. <view class="van-field__body field-index--van-field__body van-field__body--search field-index--van-field__body--search">
  28. <view class="van-field__control field-index--van-field__control sk-image" cursor="-1" maxlength="-1" placeholder="{{language['关键字']||'请输入搜索关键词'}}" placeholder-class="van-field__placeholder" placeholder-style="true" selection-end="-1" selection-start="-1" type="search"
  29. value="true"></view>
  30. </view>
  31. </view>
  32. </view>
  33. </view>
  34. </view>
  35. </view>
  36. </view>
  37. </view>
  38. <view class="total sk-transparent sk-text-30-0000-532 sk-text">共6个</view>
  39. <view is="components/Yl_ListBox/index" id="ListBox">
  40. <scroll-view scroll-y="true" class="ListBox-index--scroll-view" refresher-enabled="true" style="height: 640px;">
  41. <navigator class="setclient-list-item" data-id="4">
  42. <view class="mian">
  43. <view is="miniprogram_npm/@vant/weapp/checkbox/index">
  44. <view class="van-checkbox checkbox-index--van-checkbox ">
  45. <view class="van-checkbox__icon-wrap checkbox-index--van-checkbox__icon-wrap">
  46. <view is="miniprogram_npm/@vant/weapp/icon/index" class="van-checkbox__icon checkbox-index--van-checkbox__icon van-checkbox__icon--square checkbox-index--van-checkbox__icon--square" style="font-size:14px">
  47. <view class="van-icon icon-index--van-icon van-icon-success icon-index--van-icon-success sk-pseudo sk-pseudo-circle" style="font-size:0.8em;line-height: 1.25em;"></view>
  48. </view>
  49. </view>
  50. <view class=" van-checkbox__label checkbox-index--van-checkbox__label van-checkbox__label--right checkbox-index--van-checkbox__label--right"></view>
  51. </view>
  52. </view>
  53. <view class="img" data-file="[object Object],[object Object]">
  54. <view is="miniprogram_npm/@vant/weapp/image/index">
  55. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  56. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  57. </view>
  58. </view>
  59. </view>
  60. <view class="dec">
  61. <view class="title line-1 sk-transparent sk-text-15-0000-251 sk-text">
  62. 暖通复合管
  63. </view>
  64. <view class="subfield line-1 sk-transparent">
  65. <text class="sk-transparent sk-text-14-7059-38 sk-text">品牌:</text> 产品类别:
  66. </view>
  67. <view class="price line-1 sk-transparent">
  68. 牌价:
  69. <text class="num sk-transparent sk-opacity">¥</text>
  70. <text class="sk-transparent sk-opacity">/</text>
  71. </view>
  72. </view>
  73. </view>
  74. <view class="bot">
  75. <text class="sk-transparent sk-text-33-3333-214 sk-text">型号:DN20</text>
  76. <text class="sk-transparent sk-text-33-3333-42 sk-text">规格: --</text>
  77. </view>
  78. </navigator>
  79. <navigator class="setclient-list-item" data-id="125">
  80. <view class="mian">
  81. <view is="miniprogram_npm/@vant/weapp/checkbox/index">
  82. <view class="van-checkbox checkbox-index--van-checkbox ">
  83. <view class="van-checkbox__icon-wrap checkbox-index--van-checkbox__icon-wrap">
  84. <view is="miniprogram_npm/@vant/weapp/icon/index" class="van-checkbox__icon checkbox-index--van-checkbox__icon van-checkbox__icon--square checkbox-index--van-checkbox__icon--square" style="font-size:14px">
  85. <view class="van-icon icon-index--van-icon van-icon-success icon-index--van-icon-success sk-pseudo sk-pseudo-circle" style="font-size:0.8em;line-height: 1.25em;"></view>
  86. </view>
  87. </view>
  88. <view class=" van-checkbox__label checkbox-index--van-checkbox__label van-checkbox__label--right checkbox-index--van-checkbox__label--right"></view>
  89. </view>
  90. </view>
  91. <view class="img" data-file="[object Object]">
  92. <view is="miniprogram_npm/@vant/weapp/image/index">
  93. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  94. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  95. </view>
  96. </view>
  97. </view>
  98. <view class="dec">
  99. <view class="title line-1 sk-transparent sk-text-15-0000-814 sk-text">
  100. 紫铜管
  101. </view>
  102. <view class="subfield line-1 sk-transparent">
  103. <text class="sk-transparent sk-text-14-7059-709 sk-text">品牌:</text> 产品类别:
  104. </view>
  105. <view class="price line-1 sk-transparent">
  106. 牌价:
  107. <text class="num sk-transparent sk-opacity">¥</text>
  108. <text class="sk-transparent sk-opacity">/</text>
  109. </view>
  110. </view>
  111. </view>
  112. <view class="bot">
  113. <text class="sk-transparent sk-text-33-3333-429 sk-text">型号:QRDR-BRID-1100</text>
  114. <text class="sk-transparent sk-text-33-3333-149 sk-text">规格: --</text>
  115. </view>
  116. </navigator>
  117. <navigator class="setclient-list-item" data-id="8">
  118. <view class="mian">
  119. <view is="miniprogram_npm/@vant/weapp/checkbox/index">
  120. <view class="van-checkbox checkbox-index--van-checkbox ">
  121. <view class="van-checkbox__icon-wrap checkbox-index--van-checkbox__icon-wrap">
  122. <view is="miniprogram_npm/@vant/weapp/icon/index" class="van-checkbox__icon checkbox-index--van-checkbox__icon van-checkbox__icon--square checkbox-index--van-checkbox__icon--square" style="font-size:14px">
  123. <view class="van-icon icon-index--van-icon van-icon-success icon-index--van-icon-success sk-pseudo sk-pseudo-circle" style="font-size:0.8em;line-height: 1.25em;"></view>
  124. </view>
  125. </view>
  126. <view class=" van-checkbox__label checkbox-index--van-checkbox__label van-checkbox__label--right checkbox-index--van-checkbox__label--right"></view>
  127. </view>
  128. </view>
  129. <view class="img" data-file="[object Object]">
  130. <view is="miniprogram_npm/@vant/weapp/image/index">
  131. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  132. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  133. </view>
  134. </view>
  135. </view>
  136. <view class="dec">
  137. <view class="title line-1 sk-transparent sk-text-15-0000-145 sk-text">
  138. 紫铜覆塑管
  139. </view>
  140. <view class="subfield line-1 sk-transparent">
  141. <text class="sk-transparent sk-text-14-7059-436 sk-text">品牌:</text> 产品类别:
  142. </view>
  143. <view class="price line-1 sk-transparent">
  144. 牌价:
  145. <text class="num sk-transparent sk-opacity">¥</text>
  146. <text class="sk-transparent sk-opacity">/</text>
  147. </view>
  148. </view>
  149. </view>
  150. <view class="bot">
  151. <text class="sk-transparent sk-text-33-3333-902 sk-text">型号:CMCULP</text>
  152. <text class="sk-transparent sk-text-33-3333-263 sk-text">规格: --</text>
  153. </view>
  154. </navigator>
  155. <navigator class="setclient-list-item" data-id="7">
  156. <view class="mian">
  157. <view is="miniprogram_npm/@vant/weapp/checkbox/index">
  158. <view class="van-checkbox checkbox-index--van-checkbox ">
  159. <view class="van-checkbox__icon-wrap checkbox-index--van-checkbox__icon-wrap">
  160. <view is="miniprogram_npm/@vant/weapp/icon/index" class="van-checkbox__icon checkbox-index--van-checkbox__icon van-checkbox__icon--square checkbox-index--van-checkbox__icon--square" style="font-size:14px">
  161. <view class="van-icon icon-index--van-icon van-icon-success icon-index--van-icon-success sk-pseudo sk-pseudo-circle" style="font-size:0.8em;line-height: 1.25em;"></view>
  162. </view>
  163. </view>
  164. <view class=" van-checkbox__label checkbox-index--van-checkbox__label van-checkbox__label--right checkbox-index--van-checkbox__label--right"></view>
  165. </view>
  166. </view>
  167. <view class="img" data-file="[object Object]">
  168. <view is="miniprogram_npm/@vant/weapp/image/index">
  169. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  170. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  171. </view>
  172. </view>
  173. </view>
  174. <view class="dec">
  175. <view class="title line-1 sk-transparent sk-text-15-0000-32 sk-text">
  176. 铜本色等径直通
  177. </view>
  178. <view class="subfield line-1 sk-transparent">
  179. <text class="sk-transparent sk-text-14-7059-663 sk-text">品牌:</text> 产品类别:
  180. </view>
  181. <view class="price line-1 sk-transparent">
  182. 牌价:
  183. <text class="num sk-transparent sk-opacity">¥</text>
  184. <text class="sk-transparent sk-opacity">/</text>
  185. </view>
  186. </view>
  187. </view>
  188. <view class="bot">
  189. <text class="sk-transparent sk-text-33-3333-699 sk-text">型号:BM8270</text>
  190. <text class="sk-transparent sk-text-33-3333-817 sk-text">规格: --</text>
  191. </view>
  192. </navigator>
  193. <navigator class="setclient-list-item" data-id="38">
  194. <view class="mian">
  195. <view is="miniprogram_npm/@vant/weapp/checkbox/index">
  196. <view class="van-checkbox checkbox-index--van-checkbox ">
  197. <view class="van-checkbox__icon-wrap checkbox-index--van-checkbox__icon-wrap">
  198. <view is="miniprogram_npm/@vant/weapp/icon/index" class="van-checkbox__icon checkbox-index--van-checkbox__icon van-checkbox__icon--square checkbox-index--van-checkbox__icon--square" style="font-size:14px">
  199. <view class="van-icon icon-index--van-icon van-icon-success icon-index--van-icon-success sk-pseudo sk-pseudo-circle" style="font-size:0.8em;line-height: 1.25em;"></view>
  200. </view>
  201. </view>
  202. <view class=" van-checkbox__label checkbox-index--van-checkbox__label van-checkbox__label--right checkbox-index--van-checkbox__label--right"></view>
  203. </view>
  204. </view>
  205. <view class="img" data-file="[object Object]">
  206. <view is="miniprogram_npm/@vant/weapp/image/index">
  207. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  208. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  209. </view>
  210. </view>
  211. </view>
  212. <view class="dec">
  213. <view class="title line-1 sk-transparent sk-text-15-0000-428 sk-text">
  214. 变频节压器
  215. </view>
  216. <view class="subfield line-1 sk-transparent">
  217. <text class="sk-transparent sk-text-14-7059-892 sk-text">品牌:</text> 产品类别:
  218. </view>
  219. <view class="price line-1 sk-transparent">
  220. 牌价:
  221. <text class="num sk-transparent sk-opacity">¥</text>
  222. <text class="sk-transparent sk-opacity">/</text>
  223. </view>
  224. </view>
  225. </view>
  226. <view class="bot">
  227. <text class="sk-transparent sk-text-33-3333-449 sk-text">型号:S</text>
  228. <text class="sk-transparent sk-text-33-3333-954 sk-text">规格: --</text>
  229. </view>
  230. </navigator>
  231. </scroll-view>
  232. </view>
  233. <view class="footer">
  234. <view class="count sk-transparent sk-text-14-2857-829 sk-text">
  235. {{language['已选']||'已选'}}:0
  236. </view>
  237. <view is="miniprogram_npm/@vant/weapp/button/index">
  238. <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 van-button--disabled button-index--van-button--disabled van-button--unclickable button-index--van-button--unclickable sk-button sk-pseudo sk-pseudo-circle"
  239. data-detail="null" form-type="true" hover-class="true" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
  240. <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-706 sk-text" style="background-position-x: 50%;">{{language['确定']||'确定'}}</view>
  241. </button>
  242. </view>
  243. </view>
  244. </view>
  245. </template>