syy

src/router/index.js

@@ -42,6 +42,7 @@ export const constantRoutesNew = [{
 		path: '/',
 		redirect: 'homePage',
 	},
+
 	{
 		//首页
 		path: '/homePage',
@@ -53,6 +54,16 @@ export const constantRoutesNew = [{
 		}
 	},
 	{
+		//驾驶舱
+		path: '/Cockpit',
+		name: 'Cockpit',
+		component: () => import('@/views/Cockpit'),
+		meta: {
+			// title: '水利云图'
+			title: '驾驶舱'
+		}
+	},
+	{
 		path: '/login',
 		component: () => import('@/views/system/login'),
 		hidden: true

src/views/sixZ.vue

@@ -366,6 +366,7 @@
 			}
 			.btn-span.on{
 				filter: brightness(170%) hue-rotate(-20deg);
+                box-shadow: none;
 			}
 		}
 		.btm-btn2{
@@ -422,7 +423,7 @@
         text-align: left;
         color: #fff;
         padding-bottom: 15px;
-        border-bottom: 1px dashed #94ccc8;
+        border-bottom: 1px dashed #4a5958;
         margin-bottom: 15px;
         p{
             height: 40px;

src/views/homePage.vue

@@ -98,8 +98,10 @@
 					<span>监管中心</span>
 				</div>
 				<div class="btn-span2">
+					<router-link to="/Cockpit">
 					<img src="../assets/index_img/jsc.png" alt="" />
 					<span>驾驶舱</span>
+					</router-link>
 				</div>
 				<div class="btn-span2">
 					<img src="../assets/index_img/yyzx.png" alt="" />
@@ -322,7 +324,7 @@
 
 	.lifeline-con {
 		background: url('../assets/index_img/b-bg.jpg') no-repeat;
-
+		background-size: 100% 100%;
 		.life-header {
 			width: 100%;
 			height: 109px;
@@ -552,6 +554,8 @@
 					-webkit-background-clip: text;
 					-webkit-text-fill-color: transparent;
 					margin-top: -10px;
+					display: block;
+					text-align: center;
 				}
 			}
 			.btn-span2:hover{