dianliang/lanan-repair-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

总检 样式

Browse Source
This commit is contained in:
ChuShiZ 2024-10-21 22:08:30 +08:00
parent 940cfc28fd
commit c6f6cf4aaf
1 changed files with 43 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
pages-home/home/home.vue
View File

@ -22,7 +22,18 @@
<image :src="item.icon" class="icon" mode="aspectFit"></image>
</view>
</view>
<!-- TODO 总检角色 -->
<view class="orderCount">
<view class="orderCountItem">
<text class="label">维修中</text>
<text class="value">4</text>
</view>
<view class="line"></view>
<view class="orderCountItem">
<text class="label">已完成</text>
<text class="value">6</text>
</view>
</view>
<view class="todoListBox">
<view class="title">
待办工单
@ -327,7 +338,7 @@ export default {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 30rpx;
margin: 0 32rpx;
margin: 0 32rpx 40rpx;
.body-top-item {
position: relative;
@ -371,6 +382,36 @@ export default {
}
}
.orderCount {
margin: 40rpx 32rpx;
background: #FFFFFF;
border-radius: 8rpx 8rpx 8rpx 8rpx;
padding: 40rpx;
display: flex;
align-items: center;
.orderCountItem {
flex: 1;
width: 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
.label {
color: #858BA0;
}
.value {
font-weight: bold;
font-size: 40rpx;
color: #333333;
}
}
.line {
height: 84rpx;
width: 1rpx;
background-color: #DDDDDD;
}
}
.todoListBox {
margin: 40rpx 32rpx;