zth
/
jch-wx_tmsaip
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'b59585071f'
${ noResults }
jch-wx_tmsaip/pages/manifest/declarationLog/components/skeleton/index.vue

258 lines
12 KiB
Vue
Raw Normal View History Unescape Escape

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