wsnet
/
pad-app
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

7.10

dev
wangchen 2023-07-10 09:27:39 +08:00
parent 3a4fd8b906
commit 720b33a1d2
3 changed files with 70 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/head-info/head-info.vue
View File

@ -3,7 +3,7 @@
<view class="info">
<image class="toux" src="@/static/images/theme/toux.png" mode="widthFix"></image>
<text>wchenp</text>
<uni-icons type="gear" size="21" @click="uni.navigateBack('-1')"/>
<uni-icons type="gear" size="21" />
</view>
</view>

2
manifest.json
View File

@ -1,5 +1,5 @@
{
"name": "gang",
"name": "iapd",
"appid": "__UNI__820CEDC",
"description": "",
"versionName": "1.0.0",

69
pages/index/instruct.vue
View File

@ -51,6 +51,42 @@
<view class="tab" :class="active==1?'active':''" type="default" @click="active=1">未发送</view>
<view class="tab" :class="active==2?'active':''" type="default" @click="active=2">已发送</view>
</view>
<view class="itemList">
<view class="item" v-for="item in itemList" :key="item.index">
<view class="row">
<view class="col weight">
船舱层数：5层3舱
</view>
<view class="col">
数量：1,000
</view>
<view class="col">
港口：厦门港
</view>
</view>
<view class="row">
<view class="col weight">
计划状态：已发送
</view>
<view class="col">
负责人：我是一个负责人
</view>
<view class="col">
发送时间：2023/09/09 16:00
</view>
</view>
<view class="rowFoot">
<view class="col">
装船进度
</view>
<view class="col">
<view class="progress-box">
<progress percent="20" show-info stroke-width="3" />
</view>
</view>
</view>
</view>
</view>
</view>
</view>
@ -63,7 +99,7 @@
return {
value1: "",
value: '',
ltemList: [1, 1, 1, 1, 2, 1, 1, 1, 1],
itemList: [1, 1, 1, 1, 2, 1, 1, 1, 1],
range: [1],
items: [{
value: '1',
@ -170,5 +206,36 @@
}
}
.itemList {
margin-top: 30px;
.item {
height: 110px;
padding: 20px;
border-bottom: 2px solid #e9e9e9;
display: flex;
justify-content: space-between;
.weight {
font-weight: 900;
}
.row {
width: 30%;
flex-direction: column;
display: flex;
justify-content: space-between;
}
.rowFoot {
width: 40%;
flex-direction: column;
display: flex;
justify-content: space-around;
color: #1890ff;
}
}
}
}
</style>