|
|
<!--
|
|
|
此文件为开发者工具生成，生成时间: 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> |