ui

src/views/Sentinel.vue

@@ -408,6 +408,7 @@
 		height: 29px;
 		line-height: 29px;
 		text-align: center;
+		transition: all 0.3s;
 	}
 	.s_header .head_btn a i{
 		display: block;
@@ -421,9 +422,10 @@
 		display: block;
 		text-align: center;
 	}
-	.s_header .head_btn a.on{
+	.s_header .head_btn a.on ,.s_header .head_btn a:hover{
 		background: url("../assets/images/sentinel/hz_btnbg_on.png") no-repeat center;
 		box-shadow: none;
+		filter: brightness(170%);
 	}
 	.con_left{
 		position: absolute;
@@ -479,10 +481,16 @@
 		height: 38px;
 		line-height: 38px;
 		margin-bottom: 5px;
+		
 	}
 	.sp_list dd{
 		display: flex;
 		flex-direction: row;
+		cursor: pointer;
+		transition: all 0.3s;
+	}
+	.sp_list dd:hover{
+		filter: brightness(170%) hue-rotate(-20deg);
 	}
 	.sp_list dd:nth-child(odd){
 		background: linear-gradient(to right, rgba(40, 115, 124, 0.68), rgba(38, 75, 80, 0.68));