样式和数据

This commit is contained in:
2024-05-31 17:34:16 +08:00
parent edf4403c2b
commit 337f940344
18 changed files with 82 additions and 54 deletions

View File

@@ -24,8 +24,8 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
.content{
width: 100%;
min-height: 100%;
background: center / 100% auto url(./static/images/page_bg.jpg) no-repeat;
background-color: #040d1e;
background: top center / 100% auto url(./static/images/page_bg.jpg) repeat-y;
/* background-color: #040d1e; */
}
.footer{
width: 100%;
@@ -36,8 +36,8 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
margin: 10px auto 0 auto;
border-radius: 6px;
padding: 10px;
background: linear-gradient(to right, rgba(8, 38, 68, 0.5) 1%, rgba(8, 38, 68, 0.98) 100%);
border: 1px solid #0490DD;
background-color: rgba(1, 114, 195, 40%);
border: 1px solid #00a3dd;
box-shadow: rgba(4, 136, 203, 0.2) -3px 6px 6px 1px, rgba(4, 136, 203, 0.2) 3px -3px 6px 1px;
}
.search-label{
@@ -118,8 +118,11 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
width: calc(100% - 20px);
min-height: calc(100vh - 145px);
margin: 0 auto;
padding-top: 5px;
background: center / 100% 100% url(./static/images/bg-task-r2.png) no-repeat;
padding: 10px 0;
border: 1px solid #01c2f3;
border-radius: 4px;
background-color: rgba(1, 114, 195, 40%);
box-shadow: inset 5px 5px 6px rgb(1 194 243 / 70%), inset -5px -5px 6px rgb(1 194 243 / 70%);
}
.zdrow-wrap {
width: 100%;
@@ -131,7 +134,7 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
.table-wrap {
width: 100%;
margin: 0 auto;
padding: 5px 0 10px 0;
padding: 15px 0 10px 0;
overflow-y: auto;
}
.grid-table {
@@ -146,15 +149,16 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
z-index: 6;
}
.grid-table th{
font-size: 13px;
font-size: 12px;
line-height: 20px;
height: 30px;
color: #AFBED8;
font-weight: bold;
color: #fff;
font-weight: 700;
padding: 5px 10px;
text-align: center;
white-space: nowrap;
background-color: #673939;
background-color: #3F6ACA;
border-bottom: 1px solid #9fd3ff;
}
.grid-table td{
font-size: 12px;
@@ -163,26 +167,32 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
color: #fff;
padding: 5px 10px;
text-align: center;
background-color: #382d4f;
border-bottom: 1px solid #C2563E;
background-color: rgba(63,106,202,0.3);
border-bottom: 1px solid #9fd3ff;
white-space: nowrap;
}
.grid-table th:first-child, .grid-table td:first-child {
position: sticky;
left: 0;
z-index: 5;
min-width: 46px;
max-width: 46px;
white-space: nowrap;
}
.grid-table td:first-child, .grid-table td:nth-child(2), .grid-table td:last-child {
background-color: #2951ac;
}
.grid-table th:last-child, .grid-table td:last-child {
position: sticky;
right: 0;
z-index: 5;
box-shadow: -2px 0px 2px 0px rgba(19, 19, 19, 30%);
box-shadow: inset 2px 0px 2px 0px rgba(19, 19, 19, 30%);
}
.grid-table th:nth-child(2), .grid-table td:nth-child(2) {
position: sticky;
left: 46px;
z-index: 5;
box-shadow: 2px 0px 2px 0px rgba(19, 19, 19, 30%);
box-shadow: inset -2px 0px 2px 0px rgba(19, 19, 19, 30%);
}
.td_input {
font-size: 12px;
@@ -233,12 +243,13 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
}
.zd-th-wraper{
width: 100%;
background: #142954 center / 100% 100% url(./static/images/grid_bg.png) no-repeat;
/* background: #142954 center / 100% 100% url(./static/images/grid_bg.png) no-repeat; */
overflow: hidden;
}
.zd-sec-th-wraper {
width: 100%;
background-color: #673939;
background-color: #3F6ACA;
border-bottom: 1px solid #9fd3ff;
}
.zd-td-wraper{
width: 100%;
@@ -251,10 +262,10 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
font-size: 13px;
line-height: 15px;
height: 30px;
color: #AFBED8;
font-weight: bold;
/* padding: 0 5px; */
color: #e1e9f4;
font-weight: 700;
text-align: center;
background: left center / 1px 100% url(./static/images/th_bg.png) repeat-x;
}
.zd-sec-th {
display: flex;
@@ -265,7 +276,7 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
height: 30px;
color: #fff;
/* background-color: #0F1521; */
font-weight: bold;
font-weight: 700;
/* padding: 0 5px; */
text-align: center;
white-space: nowrap;
@@ -299,10 +310,10 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
line-height: 13px;
height: 49px;
color: #fff;
background-color: rgba(194, 86, 62, 0.2);
background-color: rgba(63,106,202,0.3);
border-bottom: 1px solid #9fd3ff;
padding: 5px 2px;
text-align: center;
border-bottom: 1px solid #C2563E;
word-break: break-all;
overflow: hidden;
}
@@ -326,7 +337,8 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
background: center / 100% 100% url(./static/images/icon-check2.png) no-repeat;
}
.fontcol1 {
color: #3CC1FF;
color: #58e9ff;
font-weight: 700;
}
.fontcol2 {
color: #000;
@@ -341,7 +353,7 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
.zd-sec-wraper {
width: 100%;
background-color: rgba(63,106,202,0.3);
padding: 5px 0px;
padding: 15px 0px 0px 0px;
border-bottom: 1px solid #7A9FE0;
transition: height 0.5s ease;
}