数据大屏优化
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user