list.skeleton.wxml 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2024/12/16上午3:02:53
  3. 使用方法:
  4. 在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\order\user\list\list.wxml 引入模板
  5. ```
  6. <import src="list.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\order\user\list\list.wxss 中引入样式
  10. ```
  11. @import "./list.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="fiexd">
  18. <view class="pannel query">
  19. <view class="cell">
  20. <view class="cellText sk-pseudo sk-pseudo-circle">
  21. <view class="iconfont sk-transparent sk-text-0-0000-863 sk-text sk-pseudo sk-pseudo-circle">下单时间</view>
  22. <view class="inputDate sk-pseudo sk-pseudo-circle">
  23. <view end="true" header-text="开始日期" mode="date" class="sk-pseudo sk-pseudo-circle sk-image">
  24. <view class="sk-transparent sk-text-31-9444-817 sk-text sk-pseudo sk-pseudo-circle" style="background-position-x: 50%;">开始日期</view>
  25. </view>
  26. <span class="sk-transparent sk-opacity">-</span>
  27. <view header-text="结束日期" mode="date" start="true" class="sk-pseudo sk-pseudo-circle sk-image">
  28. <view class="sk-transparent sk-text-31-9444-252 sk-text sk-pseudo sk-pseudo-circle" style="background-position-x: 50%;">结束日期</view>
  29. </view>
  30. <i class="iconfont icon-close-copy sk-pseudo sk-pseudo-circle"></i>
  31. </view>
  32. </view>
  33. <view class="qBtn sk-transparent sk-text-31-9444-154 sk-text" style="background-position-x: 50%;">查询</view>
  34. </view>
  35. </view>
  36. <view is="components/TopTabbar/index" class="topTab" id="TopTabbar">
  37. <scroll-view enhanced="true" class="index--topTabbar" scroll-left="0" scroll-with-animation="true" scroll-x="true">
  38. <view class="index--topTabbar-item" id="995e666b--topTabbar-item" style="scroll-snap-align: none;">
  39. <span class="index--topTabbar-span index--topTabbar-item-border index--topTabbar_select sk-transparent sk-text-33-3333-833 sk-text" data-index="0" data-item="[object Object]" id="995e666b--topTabbar_select_0">
  40. 全部
  41. </span>
  42. <span class="index--topTabbar-span sk-transparent sk-text-33-3333-400 sk-text" data-index="1" data-item="[object Object]" id="995e666b--topTabbar_select_1">
  43. 待审核
  44. </span>
  45. <span class="index--topTabbar-span sk-transparent sk-text-33-3333-292 sk-text" data-index="2" data-item="[object Object]" id="995e666b--topTabbar_select_2">
  46. 审核通过
  47. </span>
  48. <span class="index--topTabbar-span sk-transparent sk-text-33-3333-218 sk-text" data-index="3" data-item="[object Object]" id="995e666b--topTabbar_select_3">
  49. 已终止
  50. </span>
  51. <span class="index--topTabbar-span sk-transparent sk-text-33-3333-812 sk-text" data-index="4" data-item="[object Object]" id="995e666b--topTabbar_select_4">
  52. 超时自动取消
  53. </span>
  54. <span class="index--topTabbar-span" data-index="5" data-item="[object Object]" id="995e666b--topTabbar_select_5">
  55. <span class="index--topTabbar-span index--topTabbar-spans sk-transparent sk-text-33-3333-349 sk-text">人工取消</span>
  56. </span>
  57. </view>
  58. </scroll-view>
  59. </view>
  60. </view>
  61. <scroll-view class="morpic" refresher-threshold="0" scroll-y="true" enable-back-to-top="true">
  62. <view class="order">
  63. <view class="topInfo">
  64. <view class="checkNumber iconfont sk-transparent sk-text-14-2857-625 sk-text sk-pseudo sk-pseudo-circle">订单编号:CSAN0000000049</view>
  65. <view class="sk-transparent sk-text-14-2857-371 sk-text">待审核</view>
  66. </view>
  67. <view class="topCenter">
  68. <image class="goodsPic sk-image" mode="aspectFill"></image>
  69. <view class="goodsTitle text4 sk-transparent sk-text-13-3333-488 sk-text">畅享 70 Pro 1亿像素超清影像40W超级快充5000mAh大电池长续航 256GB 曜金黑 鸿蒙智能手机</view>
  70. <view class="orderInfo1">
  71. <view class="sk-transparent">
  72. <text class="rmb2 sk-transparent sk-opacity">¥</text>0</view>
  73. <view class="sk-transparent sk-text-14-2857-510 sk-text" style="background-position-x: 50%;">共1件</view>
  74. </view>
  75. </view>
  76. <view class="topBottom">
  77. <view class="sk-transparent sk-text-14-2857-46 sk-text">下单时间:2024/11/06 10:02:30</view>
  78. <view class="toolBtn sk-transparent sk-text-30-3030-5 sk-text" style="background-position-x: 50%;">取消订单</view>
  79. <view class="toolBtn black sk-transparent sk-image">再次购买</view>
  80. </view>
  81. </view>
  82. <view class="order">
  83. <view class="topInfo">
  84. <view class="checkNumber iconfont sk-transparent sk-text-14-2857-341 sk-text sk-pseudo sk-pseudo-circle">订单编号:CSAN0000000046</view>
  85. <view class="sk-transparent sk-text-14-2857-221 sk-text">待审核</view>
  86. </view>
  87. <view class="topCenter">
  88. <image class="goodsPic sk-image" mode="aspectFill"></image>
  89. <view class="goodsTitle text4 sk-transparent sk-text-13-3333-48 sk-text">直液式中性笔速干学生用直液式走珠笔高颜值水性笔签字笔刷题考试专用黑笔水笔直液笔 黑色 24支装</view>
  90. <view class="orderInfo1">
  91. <view class="sk-transparent">
  92. <text class="rmb2 sk-transparent sk-opacity">¥</text>0</view>
  93. <view class="sk-transparent sk-text-14-2857-178 sk-text" style="background-position-x: 50%;">共1件</view>
  94. </view>
  95. </view>
  96. <view class="topBottom">
  97. <view class="sk-transparent sk-text-14-2857-202 sk-text">下单时间:2024/11/06 10:02:30</view>
  98. <view class="toolBtn sk-transparent sk-text-30-3030-508 sk-text" style="background-position-x: 50%;">取消订单</view>
  99. <view class="toolBtn black sk-transparent sk-image">再次购买</view>
  100. </view>
  101. </view>
  102. <view class="order">
  103. <view class="topInfo">
  104. <view class="checkNumber iconfont sk-transparent sk-text-14-2857-162 sk-text sk-pseudo sk-pseudo-circle">订单编号:CSAN0000000038</view>
  105. <view class="sk-transparent sk-text-14-2857-887 sk-text">待审核</view>
  106. </view>
  107. <view class="topCenter">
  108. <image class="goodsPic sk-image" mode="aspectFill"></image>
  109. <view class="goodsTitle text4 sk-transparent sk-text-13-3333-867 sk-text">HAEWI国行【2024款14代英特尔酷睿i7】大屏笔记本电脑高性能轻薄本大学生上网课设计学习商务办公游戏AI 高配英特尔+14代+IPS窄边全面屏+护眼抗蓝光 32G运行+1T超速硬盘</view>
  110. <view class="orderInfo1">
  111. <view class="sk-transparent">
  112. <text class="rmb2 sk-transparent sk-opacity">¥</text>0</view>
  113. <view class="sk-transparent sk-text-14-2857-77 sk-text" style="background-position-x: 50%;">共1件</view>
  114. </view>
  115. </view>
  116. <view class="topBottom">
  117. <view class="sk-transparent sk-text-14-2857-382 sk-text">下单时间:2024/11/06 10:02:30</view>
  118. <view class="toolBtn sk-transparent sk-text-30-3030-952 sk-text" style="background-position-x: 50%;">取消订单</view>
  119. <view class="toolBtn black sk-transparent sk-image">再次购买</view>
  120. </view>
  121. </view>
  122. </scroll-view>
  123. </view>
  124. </template>