lixuefeng/fengjie-datascreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新版式

Browse Source
This commit is contained in:
duanliang
2025-11-24 23:17:46 +08:00
parent 9d78158b77
commit 5c17235581
55 changed files with 973 additions and 731 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/views/traffic/components/box-2.vue
View File

@@ -234,6 +234,7 @@
.flex-1{
flex:1;
overflow:hidden;
height: 100%;
}
.title-1 {
position: relative;
@@ -241,7 +242,7 @@
.title {
margin: vh(10) auto;
margin-top:0;
width: vw(1500);
width: vw(1100);
height: vh(32);
display: flex;
align-items: center;
@@ -250,7 +251,7 @@
background-size: 100% 100%;
& > span {
font-weight: 800;
font-size: vw(24);
font-size: font-vw(24);
background-image: linear-gradient(to bottom, #ffffff 0%, #75c1ff 100%);
-webkit-background-clip: text;
background-clip: text;
@@ -265,8 +266,9 @@
flex:1;
}
.nav {
width: vw(230);
height: vh(950);
width: vw(330);
// height: vh(950);
height:100%;
margin-left: vw(8);
padding-left: vw(5);
overflow: auto;
@@ -279,10 +281,10 @@
&-item {
cursor: pointer;
margin-bottom: vw(15);
width: vw(220);
height: vh(54);
width: 100%;
height: vh(100);
font-weight: bold;
font-size: vw(18);
font-size: font-vw(20);
color: #ffffff;
display: flex;
align-items: center;
@@ -302,6 +304,7 @@
// width: vw(2116);
width:100%;
height: vh(890);
height: 100%;
margin-left: vw(8);
box-sizing: border-box;
background-image: url('/src/assets/images/map-bg-2.png');
@@ -334,7 +337,7 @@
height: vh(60);
font-family: Inter, Inter;
font-weight: 400;
font-size: vw(12);
font-size: font-vw(12);
color: #ffffff;
line-height: vh(14);
text-align: left;
@@ -343,8 +346,8 @@
}
}
.list {
width: vw(806);
height: vh(952);
width: vw(1000);
height: 100%;
margin-left: vw(8);
overflow: auto;
&::-webkit-scrollbar {
@@ -371,7 +374,7 @@
}
&-left__title {
margin-right: vw(20);
font-size: vw(28);
font-size: font-vw(28);
font-weight: bold;
color: transparent;
-webkit-background-clip: text;
@@ -384,7 +387,7 @@
width: vw(120);
height: vw(72);
font-weight: 600;
font-size: vw(15);
font-size: font-vw(15);
color: #ffffff;
padding-left: vw(42);
display: flex;
@@ -399,7 +402,7 @@
width: vw(120);
height: vw(72);
font-weight: 600;
font-size: vw(15);
font-size: font-vw(15);
color: #ffffff;
padding-left: vw(42);
display: flex;
@@ -409,9 +412,9 @@
}
&-status {
min-width: vw(150);
height: vw(54);
height: vw(64);
font-weight: 600;
font-size: vw(14);
font-size: font-vw(22);
color: #fff;
display: flex;
align-items: center;
@@ -425,7 +428,7 @@
.chart-item {
padding: vw(1);
margin-top: vh(10);
height: vh(293);
height: vh(500);
background-image: url('@/assets/images/bg-3.png');
background-size: 100% 100%;
@@ -447,7 +450,7 @@
position: absolute;
bottom: vh(4);
left: vw(20);
font-size: vw(15);
font-size: font-vw(15);
font-weight: bold;
background-image: linear-gradient(to bottom, #ffffff 0%, #0096ff 100%);
-webkit-background-clip: text;
@@ -461,7 +464,7 @@
}
.statistics {
height: vh(90);
height: vh(190);
display: flex;
align-items: center;
justify-content: space-evenly;
@@ -470,15 +473,15 @@
&-item__label {
font-weight: 400;
font-size: vw(14);
font-size: font-vw(22);
color: #fff;
margin-bottom: vh(10);
margin-bottom: vh(30);
}
&-item__value {
padding-left: vw(15);
height: vh(30);
height: vh(90);
font-weight: bold;
font-size: vw(24);
font-size: font-vw(28);
color: #02f9fa;
background-image: url('@/assets/images/t-box-title-bg-1.png');
background-size: 100% 100%;
@@ -487,7 +490,7 @@
.item-t {
display: flex;
font-weight: 400;
font-size: vw(14);
font-size: font-vw(14);
color: rgba(255, 255, 255, 0.8);
margin-bottom: vh(20);
img {
@@ -503,7 +506,7 @@
background-image: url('@/assets/images/t-box-title-bg-1.png');
background-size: 100% 100%;
font-weight: bold;
font-size: vw(24);
font-size: font-vw(24);
color: #02f9fa;
text-align: left;
font-style: normal;