<!--
此文件为开发者工具生成，生成时间: 2022/6/9下午3:55:39
使用方法：
在 D:\a-work\dyjLogistics\unpackage\dist\dev\mp-weixin\pages\manifest\declarationLog\declarationLog.wxml 引入模板

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

在 D:\a-work\dyjLogistics\unpackage\dist\dev\mp-weixin\pages\manifest\declarationLog\declarationLog.wxss 中引入样式
```
@import "./declarationLog.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="declaration-log">
      <view class="log-list">
        <view class="tab _ul">
          <view class="tab-top _li">
            <view class="left sk-transparent">
              <text class="iconfont icon-yundanhao sk-pseudo sk-pseudo-circle"></text>主提单号: 123456789123</view>
            <view class="right sk-transparent sk-text-32-8571-500 sk-text" style="background-position-x: 100%;">2022.03.01 08:22:31</view>
          </view>
          <view class="tab-num _li sk-transparent">
            <text class="iconfont icon-shiyongwendang sk-pseudo sk-pseudo-circle"></text>次提单号: 12313213213213</view>
          <view class="tab-content _li">
            <view class="send-type">
              <view class="top sk-transparent sk-text-32-5000-520 sk-text" style="background-position-x: 50%;">发送状态</view>
              <view class="bottom active waring error sk-transparent sk-text-32-5000-528 sk-text" style="background-position-x: 50%;">已发送</view>
            </view>
            <view class="operator">
              <view class="top sk-transparent sk-text-32-5000-238 sk-text" style="background-position-x: 50%;">操作人</view>
              <view class="bottom sk-transparent sk-text-32-5000-312 sk-text" style="background-position-x: 50%;">张三</view>
            </view>
            <view class="shipping-agent">
              <view class="top sk-transparent sk-text-32-5000-396 sk-text" style="background-position-x: 50%;">船代</view>
              <view class="bottom sk-transparent sk-text-32-5000-572 sk-text" style="background-position-x: 50%;">MSD</view>
            </view>
          </view>
          <view class="tab-tip _li sk-transparent sk-text-12-5000-249 sk-text">备注： 驱蚊器发任务分可能但是解放大道的</view>
        </view>
        <view class="tab _ul">
          <view class="tab-top _li">
            <view class="left sk-transparent">
              <text class="iconfont icon-yundanhao sk-pseudo sk-pseudo-circle"></text>主提单号: 123456789123</view>
            <view class="right sk-transparent sk-text-32-8571-516 sk-text" style="background-position-x: 100%;">2022.03.01 08:22:31</view>
          </view>
          <view class="tab-num _li sk-transparent">
            <text class="iconfont icon-shiyongwendang sk-pseudo sk-pseudo-circle"></text>次提单号: 12313213213213</view>
          <view class="tab-content _li">
            <view class="send-type">
              <view class="top sk-transparent sk-text-32-5000-700 sk-text" style="background-position-x: 50%;">发送状态</view>
              <view class="bottom active sk-transparent sk-text-32-5000-824 sk-text" style="background-position-x: 50%;">已发送</view>
            </view>
            <view class="operator">
              <view class="top sk-transparent sk-text-32-5000-312 sk-text" style="background-position-x: 50%;">操作人</view>
              <view class="bottom sk-transparent sk-text-32-5000-467 sk-text" style="background-position-x: 50%;">张三</view>
            </view>
            <view class="shipping-agent">
              <view class="top sk-transparent sk-text-32-5000-625 sk-text" style="background-position-x: 50%;">船代</view>
              <view class="bottom sk-transparent sk-text-32-5000-338 sk-text" style="background-position-x: 50%;">MSD</view>
            </view>
          </view>
          <view class="tab-tip _li sk-transparent sk-text-12-5000-309 sk-text">备注： 驱蚊器发任务分可能但是解放大道的</view>
        </view>
        <view class="tab _ul">
          <view class="tab-top _li">
            <view class="left sk-transparent">
              <text class="iconfont icon-yundanhao sk-pseudo sk-pseudo-circle"></text>主提单号: 123456789123</view>
            <view class="right sk-transparent sk-text-32-8571-613 sk-text" style="background-position-x: 100%;">2022.03.01 08:22:31</view>
          </view>
          <view class="tab-num _li sk-transparent">
            <text class="iconfont icon-shiyongwendang sk-pseudo sk-pseudo-circle"></text>次提单号: 12313213213213</view>
          <view class="tab-content _li">
            <view class="send-type">
              <view class="top sk-transparent sk-text-32-5000-807 sk-text" style="background-position-x: 50%;">发送状态</view>
              <view class="bottom active waring sk-transparent sk-text-32-5000-23 sk-text" style="background-position-x: 50%;">已发送</view>
            </view>
            <view class="operator">
              <view class="top sk-transparent sk-text-32-5000-707 sk-text" style="background-position-x: 50%;">操作人</view>
              <view class="bottom sk-transparent sk-text-32-5000-922 sk-text" style="background-position-x: 50%;">张三</view>
            </view>
            <view class="shipping-agent">
              <view class="top sk-transparent sk-text-32-5000-473 sk-text" style="background-position-x: 50%;">船代</view>
              <view class="bottom sk-transparent sk-text-32-5000-434 sk-text" style="background-position-x: 50%;">MSD</view>
            </view>
          </view>
          <view class="tab-tip _li sk-transparent sk-text-12-5000-348 sk-text">备注： 驱蚊器发任务分可能但是解放大道的</view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
</script>
<style>
	/*
	此文件为开发者工具生成，生成时间: 2022/6/9下午3:55:39
	
	在 D:\a-work\dyjLogistics\unpackage\dist\dev\mp-weixin\pages\manifest\declarationLog\declarationLog.wxss 中引入样式
	```
	@import "./declarationLog.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-32-8571-500 {
	    background-image: linear-gradient(transparent 32.8571%, #EEEEEE 0%, #EEEEEE 67.1429%, transparent 0%) !important;
	    background-size: 100% 70.0000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-32-5000-520 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-528 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-238 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-312 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-396 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-572 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-12-5000-249 {
	    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
	    background-size: 100% 32.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-8571-516 {
	    background-image: linear-gradient(transparent 32.8571%, #EEEEEE 0%, #EEEEEE 67.1429%, transparent 0%) !important;
	    background-size: 100% 70.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-700 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-824 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-467 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-625 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-338 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-12-5000-309 {
	    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
	    background-size: 100% 32.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-8571-613 {
	    background-image: linear-gradient(transparent 32.8571%, #EEEEEE 0%, #EEEEEE 67.1429%, transparent 0%) !important;
	    background-size: 100% 70.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-807 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-23 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-707 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-922 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-473 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-5000-434 {
	    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-12-5000-348 {
	    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
	    background-size: 100% 32.0000rpx;
	    position: relative !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>