index.skeleton.wxml 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2023/11/6上午11:33:25
  3. 使用方法:
  4. 在 C:\Users\efunbox\Desktop\朗读小咖秀\pages\message\index.wxml 引入模板
  5. ```
  6. <import src="index.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 C:\Users\efunbox\Desktop\朗读小咖秀\pages\message\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="messagePage">
  18. <view class="messageList">
  19. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  20. <image class="avatar sk-image"></image>
  21. <view class="infoBox">
  22. <view class="body">
  23. <view class="name textOver sk-transparent sk-text-14-2857-423 sk-text">100511330001627</view>
  24. <view class="info textOver sk-transparent sk-text-14-2857-805 sk-text">
  25. eeqweqw
  26. </view>
  27. </view>
  28. <view class="right">
  29. <view class="date sk-transparent sk-text-14-2857-378 sk-text">2023-07-12</view>
  30. </view>
  31. </view>
  32. </view>
  33. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  34. <image class="avatar sk-image"></image>
  35. <view class="infoBox">
  36. <view class="body">
  37. <view class="name textOver sk-transparent sk-text-14-2857-532 sk-text">110010060117742</view>
  38. <view class="info textOver sk-transparent sk-text-14-2857-894 sk-text">
  39. 444555666
  40. </view>
  41. </view>
  42. <view class="right">
  43. <view class="date sk-transparent sk-text-14-2857-311 sk-text">2023-06-30</view>
  44. </view>
  45. </view>
  46. </view>
  47. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  48. <image class="avatar sk-image"></image>
  49. <view class="infoBox">
  50. <view class="body">
  51. <view class="name textOver sk-transparent sk-text-14-2857-533 sk-text">110010060117809</view>
  52. <view class="info textOver sk-transparent sk-text-14-2857-862 sk-text">
  53. 6666666
  54. </view>
  55. </view>
  56. <view class="right">
  57. <view class="date sk-transparent sk-text-14-2857-835 sk-text">2023-04-27</view>
  58. </view>
  59. </view>
  60. </view>
  61. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  62. <image class="avatar sk-image"></image>
  63. <view class="infoBox">
  64. <view class="body">
  65. <view class="name textOver sk-transparent sk-text-14-2857-812 sk-text">110010060120880</view>
  66. <view class="info textOver sk-transparent sk-text-14-2857-752 sk-text">
  67. 44444
  68. </view>
  69. </view>
  70. <view class="right">
  71. <view class="date sk-transparent sk-text-14-2857-37 sk-text">2023-04-25</view>
  72. </view>
  73. </view>
  74. </view>
  75. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  76. <image class="avatar sk-image"></image>
  77. <view class="infoBox">
  78. <view class="body">
  79. <view class="name textOver sk-transparent sk-text-14-2857-781 sk-text">110010060118720</view>
  80. <view class="info textOver sk-transparent sk-text-14-2857-78 sk-text">
  81. 22222
  82. </view>
  83. </view>
  84. <view class="right">
  85. <view class="date sk-transparent sk-text-14-2857-235 sk-text">2023-04-23</view>
  86. </view>
  87. </view>
  88. </view>
  89. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  90. <image class="avatar sk-image"></image>
  91. <view class="infoBox">
  92. <view class="body">
  93. <view class="name textOver"></view>
  94. <view class="info textOver sk-transparent sk-text-14-2857-679 sk-text">
  95. 123
  96. </view>
  97. </view>
  98. <view class="right">
  99. <view class="date sk-transparent sk-text-14-2857-161 sk-text">2023-04-21</view>
  100. </view>
  101. </view>
  102. </view>
  103. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  104. <image class="avatar sk-image"></image>
  105. <view class="infoBox">
  106. <view class="body">
  107. <view class="name textOver"></view>
  108. <view class="info textOver sk-transparent sk-text-14-2857-977 sk-text">
  109. 1234
  110. </view>
  111. </view>
  112. <view class="right">
  113. <view class="date sk-transparent sk-text-14-2857-566 sk-text">2023-04-21</view>
  114. </view>
  115. </view>
  116. </view>
  117. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  118. <image class="avatar sk-image"></image>
  119. <view class="infoBox">
  120. <view class="body">
  121. <view class="name textOver sk-transparent sk-text-14-2857-519 sk-text">100800010023493</view>
  122. <view class="info textOver sk-transparent sk-text-14-2857-249 sk-text">
  123. ccccc
  124. </view>
  125. </view>
  126. <view class="right">
  127. <view class="date sk-transparent sk-text-14-2857-276 sk-text">2023-04-21</view>
  128. </view>
  129. </view>
  130. </view>
  131. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  132. <image class="avatar sk-image"></image>
  133. <view class="infoBox">
  134. <view class="body">
  135. <view class="name textOver sk-transparent sk-text-14-2857-856 sk-text">100720160076060</view>
  136. <view class="info textOver sk-transparent sk-text-14-2857-822 sk-text">
  137. eeeeeeeeeeeeeeeeeee
  138. </view>
  139. </view>
  140. <view class="right">
  141. <view class="date sk-transparent sk-text-14-2857-766 sk-text">2023-09-20</view>
  142. </view>
  143. </view>
  144. </view>
  145. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  146. <image class="avatar sk-image"></image>
  147. <view class="infoBox">
  148. <view class="body">
  149. <view class="name textOver"></view>
  150. <view class="info textOver sk-transparent sk-text-14-2857-54 sk-text">
  151. 68886
  152. </view>
  153. </view>
  154. <view class="right">
  155. <view class="date sk-transparent sk-text-14-2857-564 sk-text">2023-04-21</view>
  156. </view>
  157. </view>
  158. </view>
  159. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  160. <image class="avatar sk-image"></image>
  161. <view class="infoBox">
  162. <view class="body">
  163. <view class="name textOver sk-transparent sk-text-14-2857-93 sk-text">100800010017485</view>
  164. <view class="info textOver sk-transparent sk-text-14-2857-29 sk-text">
  165. 222
  166. </view>
  167. </view>
  168. <view class="right">
  169. <view class="date sk-transparent sk-text-14-2857-571 sk-text">2023-04-21</view>
  170. </view>
  171. </view>
  172. </view>
  173. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  174. <image class="avatar sk-image"></image>
  175. <view class="infoBox">
  176. <view class="body">
  177. <view class="name textOver sk-transparent sk-text-14-2857-425 sk-text">100800010015534</view>
  178. <view class="info textOver sk-transparent sk-text-14-2857-513 sk-text">
  179. 3213
  180. </view>
  181. </view>
  182. <view class="right">
  183. <view class="date sk-transparent sk-text-14-2857-473 sk-text">2023-03-21</view>
  184. </view>
  185. </view>
  186. </view>
  187. </view>
  188. </view>
  189. </view>
  190. </template>