index.skeleton.wxml 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2023/3/22下午3:45:51
  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="body">
  22. <view class="name textOver sk-transparent sk-text-14-2857-843 sk-text">橙子</view>
  23. <view class="info textOver sk-transparent sk-text-14-2857-109 sk-text">
  24. 423
  25. </view>
  26. </view>
  27. <view class="right">
  28. <view class="date sk-transparent sk-text-14-2857-30 sk-text">2023-03-22</view>
  29. </view>
  30. </view>
  31. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  32. <image class="avatar sk-image"></image>
  33. <view class="body">
  34. <view class="name textOver sk-transparent sk-text-14-2857-818 sk-text">孙志雷</view>
  35. <view class="info textOver sk-transparent sk-text-14-2857-940 sk-text">
  36. ???
  37. </view>
  38. </view>
  39. <view class="right">
  40. <view class="date sk-transparent sk-text-14-2857-499 sk-text">2023-03-22</view>
  41. </view>
  42. </view>
  43. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  44. <image class="avatar sk-image"></image>
  45. <view class="body">
  46. <view class="name textOver sk-transparent sk-text-14-2857-451 sk-text">100720160076060</view>
  47. <view class="info textOver sk-transparent sk-text-14-2857-380 sk-text">
  48. 333
  49. </view>
  50. </view>
  51. <view class="right">
  52. <view class="date sk-transparent sk-text-14-2857-885 sk-text">2023-03-22</view>
  53. </view>
  54. </view>
  55. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  56. <image class="avatar sk-image"></image>
  57. <view class="body">
  58. <view class="name textOver sk-transparent sk-text-14-2857-103 sk-text">100800010015534</view>
  59. <view class="info textOver sk-transparent sk-text-14-2857-705 sk-text">
  60. 3213
  61. </view>
  62. </view>
  63. <view class="right">
  64. <view class="date sk-transparent sk-text-14-2857-725 sk-text">2023-03-21</view>
  65. </view>
  66. </view>
  67. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  68. <image class="avatar sk-image"></image>
  69. <view class="body">
  70. <view class="name textOver sk-transparent sk-text-14-2857-489 sk-text">110010060120880</view>
  71. <view class="info textOver sk-transparent sk-text-14-2857-691 sk-text">
  72. 231
  73. </view>
  74. </view>
  75. <view class="right">
  76. <view class="date sk-transparent sk-text-14-2857-479 sk-text">2023-03-21</view>
  77. </view>
  78. </view>
  79. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  80. <image class="avatar sk-image"></image>
  81. <view class="body">
  82. <view class="name textOver sk-transparent sk-text-14-2857-864 sk-text">100800010009520</view>
  83. <view class="info textOver sk-transparent sk-text-14-2857-894 sk-text">
  84. kkkkk
  85. </view>
  86. </view>
  87. <view class="right">
  88. <view class="date sk-transparent sk-text-14-2857-711 sk-text">2023-03-21</view>
  89. </view>
  90. </view>
  91. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  92. <image class="avatar sk-image"></image>
  93. <view class="body">
  94. <view class="name textOver sk-transparent sk-text-14-2857-274 sk-text">100800010017485</view>
  95. <view class="info textOver sk-transparent sk-text-14-2857-725 sk-text">
  96. nnnnn
  97. </view>
  98. </view>
  99. <view class="right">
  100. <view class="date sk-transparent sk-text-14-2857-7 sk-text">2023-03-21</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="body">
  106. <view class="name textOver sk-transparent sk-text-14-2857-900 sk-text">100800010023493</view>
  107. <view class="info textOver sk-transparent sk-text-14-2857-540 sk-text">
  108. ggg
  109. </view>
  110. </view>
  111. <view class="right">
  112. <view class="date sk-transparent sk-text-14-2857-309 sk-text">2023-03-21</view>
  113. </view>
  114. </view>
  115. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  116. <image class="avatar sk-image"></image>
  117. <view class="body">
  118. <view class="name textOver sk-transparent sk-text-14-2857-783 sk-text">110010060118720</view>
  119. <view class="info textOver sk-transparent sk-text-14-2857-956 sk-text">
  120. 牛牛牛
  121. </view>
  122. </view>
  123. <view class="right">
  124. <view class="date sk-transparent sk-text-14-2857-617 sk-text">2023-03-21</view>
  125. </view>
  126. </view>
  127. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  128. <image class="avatar sk-image"></image>
  129. <view class="body">
  130. <view class="name textOver sk-transparent sk-text-14-2857-422 sk-text">100800010025251</view>
  131. <view class="info textOver sk-transparent sk-text-14-2857-916 sk-text">
  132. 332
  133. </view>
  134. </view>
  135. <view class="right">
  136. <view class="date sk-transparent sk-text-14-2857-855 sk-text">2023-03-21</view>
  137. </view>
  138. </view>
  139. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  140. <image class="avatar sk-image"></image>
  141. <view class="body">
  142. <view class="name textOver sk-transparent sk-text-14-2857-168 sk-text">100511330001627</view>
  143. <view class="info textOver sk-transparent sk-text-14-2857-403 sk-text">
  144. 嘎嘎嘎嘎给23
  145. </view>
  146. </view>
  147. <view class="right">
  148. <view class="date sk-transparent sk-text-14-2857-704 sk-text">2023-03-21</view>
  149. </view>
  150. </view>
  151. <view class="base user" data-item="[object Object]" data-top="false" hover-class="pressHover">
  152. <image class="avatar sk-image"></image>
  153. <view class="body">
  154. <view class="name textOver sk-transparent sk-text-14-2857-127 sk-text">小城堡</view>
  155. <view class="info textOver sk-transparent sk-text-14-2857-522 sk-text">
  156. 32333
  157. </view>
  158. </view>
  159. <view class="right">
  160. <view class="date sk-transparent sk-text-14-2857-245 sk-text">2023-03-21</view>
  161. </view>
  162. </view>
  163. </view>
  164. </view>
  165. </view>
  166. </template>