index.skeleton.wxml 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2023/6/9上午10:37:35
  3. 使用方法:
  4. 在 D:\开发项目\YOS_wechat\packageA\project\index.wxml 引入模板
  5. ```
  6. <import src="index.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 D:\开发项目\YOS_wechat\packageA\project\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="components/Yl_nav/index">
  18. <view class="Yl_nav_box nav-index--Yl_nav_box">
  19. <view class="mian nav-index--mian">
  20. <navigator class="item nav-index--item" data-item="[object Object]" style="width: ;">
  21. <text class="iconfont nav-index--iconfont icon-webxialaxuanxiangjiantou nav-index--icon-webxialaxuanxiangjiantou sk-pseudo sk-pseudo-circle" style="color: ;"></text>
  22. <text class="label nav-index--label sk-transparent sk-text-34-4444-509 sk-text" style="background-position-x: 50%;">站点全部</text>
  23. </navigator>
  24. <navigator class="item nav-index--item" data-item="[object Object]" style="width: ;">
  25. <text class="iconfont nav-index--iconfont icon-jiangxu1 nav-index--icon-jiangxu1 sk-pseudo sk-pseudo-circle" style="color: ;"></text>
  26. <text class="label nav-index--label sk-transparent sk-text-34-4444-831 sk-text" style="background-position-x: 50%;">排序</text>
  27. </navigator>
  28. <navigator class="item nav-index--item" data-item="[object Object]" style="width: ;">
  29. <text class="iconfont nav-index--iconfont icon-shaixuan nav-index--icon-shaixuan sk-pseudo sk-pseudo-circle" style="color: ;"></text>
  30. <text class="label nav-index--label sk-transparent sk-text-34-4444-866 sk-text" style="background-position-x: 50%;">筛选</text>
  31. </navigator>
  32. </view>
  33. <navigator class="search nav-index--search">
  34. <text class="iconfont nav-index--iconfont icon-a-sousuolansousuo nav-index--icon-a-sousuolansousuo sk-pseudo sk-pseudo-circle" style="color: ;"></text>
  35. </navigator>
  36. </view>
  37. <view is="miniprogram_npm/@vant/weapp/transition/index"></view>
  38. <view is="miniprogram_npm/@vant/weapp/popup/index">
  39. <view is="miniprogram_npm/@vant/weapp/overlay/index">
  40. <view is="miniprogram_npm/@vant/weapp/transition/index"></view>
  41. </view>
  42. </view>
  43. </view>
  44. <view is="miniprogram_npm/@vant/weapp/action-sheet/index">
  45. <view is="miniprogram_npm/@vant/weapp/popup/index">
  46. <view is="miniprogram_npm/@vant/weapp/overlay/index">
  47. <view is="miniprogram_npm/@vant/weapp/transition/index"></view>
  48. </view>
  49. </view>
  50. </view>
  51. <view class="total sk-transparent sk-text-31-2500-58 sk-text">共71个</view>
  52. <view is="components/Yl_ListBox/index" id="ListBox">
  53. <scroll-view scroll-y="true" class="ListBox-index--scroll-view" lower-threshold="300" refresher-enabled="true" style="height: 646px;">
  54. <view is="packageA/project/modules/list/index">
  55. <navigator class="list-index--project-item">
  56. <view class="list-index--chart">
  57. <view class="list-index--circle">
  58. <view class="list-index--circle_left list-index--ab" style="true"></view>
  59. <view class="list-index--circle_right list-index--ab" style="transform: rotate(45deg);"></view>
  60. <view class="list-index--circle_text">
  61. <text class="list-index--value sk-transparent sk-opacity">1/8</text>
  62. <text class="list-index--name sk-transparent sk-text-14-2857-497 sk-text">阶段进度</text>
  63. </view>
  64. </view>
  65. </view>
  66. <view class="list-index--main">
  67. <view class="list-index--label">
  68. <view class="list-index--title list-index--line-1 sk-transparent sk-text-14-2857-477 sk-text">12</view>
  69. <view class="list-index--state sk-transparent sk-text-20-0000-100 sk-text" style="background-color: rgb(56, 116, 246); background-position-x: 50%;">跟进中</view>
  70. </view>
  71. <view class="list-index--tag-box">
  72. <view class="list-index--systemtag sk-transparent sk-text-14-2857-266 sk-text">直销</view>
  73. </view>
  74. <view class="list-index--replenish">
  75. <text style="color: #666;" class="sk-transparent sk-text-14-2857-233 sk-text">项目编号:</text>
  76. <text class="sk-transparent sk-text-14-2857-484 sk-text">SP202306080004</text>
  77. </view>
  78. <view class="list-index--replenish">
  79. <text style="color: #666; flex-shrink: 0;" class="sk-transparent sk-text-14-2857-433 sk-text">项目地址:</text>
  80. <text class="list-index--line-1 sk-transparent sk-text-14-2857-32 sk-text" style="width: 240px;">天津市天津市河西区</text>
  81. </view>
  82. <view class="list-index--replenish">
  83. <text style="color: #666;" class="sk-transparent sk-text-14-2857-421 sk-text">项目类型:</text>
  84. <text class="sk-transparent sk-text-14-2857-29 sk-text">商建</text>
  85. </view>
  86. <view class="list-index--replenish">
  87. <text style="color: #666;" class="sk-transparent sk-text-14-2857-49 sk-text">项目等级:</text>
  88. <text class="sk-transparent sk-opacity">--</text>
  89. </view>
  90. <view class="list-index--leader">
  91. <view class="sk-transparent sk-text-26-6667-61 sk-text" style="background-position-x: 50%;">夏</view>
  92. </view>
  93. </view>
  94. </navigator>
  95. <navigator class="list-index--project-item">
  96. <view class="list-index--chart">
  97. <view class="list-index--circle">
  98. <view class="list-index--circle_left list-index--ab" style="transform: rotate(0deg);"></view>
  99. <view class="list-index--circle_right list-index--ab" style="transform: rotate(0);border-color: var(--assist);"></view>
  100. <view class="list-index--circle_text">
  101. <text class="list-index--value sk-transparent sk-opacity">4/8</text>
  102. <text class="list-index--name sk-transparent sk-text-14-2857-418 sk-text">阶段进度</text>
  103. </view>
  104. </view>
  105. </view>
  106. <view class="list-index--main">
  107. <view class="list-index--label">
  108. <view class="list-index--title list-index--line-1 sk-transparent sk-text-14-2857-615 sk-text">1111</view>
  109. <view class="list-index--state sk-transparent sk-text-20-0000-607 sk-text" style="background-color: rgb(56, 116, 246); background-position-x: 50%;">跟进中</view>
  110. </view>
  111. <view class="list-index--tag-box">
  112. <view class="list-index--systemtag sk-transparent sk-text-14-2857-402 sk-text">直销</view>
  113. </view>
  114. <view class="list-index--replenish">
  115. <text style="color: #666;" class="sk-transparent sk-text-14-2857-769 sk-text">项目编号:</text>
  116. <text class="sk-transparent sk-text-14-2857-242 sk-text">SP202306080002</text>
  117. </view>
  118. <view class="list-index--replenish">
  119. <text style="color: #666; flex-shrink: 0;" class="sk-transparent sk-text-14-2857-396 sk-text">项目地址:</text>
  120. <text class="list-index--line-1 sk-transparent sk-text-14-2857-451 sk-text" style="width: 240px;">北京市北京市西城区</text>
  121. </view>
  122. <view class="list-index--replenish">
  123. <text style="color: #666;" class="sk-transparent sk-text-14-2857-906 sk-text">项目类型:</text>
  124. <text class="sk-transparent sk-text-14-2857-42 sk-text">公建</text>
  125. </view>
  126. <view class="list-index--replenish">
  127. <text style="color: #666;" class="sk-transparent sk-text-14-2857-161 sk-text">项目等级:</text>
  128. <text class="sk-transparent sk-opacity">--</text>
  129. </view>
  130. <view class="list-index--leader">
  131. <view class="sk-transparent sk-text-26-6667-952 sk-text" style="background-position-x: 50%;">缪</view>
  132. </view>
  133. </view>
  134. </navigator>
  135. <navigator class="list-index--project-item">
  136. <view class="list-index--chart">
  137. <view class="list-index--circle">
  138. <view class="list-index--circle_left list-index--ab" style="true"></view>
  139. <view class="list-index--circle_right list-index--ab" style="transform: rotate(45deg);"></view>
  140. <view class="list-index--circle_text">
  141. <text class="list-index--value sk-transparent sk-opacity">1/8</text>
  142. <text class="list-index--name sk-transparent sk-text-14-2857-401 sk-text">阶段进度</text>
  143. </view>
  144. </view>
  145. </view>
  146. <view class="list-index--main">
  147. <view class="list-index--label">
  148. <view class="list-index--title list-index--line-1 sk-transparent sk-text-14-2857-577 sk-text">1测试</view>
  149. <view class="list-index--state sk-transparent sk-text-20-0000-12 sk-text" style="background-color: rgb(56, 116, 246); background-position-x: 50%;">跟进中</view>
  150. </view>
  151. <view class="list-index--tag-box">
  152. <view class="list-index--systemtag sk-transparent sk-text-14-2857-442 sk-text">直销</view>
  153. </view>
  154. <view class="list-index--replenish">
  155. <text style="color: #666;" class="sk-transparent sk-text-14-2857-13 sk-text">项目编号:</text>
  156. <text class="sk-transparent sk-text-14-2857-993 sk-text">SP202306050002</text>
  157. </view>
  158. <view class="list-index--replenish">
  159. <text style="color: #666; flex-shrink: 0;" class="sk-transparent sk-text-14-2857-20 sk-text">项目地址:</text>
  160. <text class="list-index--line-1 sk-transparent sk-text-14-2857-541 sk-text" style="width: 240px;">河北省唐山市古冶区</text>
  161. </view>
  162. <view class="list-index--replenish">
  163. <text style="color: #666;" class="sk-transparent sk-text-14-2857-252 sk-text">项目类型:</text>
  164. <text class="sk-transparent sk-text-14-2857-962 sk-text">市政</text>
  165. </view>
  166. <view class="list-index--replenish">
  167. <text style="color: #666;" class="sk-transparent sk-text-14-2857-130 sk-text">项目等级:</text>
  168. <text class="sk-transparent sk-opacity">--</text>
  169. </view>
  170. <view class="list-index--leader">
  171. <view class="sk-transparent sk-text-26-6667-861 sk-text" style="background-position-x: 50%;">缪</view>
  172. </view>
  173. </view>
  174. </navigator>
  175. <navigator class="list-index--project-item">
  176. <view class="list-index--chart">
  177. <view class="list-index--circle">
  178. <view class="list-index--circle_left list-index--ab" style="true"></view>
  179. <view class="list-index--circle_right list-index--ab" style="transform: rotate(45deg);"></view>
  180. <view class="list-index--circle_text">
  181. <text class="list-index--value sk-transparent sk-opacity">1/8</text>
  182. <text class="list-index--name sk-transparent sk-text-14-2857-508 sk-text">阶段进度</text>
  183. </view>
  184. </view>
  185. </view>
  186. <view class="list-index--main">
  187. <view class="list-index--label">
  188. <view class="list-index--title list-index--line-1 sk-transparent sk-text-14-2857-973 sk-text">项目1111</view>
  189. <view class="list-index--state sk-transparent sk-text-20-0000-801 sk-text" style="background-color: rgb(56, 116, 246); background-position-x: 50%;">跟进中</view>
  190. </view>
  191. <view class="list-index--tag-box">
  192. <view class="list-index--systemtag sk-transparent sk-text-14-2857-533 sk-text">直销</view>
  193. </view>
  194. <view class="list-index--replenish">
  195. <text style="color: #666;" class="sk-transparent sk-text-14-2857-339 sk-text">项目编号:</text>
  196. <text class="sk-transparent sk-text-14-2857-794 sk-text">SP202305300002</text>
  197. </view>
  198. <view class="list-index--replenish">
  199. <text style="color: #666; flex-shrink: 0;" class="sk-transparent sk-text-14-2857-279 sk-text">项目地址:</text>
  200. <text class="list-index--line-1 sk-transparent sk-text-14-2857-972 sk-text" style="width: 240px;">天津市天津市南开区</text>
  201. </view>
  202. <view class="list-index--replenish">
  203. <text style="color: #666;" class="sk-transparent sk-text-14-2857-547 sk-text">项目类型:</text>
  204. <text class="sk-transparent sk-text-14-2857-824 sk-text">市政</text>
  205. </view>
  206. <view class="list-index--replenish">
  207. <text style="color: #666;" class="sk-transparent sk-text-14-2857-813 sk-text">项目等级:</text>
  208. <text class="sk-transparent sk-text-14-2857-263 sk-text">A重要项目</text>
  209. </view>
  210. <view class="list-index--leader">
  211. <view class="sk-transparent sk-text-26-6667-207 sk-text" style="background-position-x: 50%;">夏</view>
  212. </view>
  213. </view>
  214. </navigator>
  215. <navigator class="list-index--project-item">
  216. <view class="list-index--chart">
  217. <view class="list-index--circle">
  218. <view class="list-index--circle_left list-index--ab" style="true"></view>
  219. <view class="list-index--circle_right list-index--ab" style="transform: rotate(45deg);"></view>
  220. <view class="list-index--circle_text"></view>
  221. </view>
  222. </view>
  223. <view class="list-index--main">
  224. <view class="list-index--label">
  225. <view class="list-index--title list-index--line-1 sk-transparent sk-text-14-2857-622 sk-text">TEST</view>
  226. <view class="list-index--state sk-transparent sk-text-20-0000-504 sk-text" style="background-color: rgb(56, 116, 246); background-position-x: 50%;">跟进中</view>
  227. </view>
  228. <view class="list-index--tag-box">
  229. <view class="list-index--systemtag sk-transparent sk-text-14-2857-69 sk-text">直销</view>
  230. <view class="list-index--systemtag sk-transparent sk-text-14-2857-548 sk-text">报备中</view>
  231. </view>
  232. </view>
  233. </navigator>
  234. </view>
  235. </scroll-view>
  236. </view>
  237. </view>
  238. </template>