root/pad-nl-three-uni
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

入库交互功能和样式

Browse Source
This commit is contained in:
caill
2024-02-27 15:31:44 +08:00
parent 4530466278
commit c6c0dfdd11
5 changed files with 310 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
common/style/layout.css
View File

@@ -20,16 +20,15 @@ uni-button{
.content{
width: 100%;
height: 100%;
background: center / 100% 100% url(./static/images/page_bg.jpg) no-repeat;
background-color: #00152d;
background: center / 100% auto url(./static/images/page_bg.jpg) no-repeat;
background-color: #040d1e;
}
.search-confirm-wrap {
width: calc(100% - 60rpx);
/* background-color: #fff; */
margin: 30rpx auto;
border-radius: 12rpx;
padding: 30rpx;
background-color: linear-gradient(to right, rgba(8, 38, 68, 0.5) 1%, rgba(8, 38, 68, 0.98) 100%);
background: linear-gradient(to right, rgba(8, 38, 68, 0.5) 1%, rgba(8, 38, 68, 0.98) 100%);
border: 1rpx solid #0490DD;
box-shadow: rgba(4, 136, 203, 0.2) -6rpx 6px 12rpx 2rpx, rgba(4, 136, 203, 0.2) 6rpx -6rpx 12rpx 2rpx;
}
@@ -104,15 +103,20 @@ uni-button{
}
.grid-wrap{
width: calc(100% - 60rpx);
height: calc(100% - 450rpx); /** 90 + 140 +100+60 */
padding: 30rpx 60rpx;
height: calc(100% - 420rpx);
padding: 30rpx 60rpx 0rpx 60rpx;
margin: 10rpx auto 0;
background: center / 100% 100% url(./static/images/bg-task-r2.png) no-repeat;
/* overflow-y: scroll; */
/* border: 1px solid #0090e6;
background-color: rgba(2, 38, 72, 90%);
border-radius: 9px;
box-shadow: inset 3px 3px 14px -2px #0089df, inset -3px -3px 14px -2px #0089df; */
}
.table-wrap {
width: 100%;
height: calc(100% - 134rpx)
height: calc(100% - 150rpx);
overflow-y: scroll;
margin-bottom: 40rpx;
}
.grid-wrap .grid-table{
width: 100%;
@@ -181,7 +185,17 @@ uni-button{
z-index: 49;
}
.zd-th-wraper{
background: center / 100% 100% url(./static/images/grid_bg.png) no-repeat;
width: 100%;
background: center / 110% 100% url(./static/images/grid_bg.png) no-repeat;
overflow: hidden;
}
.zd-sec-th-wraper {
width: 100%;
background-color: #673939;
}
.zd-td-wraper{
width: 100%;
overflow: hidden;
}
.zd-th {
display: flex;
@@ -192,20 +206,20 @@ uni-button{
height: 80rpx;
color: #AFBED8;
font-weight: bold;
padding: 24rpx 10rpx;
padding: 0 10rpx;
text-align: center;
}
.zd-sec-th {
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
line-height: 18px;
height: 40px;
color: #7d7d7d;
background-color: #fff;
font-size: 28rpx;
line-height: 30rpx;
height: 78rpx;
color: #fff;
/* background-color: #0F1521; */
font-weight: bold;
padding: 24rpx 10rpx;
padding: 0 10rpx;
text-align: center;
}
.zd-td {
@@ -214,13 +228,31 @@ uni-button{
align-items: center;
font-size: 28rpx;
line-height: 36rpx;
height: 92rpx;
height: 86rpx;
color: #fff;
padding: 0 16rpx;
text-align: center;
border-bottom: 2rpx solid #7A9FE0;
overflow: hidden;
}
.zd-sec-td {
display: flex;
justify-content: center;
align-items: center;
font-size: 24rpx;
line-height: 28rpx;
height: 80rpx;
color: #fff;
background-color: rgba(194, 86, 62, 0.2);
padding: 0 16rpx;
text-align: center;
border-bottom: 2rpx solid #C2563E;
overflow: hidden;
}
.zd-td-checked .zd-td {
background-color: rgba(63,106,202,0.3);
border-bottom: 0
}
.zd-checkbox {
width: 44rpx;
height: 44rpx;
@@ -242,9 +274,12 @@ uni-button{
padding: 2px 10px;
border-radius: 10px;
}
.zd-sec-table {
background-color: #fff;
padding: 15px 0;
.zd-sec-wraper {
width: 100%;
background-color: rgba(63,106,202,0.3);
padding: 30rpx;
border-bottom: 2rpx solid #7A9FE0;
transition: height 0.5s ease;
}
.status-wrap {
width: 100%;