index.skeleton.wxml 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2024/6/15下午2:16:39
  3. 使用方法:
  4. 在 D:\开发项目\来斯奥E订单\packageA\target\index.wxml 引入模板
  5. ```
  6. <import src="index.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 D:\开发项目\来斯奥E订单\packageA\target\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 class="chart">
  18. <view class="item" style="color: #FF9900 !important;">
  19. <view class="circle" style="box-shadow: inset 0 0 0 4px #FF9900;">
  20. <view class="circle_left ab" style="true"></view>
  21. <view class="circle_right ab" style="transform: rotate(0deg);"></view>
  22. <view class="circle_text sk-transparent sk-text-14-2857-852 sk-text">
  23. 0%
  24. </view>
  25. </view>
  26. <view class="s-label sk-transparent sk-text-14-2857-627 sk-text" style="background-position-x: 50%;">
  27. 月度
  28. </view>
  29. <view class="s-fulfill line-1 sk-transparent sk-text-14-2857-262 sk-text" style="background-position-x: 50%;">
  30. 0万
  31. </view>
  32. <view class="s-row line-1 sk-transparent sk-text-14-2857-499 sk-text" style="background-position-x: 50%;">
  33. 目标:4.48万
  34. </view>
  35. <view class="s-row line-1 sk-transparent sk-text-14-2857-800 sk-text" style="background-position-x: 50%;">
  36. 差额:4.48万
  37. </view>
  38. </view>
  39. <view class="item" style="color: #2AB4A3 !important;">
  40. <view class="circle" style="box-shadow: inset 0 0 0 4px #2AB4A3;">
  41. <view class="circle_left ab" style="true"></view>
  42. <view class="circle_right ab" style="transform: rotate(45.75600000000001deg);"></view>
  43. <view class="circle_text sk-transparent sk-text-14-2857-856 sk-text">
  44. 12.71%
  45. </view>
  46. </view>
  47. <view class="s-label sk-transparent sk-text-14-2857-964 sk-text" style="background-position-x: 50%;">
  48. 季度
  49. </view>
  50. <view class="s-fulfill line-1 sk-transparent sk-text-14-2857-848 sk-text" style="background-position-x: 50%;">
  51. 1.78万
  52. </view>
  53. <view class="s-row line-1 sk-transparent sk-text-14-2857-538 sk-text" style="background-position-x: 50%;">
  54. 目标:14万
  55. </view>
  56. <view class="s-row line-1 sk-transparent sk-text-14-2857-965 sk-text" style="background-position-x: 50%;">
  57. 差额:12.22万
  58. </view>
  59. </view>
  60. <view class="item" style="color: #FF001F !important;">
  61. <view class="circle" style="box-shadow: inset 0 0 0 4px #FF001F;">
  62. <view class="circle_left ab" style="true"></view>
  63. <view class="circle_right ab" style="transform: rotate(12.924deg);"></view>
  64. <view class="circle_text sk-transparent sk-text-14-2857-650 sk-text">
  65. 3.59%
  66. </view>
  67. </view>
  68. <view class="s-label sk-transparent sk-text-14-2857-20 sk-text" style="background-position-x: 50%;">
  69. 年度
  70. </view>
  71. <view class="s-fulfill line-1 sk-transparent sk-text-14-2857-90 sk-text" style="background-position-x: 50%;">
  72. 2.01万
  73. </view>
  74. <view class="s-row line-1 sk-transparent sk-text-14-2857-903 sk-text" style="background-position-x: 50%;">
  75. 目标:56万
  76. </view>
  77. <view class="s-row line-1 sk-transparent sk-text-14-2857-217 sk-text" style="background-position-x: 50%;">
  78. 差额:53.99万
  79. </view>
  80. </view>
  81. </view>
  82. <view class="table">
  83. <view class="label sk-transparent">
  84. <text class="text"></text> 业绩明细
  85. </view>
  86. <view class="row-label">
  87. <view class="line-1 sk-transparent sk-text-14-2857-142 sk-text">
  88. 月/季/年
  89. </view>
  90. <view class="line-1 sk-transparent sk-text-14-2857-870 sk-text">
  91. 达成金额(万)
  92. </view>
  93. <view class="line-1 sk-transparent sk-text-14-2857-528 sk-text">
  94. 目标金额(万)
  95. </view>
  96. <view class="line-1 sk-transparent sk-text-14-2857-986 sk-text">
  97. 达成率
  98. </view>
  99. </view>
  100. <view>
  101. <view class="row">
  102. <view class="line-1 sk-transparent sk-text-14-2857-741 sk-text">
  103. </view>
  104. <view class="line-1 sk-transparent sk-text-14-2857-170 sk-text">
  105. 2.01
  106. </view>
  107. <view class="line-1 sk-transparent sk-text-14-2857-590 sk-text">
  108. 56
  109. </view>
  110. <view class="line-1 sk-transparent sk-text-14-2857-249 sk-text">
  111. 3.59%
  112. </view>
  113. </view>
  114. <view class="row">
  115. <view class="line-1 sk-transparent sk-text-14-2857-422 sk-text">
  116. 第一季度
  117. </view>
  118. <view class="line-1 sk-transparent sk-text-14-2857-505 sk-text">
  119. 0.24
  120. </view>
  121. <view class="line-1 sk-transparent sk-text-14-2857-10 sk-text">
  122. 20.16
  123. </view>
  124. <view class="line-1 sk-transparent sk-text-14-2857-987 sk-text">
  125. 1.19%
  126. </view>
  127. </view>
  128. <view class="row">
  129. <view class="line-1 sk-transparent sk-text-14-2857-245 sk-text">
  130. 1月
  131. </view>
  132. <view class="line-1 sk-transparent sk-text-14-2857-327 sk-text">
  133. 0
  134. </view>
  135. <view class="line-1 sk-transparent sk-text-14-2857-768 sk-text">
  136. 2.8
  137. </view>
  138. <view class="line-1 sk-transparent sk-text-14-2857-446 sk-text">
  139. 0%
  140. </view>
  141. </view>
  142. <view class="row">
  143. <view class="line-1 sk-transparent sk-text-14-2857-780 sk-text">
  144. 2月
  145. </view>
  146. <view class="line-1 sk-transparent sk-text-14-2857-950 sk-text">
  147. 0.24
  148. </view>
  149. <view class="line-1 sk-transparent sk-text-14-2857-238 sk-text">
  150. 0.56
  151. </view>
  152. <view class="line-1 sk-transparent sk-text-14-2857-460 sk-text">
  153. 42.86%
  154. </view>
  155. </view>
  156. <view class="row">
  157. <view class="line-1 sk-transparent sk-text-14-2857-57 sk-text">
  158. 3月
  159. </view>
  160. <view class="line-1 sk-transparent sk-text-14-2857-264 sk-text">
  161. 0
  162. </view>
  163. <view class="line-1 sk-transparent sk-text-14-2857-95 sk-text">
  164. 6.72
  165. </view>
  166. <view class="line-1 sk-transparent sk-text-14-2857-189 sk-text">
  167. 0%
  168. </view>
  169. </view>
  170. <view class="row">
  171. <view class="line-1 sk-transparent sk-text-14-2857-5 sk-text">
  172. 第二季度
  173. </view>
  174. <view class="line-1 sk-transparent sk-text-14-2857-265 sk-text">
  175. 1.78
  176. </view>
  177. <view class="line-1 sk-transparent sk-text-14-2857-101 sk-text">
  178. 14
  179. </view>
  180. <view class="line-1 sk-transparent sk-text-14-2857-67 sk-text">
  181. 12.71%
  182. </view>
  183. </view>
  184. <view class="row">
  185. <view class="line-1 sk-transparent sk-text-14-2857-941 sk-text">
  186. 4月
  187. </view>
  188. <view class="line-1 sk-transparent sk-text-14-2857-570 sk-text">
  189. 1.73
  190. </view>
  191. <view class="line-1 sk-transparent sk-text-14-2857-678 sk-text">
  192. 3.92
  193. </view>
  194. <view class="line-1 sk-transparent sk-text-14-2857-773 sk-text">
  195. 44.13%
  196. </view>
  197. </view>
  198. <view class="row">
  199. <view class="line-1 sk-transparent sk-text-14-2857-806 sk-text">
  200. 5月
  201. </view>
  202. <view class="line-1 sk-transparent sk-text-14-2857-746 sk-text">
  203. 0.05
  204. </view>
  205. <view class="line-1 sk-transparent sk-text-14-2857-882 sk-text">
  206. 5.6
  207. </view>
  208. <view class="line-1 sk-transparent sk-text-14-2857-922 sk-text">
  209. 0.89%
  210. </view>
  211. </view>
  212. <view class="row">
  213. <view class="line-1 sk-transparent sk-text-14-2857-202 sk-text">
  214. 6月
  215. </view>
  216. <view class="line-1 sk-transparent sk-text-14-2857-331 sk-text">
  217. 0
  218. </view>
  219. <view class="line-1 sk-transparent sk-text-14-2857-86 sk-text">
  220. 4.48
  221. </view>
  222. <view class="line-1 sk-transparent sk-text-14-2857-507 sk-text">
  223. 0%
  224. </view>
  225. </view>
  226. <view class="row">
  227. <view class="line-1 sk-transparent sk-text-14-2857-352 sk-text">
  228. 第三季度
  229. </view>
  230. <view class="line-1 sk-transparent sk-text-14-2857-815 sk-text">
  231. 0
  232. </view>
  233. <view class="line-1 sk-transparent sk-text-14-2857-979 sk-text">
  234. 15.12
  235. </view>
  236. <view class="line-1 sk-transparent sk-text-14-2857-333 sk-text">
  237. 0.00%
  238. </view>
  239. </view>
  240. <view class="row">
  241. <view class="line-1 sk-transparent sk-text-14-2857-703 sk-text">
  242. 7月
  243. </view>
  244. <view class="line-1 sk-transparent sk-text-14-2857-763 sk-text">
  245. 0
  246. </view>
  247. <view class="line-1 sk-transparent sk-text-14-2857-648 sk-text">
  248. 3.92
  249. </view>
  250. <view class="line-1 sk-transparent sk-text-14-2857-81 sk-text">
  251. 0%
  252. </view>
  253. </view>
  254. <view class="row">
  255. <view class="line-1 sk-transparent sk-text-14-2857-470 sk-text">
  256. 8月
  257. </view>
  258. <view class="line-1 sk-transparent sk-text-14-2857-810 sk-text">
  259. 0
  260. </view>
  261. <view class="line-1 sk-transparent sk-text-14-2857-432 sk-text">
  262. 5.04
  263. </view>
  264. <view class="line-1 sk-transparent sk-text-14-2857-845 sk-text">
  265. 0%
  266. </view>
  267. </view>
  268. <view class="row">
  269. <view class="line-1 sk-transparent sk-text-14-2857-84 sk-text">
  270. 9月
  271. </view>
  272. <view class="line-1 sk-transparent sk-text-14-2857-329 sk-text">
  273. 0
  274. </view>
  275. <view class="line-1 sk-transparent sk-text-14-2857-326 sk-text">
  276. 6.16
  277. </view>
  278. <view class="line-1 sk-transparent sk-text-14-2857-730 sk-text">
  279. 0%
  280. </view>
  281. </view>
  282. <view class="row">
  283. <view class="line-1 sk-transparent sk-text-14-2857-709 sk-text">
  284. 第四季度
  285. </view>
  286. <view class="line-1 sk-transparent sk-text-14-2857-10 sk-text">
  287. 0
  288. </view>
  289. <view class="line-1 sk-transparent sk-text-14-2857-757 sk-text">
  290. 16.80
  291. </view>
  292. <view class="line-1 sk-transparent sk-text-14-2857-37 sk-text">
  293. 0.00%
  294. </view>
  295. </view>
  296. </view>
  297. </view>
  298. </view>
  299. </template>