oms-mp/pages/order/user/info/info.skeleton.wxml

<!--
此文件为开发者工具生成，生成时间: 2024/12/19上午2:38:25
使用方法：
在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\order\user\info\info.wxml 引入模板

```
<import src="info.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 G:\IDEA_PROJECT\Minip\bxd_voms_mini\pages\order\user\info\info.wxss 中引入样式
```
@import "./info.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="qianshou">
      <view class="iconfont icon-yiqianshou sk-pseudo sk-pseudo-circle" style="font-size: 32px;"></view>
      <view class="status">
        <view class="statusText sk-transparent sk-text-14-2857-2 sk-text">已签收</view>
        <view class="statusStr sk-transparent sk-text-14-2857-692 sk-text">感谢您使用礼赠品系统</view>
      </view>
    </view>
    <view class="orderCheck">
      <view class="orderStatus">
        <view class="statusItem">
          <view class="iconfont icon-tijiaodingdan sk-pseudo sk-pseudo-circle"></view>
          <view class="itemText sk-transparent sk-text-29-6296-31 sk-text" style="background-position-x: 50%;">提交订单</view>
          <view class="itemDate sk-transparent sk-text-13-6364-117 sk-text">2024-12-13 10:23:31</view>
        </view>
        <view class="jiantou"></view>
        <view class="statusItem">
          <view class="iconfont icon-tijiaodingdan sk-pseudo sk-pseudo-circle"></view>
          <view class="itemText sk-transparent sk-text-29-6296-701 sk-text" style="background-position-x: 50%;">商品出库</view>
          <view class="itemDate sk-transparent sk-text-13-6364-158 sk-text">2024-12-13 10:31:22</view>
        </view>
        <view class="jiantou"></view>
        <view class="statusItem">
          <view class="iconfont icon-tijiaodingdan sk-pseudo sk-pseudo-circle"></view>
          <view class="itemText sk-transparent sk-text-29-6296-939 sk-text" style="background-position-x: 50%;">等待收货</view>
          <view class="itemDate"></view>
        </view>
        <view class="jiantou"></view>
        <view class="statusItem">
          <view class="iconfont icon-tijiaodingdan sk-pseudo sk-pseudo-circle"></view>
          <view class="itemText sk-transparent sk-text-29-6296-241 sk-text" style="background-position-x: 50%;">订单签收</view>
          <view class="itemDate sk-transparent sk-text-13-6364-847 sk-text">2024-12-08 00:00:00</view>
        </view>
      </view>
      <view class="checkStep">
        <view class="stepItem">
          <view class="left">
            <view class="iconfont icon-a-Check23 sk-pseudo sk-pseudo-circle"></view>
            <view class="dashed dashed1"></view>
          </view>
          <view class="right">
            <view class="checkName sk-transparent sk-text-25-0000-718 sk-text">提交人</view>
            <view class="checkDate sk-transparent sk-text-15-6250-569 sk-text">SZMUser</view>
            <view class="checkDate sk-transparent sk-text-15-6250-851 sk-text">2024-12-13 10:23:31</view>
            <view class="checkDate sk-transparent sk-text-15-6250-710 sk-text">快速通过</view>
          </view>
        </view>
        <view class="stepItem">
          <view class="left">
            <view class="iconfont icon-a-Check23 sk-pseudo sk-pseudo-circle"></view>
            <view class="dashed dashed1"></view>
          </view>
          <view class="right">
            <view class="checkName sk-transparent sk-text-25-0000-542 sk-text">审批节点一</view>
            <view class="checkDate sk-transparent sk-text-15-6250-794 sk-text">SZMAdmin</view>
            <view class="checkDate sk-transparent sk-text-15-6250-225 sk-text">2024-12-13 10:26:47</view>
            <view class="checkDate sk-transparent sk-text-15-6250-206 sk-text">快速通过</view>
          </view>
        </view>
        <view class="stepItem">
          <view class="left">
            <view class="iconfont icon-a-Check23 sk-pseudo sk-pseudo-circle"></view>
          </view>
          <view class="right">
            <view class="checkName sk-transparent sk-text-25-0000-497 sk-text">审批节点二</view>
            <view class="checkDate sk-transparent sk-text-15-6250-949 sk-text">SZMUser</view>
            <view class="checkDate sk-transparent sk-text-15-6250-160 sk-text">2024-12-13 10:30:14</view>
            <view class="checkDate sk-transparent sk-text-15-6250-197 sk-text">快速通过</view>
          </view>
        </view>
      </view>
    </view>
    <view style="height: 11px;"></view>
    <view class="pannel">
      <view class="cell">
        <view class="titleText sk-transparent sk-text-14-2857-201 sk-text">物流信息</view>
        <view class="cellArrow iconfont sk-transparent sk-text-31-8182-787 sk-text sk-pseudo sk-pseudo-circle" style="background-position-x: 100%;">顺丰快递：SF3132648173252</view>
      </view>
    </view>
    <view class="pannel">
      <view class="titleText sk-transparent sk-text-14-2857-98 sk-text">商品信息</view>
      <view class="goodsList">
        <view class="showAll">
          <view class="goodsInfo">
            <image mode="aspectFit" class="sk-image"></image>
            <view class="goods">
              <view class="name text2 sk-transparent sk-text-14-2857-313 sk-text">士卓曼-水笔（纸壳包装）</view>
              <view class="brief text1 sk-transparent sk-text-14-2857-40 sk-text">SKU：STCN-CC0056</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>