数据大屏优化

This commit is contained in:
2026-09-23 17:55:18 +08:00
parent 147121cdb2
commit 4bb579d661
39 changed files with 2012 additions and 320 deletions
+18 -18
View File
@@ -376,7 +376,7 @@
color: #C2D5E7;
}
#risk {
.risk {
padding: 0.25rem;
display: grid;
grid-template-columns: 1fr 1fr;
@@ -385,83 +385,83 @@
row-gap: 0.25rem;
}
#risk > div > i {
.risk > div > i {
height: 0.825rem;
width: 0.9375rem;
}
#risk > div > div {
.risk > div > div {
margin-left: 0.125rem;
height: 0.825rem;
}
#risk > div > div > h6 {
.risk > div > div > h6 {
font-size: 0.225rem;
font-weight: bold;
}
#risk > div > div > p {
.risk > div > div > p {
font-size: 0.3rem;
}
#risk > div > div > p > span:nth-child(1) {
.risk > div > div > p > span:nth-child(1) {
font-size: 0.3rem;
color: #C2D5E7;
}
#risk > div:nth-child(1) > i {
.risk > div:nth-child(1) > i {
background-image: url(../images/1-2/r5.png);
}
#risk > div:nth-child(1) > div > h6 {
.risk > div:nth-child(1) > div > h6 {
background: linear-gradient(180deg, #FFFFFF 0%, #EF3B49 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#risk > div:nth-child(1) > div > p > span:nth-child(1) {
.risk > div:nth-child(1) > div > p > span:nth-child(1) {
color: #EF3B49;
}
#risk > div:nth-child(2) > i {
.risk > div:nth-child(2) > i {
background-image: url(../images/1-2/r6.png);
}
#risk > div:nth-child(2) > div > h6 {
.risk > div:nth-child(2) > div > h6 {
background: linear-gradient(180deg, #FFFFFF 0%, #EF893B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#risk > div:nth-child(2) > div > p > span:nth-child(1) {
.risk > div:nth-child(2) > div > p > span:nth-child(1) {
color: #EF893B;
}
#risk > div:nth-child(3) > i {
.risk > div:nth-child(3) > i {
background-image: url(../images/1-2/r7.png);
}
#risk > div:nth-child(3) > div > h6 {
.risk > div:nth-child(3) > div > h6 {
background: linear-gradient(180deg, #FFFFFF 0%, #EFCB3B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#risk > div:nth-child(3) > div > p > span:nth-child(1) {
.risk > div:nth-child(3) > div > p > span:nth-child(1) {
color: #EFCB3B;
}
#risk > div:nth-child(4) > i {
.risk > div:nth-child(4) > i {
background-image: url(../images/1-2/r8.png);
}
#risk > div:nth-child(4) > div > h6 {
.risk > div:nth-child(4) > div > h6 {
background: linear-gradient(180deg, #FFFFFF 0%, #3B8CEF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#risk > div:nth-child(4) > div > p > span:nth-child(1) {
.risk > div:nth-child(4) > div > p > span:nth-child(1) {
color: #3B8CEF;
}
+18 -18
View File
@@ -389,7 +389,7 @@
color: #C2D5E7;
}
#risk {
.risk {
padding: 0.25rem;
display: grid;
grid-template-columns: 1fr 1fr;
@@ -398,83 +398,83 @@
row-gap: 0.25rem;
}
#risk > div > i {
.risk > div > i {
height: 0.825rem;
width: 0.9375rem;
}
#risk > div > div {
.risk > div > div {
margin-left: 0.125rem;
height: 0.825rem;
}
#risk > div > div > h6 {
.risk > div > div > h6 {
font-size: 0.225rem;
font-weight: bold;
}
#risk > div > div > p {
.risk > div > div > p {
font-size: 0.3rem;
}
#risk > div > div > p > span:nth-child(1) {
.risk > div > div > p > span:nth-child(1) {
font-size: 0.3rem;
color: #C2D5E7;
}
#risk > div:nth-child(1) > i {
.risk > div:nth-child(1) > i {
background-image: url(../images/1-2/r5.png);
}
#risk > div:nth-child(1) > div > h6 {
.risk > div:nth-child(1) > div > h6 {
background: linear-gradient(180deg, #FFFFFF 0%, #EF3B49 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#risk > div:nth-child(1) > div > p > span:nth-child(1) {
.risk > div:nth-child(1) > div > p > span:nth-child(1) {
color: #EF3B49;
}
#risk > div:nth-child(2) > i {
.risk > div:nth-child(2) > i {
background-image: url(../images/1-2/r6.png);
}
#risk > div:nth-child(2) > div > h6 {
.risk > div:nth-child(2) > div > h6 {
background: linear-gradient(180deg, #FFFFFF 0%, #EF893B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#risk > div:nth-child(2) > div > p > span:nth-child(1) {
.risk > div:nth-child(2) > div > p > span:nth-child(1) {
color: #EF893B;
}
#risk > div:nth-child(3) > i {
.risk > div:nth-child(3) > i {
background-image: url(../images/1-2/r7.png);
}
#risk > div:nth-child(3) > div > h6 {
.risk > div:nth-child(3) > div > h6 {
background: linear-gradient(180deg, #FFFFFF 0%, #EFCB3B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#risk > div:nth-child(3) > div > p > span:nth-child(1) {
.risk > div:nth-child(3) > div > p > span:nth-child(1) {
color: #EFCB3B;
}
#risk > div:nth-child(4) > i {
.risk > div:nth-child(4) > i {
background-image: url(../images/1-2/r8.png);
}
#risk > div:nth-child(4) > div > h6 {
.risk > div:nth-child(4) > div > h6 {
background: linear-gradient(180deg, #FFFFFF 0%, #3B8CEF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#risk > div:nth-child(4) > div > p > span:nth-child(1) {
.risk > div:nth-child(4) > div > p > span:nth-child(1) {
color: #3B8CEF;
}