SunTao/xjsaas-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：首页背景调整，路面病害对比修改

Browse Source
This commit is contained in:
SunTao
2024-11-06 11:07:52 +08:00
parent 8d0c115a51
commit 2e7e66f13a
32 changed files with 613 additions and 1820 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/index-components/daily-index.vue
+12 -5
View File
@@ -2,7 +2,7 @@
* @Author: SunTao 328867980@qq.com
* @Date: 2024-10-29 15:12:20
* @LastEditors: SunTao 328867980@qq.com
* @LastEditTime: 2024-10-30 13:10:04
* @LastEditTime: 2024-11-05 11:47:03
* @FilePath: \znxjxt-ui\src\views\index-components\daily-index.vue
* @Description: 首页-日常巡查
-->
@@ -378,8 +378,13 @@ export default {
.title {
width: 100%;
height: 10%;
display: flex;
align-items: center;
padding-left: 3rem;
font-family: "DouYu";
background: url("../../assets/index/div-title.png") no-repeat;
background-size: 5%;
background-position: 0 30%;
}
.daily-content {
@@ -391,15 +396,18 @@ export default {
.left {
width: 20%;
height: 100%;
background: url("../../assets/index/left-bkg.png") no-repeat;
background-size: 100%;
.left-div {
height: 27.5%;
width: 100%;
width: calc(100% - 2rem);
margin: 0 1rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px red solid;
border-bottom: 1px #adc6e5 solid;
.name {
font-size: 0.8rem;
@@ -421,7 +429,6 @@ export default {
width: 100%;
text-align: center;
line-height: 3rem;
border: 1px red solid;
}
}
@@ -432,7 +439,7 @@ export default {
> div {
height: 50%;
width: 100%;
border: 1px red solid;
background-color: #ffffff;
}
}
}
src/views/index-components/disease-index.vue
+15 -5
View File
@@ -2,7 +2,7 @@
* @Author: SunTao 328867980@qq.com
* @Date: 2024-10-29 15:17:58
* @LastEditors: SunTao 328867980@qq.com
* @LastEditTime: 2024-10-31 09:15:52
* @LastEditTime: 2024-11-05 11:51:10
* @FilePath: \znxjxt-ui\src\views\index-components\disease-index.vue
* @Description: 首页-病害识别
-->
@@ -362,8 +362,13 @@ export default {
.title {
width: 100%;
height: 10%;
display: flex;
align-items: center;
padding-left: 3rem;
font-family: "DouYu";
background: url("../../assets/index/div-title.png") no-repeat;
background-size: 5%;
background-position: 0 30%;
}
.disease-content {
@@ -375,15 +380,17 @@ export default {
.left {
width: 20%;
height: 100%;
background: url("../../assets/index/left-bkg.png") no-repeat;
background-size: 100%;
> div {
height: 50%;
width: 100%;
width: calc(100% - 2rem);
margin: 0 1rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px red solid;
.name {
font-size: 0.8rem;
@@ -398,6 +405,10 @@ export default {
font-size: 1.5rem;
}
}
&:nth-child(1) {
border-bottom: 1px #adc6e5 solid;
}
}
}
@@ -418,9 +429,8 @@ export default {
height: 50%;
width: 100%;
display: flex;
position: relative;
border: 1px red solid;
background-color: #ffffff;
.distribution-div {
width: 30%;
src/views/index-components/road-index.vue
+53 -4
View File
@@ -2,7 +2,7 @@
* @Author: SunTao 328867980@qq.com
* @Date: 2024-10-29 15:23:44
* @LastEditors: SunTao 328867980@qq.com
* @LastEditTime: 2024-10-30 14:15:44
* @LastEditTime: 2024-11-06 10:48:26
* @FilePath: \znxjxt-ui\src\views\index-components\road-index.vue
* @Description: 首页-公路资产
-->
@@ -193,8 +193,13 @@ export default {
.title {
width: 100%;
height: 10%;
display: flex;
align-items: center;
padding-left: 3rem;
font-family: "DouYu";
background: url("../../assets/index/div-title.png") no-repeat;
background-size: 5%;
background-position: 0 30%;
}
.top-div {
@@ -202,6 +207,9 @@ export default {
height: 10%;
display: flex;
align-items: center;
padding-left: 3rem;
background: url("../../assets/index/top-div-title.png") no-repeat;
background-size: 100% 100%;
a {
margin-top: 0.4rem;
@@ -212,6 +220,7 @@ export default {
width: 1.2rem;
margin: 0 0.1rem;
font-size: 1.5rem;
color: #388bd8;
background: #ffffff;
box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.16);
border-radius: 3px 3px 3px 3px;
@@ -226,17 +235,57 @@ export default {
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-end;
border: 1px solid red;
.middle-item {
width: 21%;
width: 24%;
height: 40%;
padding: 0 0.5rem 0 2.5rem;
padding: 0 0.5rem 0 3rem;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f2f9fe;
border-radius: 0.2rem;
font-size: 0.9rem;
}
.middle-item-0 {
background: url("../../assets/index/middle-item-0.png") no-repeat;
background-size: 120% 100%;
}
.middle-item-1 {
background: url("../../assets/index/middle-item-1.png") no-repeat;
background-size: 120% 100%;
}
.middle-item-2 {
background: url("../../assets/index/middle-item-2.png") no-repeat;
background-size: 120% 100%;
}
.middle-item-3 {
background: url("../../assets/index/middle-item-3.png") no-repeat;
background-size: 120% 100%;
}
.middle-item-4 {
background: url("../../assets/index/middle-item-4.png") no-repeat;
background-size: 120% 100%;
}
.middle-item-5 {
background: url("../../assets/index/middle-item-5.png") no-repeat;
background-size: 120% 100%;
}
.middle-item-6 {
background: url("../../assets/index/middle-item-6.png") no-repeat;
background-size: 120% 100%;
}
.middle-item-7 {
background: url("../../assets/index/middle-item-7.png") no-repeat;
background-size: 120% 100%;
}
}
src/views/index-components/traffic-index.vue
+6 -1
View File
@@ -2,7 +2,7 @@
* @Author: SunTao 328867980@qq.com
* @Date: 2024-10-29 15:30:35
* @LastEditors: SunTao 328867980@qq.com
* @LastEditTime: 2024-10-30 14:42:47
* @LastEditTime: 2024-11-05 11:46:15
* @FilePath: \znxjxt-ui\src\views\index-components\traffic-index.vue
* @Description: 首页-路况评定
-->
@@ -221,8 +221,13 @@ export default {
.title {
width: 100%;
height: 10%;
display: flex;
align-items: center;
padding-left: 3rem;
font-family: "DouYu";
background: url("../../assets/index/div-title.png") no-repeat;
background-size: 5%;
background-position: 0 30%;
}
.traffic-table {