info.skeleton.wxml 4.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2024/12/19下午3:29:17
  3. 使用方法:
  4. 在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\order\admin\info\info.wxml 引入模板
  5. ```
  6. <import src="info.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\order\admin\info\info.wxss 中引入样式
  10. ```
  11. @import "./info.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="orderTop">
  18. <view class="iconfont sk-transparent sk-text-31-8182-945 sk-text sk-pseudo sk-pseudo-circle">当前订单号:ABELDN0000000086</view>
  19. <view class="sk-transparent sk-text-37-5000-263 sk-text">订单数量:3</view>
  20. </view>
  21. <view class="orderList">
  22. <view class="pannel orderInfo">
  23. <view class="titleText sk-transparent sk-text-14-2857-693 sk-text">订单信息</view>
  24. <view class="cell">
  25. <view class="sk-transparent sk-text-31-4286-345 sk-text">订单编号</view>
  26. <view class="sk-transparent sk-text-31-4286-638 sk-text">ABELDN0000000086</view>
  27. </view>
  28. <view class="cell">
  29. <view class="sk-transparent sk-text-31-4286-938 sk-text">下单时间</view>
  30. <view class="sk-transparent sk-text-31-4286-774 sk-text">2024-12-19 14:27:16</view>
  31. </view>
  32. <view class="cell">
  33. <view class="sk-transparent sk-text-31-4286-835 sk-text">收货人</view>
  34. <view class="sk-transparent sk-text-31-4286-167 sk-text">许国辉 15565565555</view>
  35. </view>
  36. <view class="cell">
  37. <view class="sk-transparent sk-text-31-4286-377 sk-text">收货地址</view>
  38. <view class="text3 sk-transparent sk-text-31-4286-618 sk-text" style="flex: 1 1 0%; padding-left: 11px; text-align: right; background-position-x: 100%;">安徽省 合肥市 包河区 秋浦河路地铁口</view>
  39. </view>
  40. </view>
  41. <view class="pannel goodsInfoPannel">
  42. <view class="titleText sk-transparent sk-text-14-2857-826 sk-text">商品信息
  43. </view>
  44. <view class="goodsList">
  45. <view class="showAll">
  46. <view class="goodsInfo">
  47. <image mode="aspectFit" class="sk-image"></image>
  48. <view class="goods">
  49. <view class="name text2 sk-transparent sk-text-14-2857-968 sk-text">直液式中性笔速干学生用直液式走珠笔高颜值水性笔签字笔刷题考试专用黑笔水笔直液笔 黑色 24支装</view>
  50. <view class="brief text1 sk-transparent sk-text-14-2857-560 sk-text">SKU:TestBXD10003</view>
  51. <view class="priceTool sk-transparent">
  52. <view></view>
  53. <text class="rmb2 sk-transparent sk-opacity">¥</text>0
  54. <view class="number sk-transparent sk-text-14-2857-301 sk-text" style="background-position-x: 100%;">x 1</view>
  55. </view>
  56. </view>
  57. </view>
  58. <view class="goodsInfo">
  59. <image mode="aspectFit" class="sk-image"></image>
  60. <view class="goods">
  61. <view class="name text2 sk-transparent sk-text-14-2857-478 sk-text">畅享 70 Pro 1亿像素超清影像40W超级快充5000mAh大电池长续航 256GB 曜金黑 鸿蒙智能手机</view>
  62. <view class="brief text1 sk-transparent sk-text-14-2857-581 sk-text">SKU:TestBXD100001</view>
  63. <view class="priceTool sk-transparent">
  64. <view></view>
  65. <text class="rmb2 sk-transparent sk-opacity">¥</text>0
  66. <view class="number sk-transparent sk-text-14-2857-519 sk-text" style="background-position-x: 100%;">x 1</view>
  67. </view>
  68. </view>
  69. </view>
  70. </view>
  71. </view>
  72. </view>
  73. </view>
  74. <view style="height: 70px;"></view>
  75. <view class="bottomView">
  76. <view class="red sk-transparent sk-text-31-0000-389 sk-text" style="background-position-x: 100%;">终止订单</view>
  77. <view class="sk-transparent sk-text-31-0000-451 sk-text" style="background-position-x: 100%;">审核通过</view>
  78. </view>
  79. </view>
  80. </template>