index.skeleton.wxml 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2020/8/5 上午10:13:40
  3. 使用方法:
  4. 在 pages/my/index.wxml 引入模板
  5. ```
  6. <import src="index.skeleton.wxml"/>
  7. <template is="skeleton" wx-if="{{loading}}" />
  8. ```
  9. 在 pages/my/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="container">
  18. <view class="title-img">
  19. </view>
  20. <view class="list">
  21. <scroll-view scroll-y="true" style="height: 100%;">
  22. <view class="black-112">
  23. </view>
  24. <view>
  25. <view class="item" data-id="33">
  26. <view class="item-img">
  27. <image mode="aspectFill" class="sk-image">
  28. </image>
  29. </view>
  30. <view class="item-content">
  31. <view class="content-title sk-transparent sk-text-14-2857-932 sk-text">
  32. 新形式下的家庭资产配置
  33. </view>
  34. <view class="content-addr">
  35. <view class="addr-icon">
  36. <image class="sk-image">
  37. </image>
  38. </view>
  39. <view>
  40. <text class="addr sk-transparent sk-text-14-2857-414 sk-text">
  41. 上海市浦东新区民生路1518号金鹰大厦B座3楼
  42. </text>
  43. <text class="addr-m sk-transparent sk-text-14-2857-458 sk-text">
  44. 距您15.7km
  45. </text>
  46. </view>
  47. </view>
  48. <view class="content-time">
  49. <view class="time-icon">
  50. <image class="sk-image">
  51. </image>
  52. </view>
  53. <view>
  54. <text class="time sk-transparent sk-text-14-2857-542 sk-text">
  55. 2020-08-01 14:00:00
  56. </text>
  57. </view>
  58. </view>
  59. </view>
  60. <view class="line" style="border: none;">
  61. </view>
  62. <view class="item-fn">
  63. <view class="fn-l">
  64. <view class="fn-t sk-transparent sk-text-14-2857-972 sk-text">
  65. 免费
  66. </view>
  67. </view>
  68. <view class="fn-r sk-image">
  69. <view class="go-detail sk-transparent sk-text-14-2857-455 sk-text" data-id="33">
  70. 查看
  71. </view>
  72. </view>
  73. </view>
  74. </view>
  75. <view class="black-38">
  76. </view>
  77. </view>
  78. <view>
  79. <view class="item" data-id="37">
  80. <view class="item-img">
  81. <image mode="aspectFill" class="sk-image">
  82. </image>
  83. </view>
  84. <view class="item-content">
  85. <view class="content-title sk-transparent sk-text-14-2857-364 sk-text">
  86. 约饭
  87. </view>
  88. </view>
  89. </view>
  90. </view>
  91. </scroll-view>
  92. </view>
  93. </view>
  94. </view>
  95. </template>