【示例网站】【Menu hover样式修改】

zhangying-zy618 · zhangying-zy618 · commit 115e943d4ac3 · 2021-05-25T15:40:53.000+08:00
diff --git a/website/src/views/layout/components/Header/Menu.vue b/website/src/views/layout/components/Header/Menu.vue
@@ -204,13 +204,17 @@ export default {
         width: 160px;
         height: 36px;
         // border-radius: 4px;
-        background: linear-gradient(90deg, rgba(71, 148, 250, 1), rgba(49, 225, 230, 1));
     }
     .header-menu-link-text {
         width: 160px;
         height: 36px;
         display: block;
     }
+    .header-menu-link-text:hover{
+      span{
+        color: #47abff !important;
+      }
+    }
 }
 
 .header-menu-wrapper-mobile {

Original file line number	Diff line number	Diff line change
`@@ -204,13 +204,17 @@ export default {`
`204`	`204`	`width: 160px;`
`205`	`205`	`height: 36px;`
`206`	`206`	`// border-radius: 4px;`
`207`		`- background: linear-gradient(90deg, rgba(71, 148, 250, 1), rgba(49, 225, 230, 1));`
`208`	`207`	`}`
`209`	`208`	`.header-menu-link-text {`
`210`	`209`	`width: 160px;`
`211`	`210`	`height: 36px;`
`212`	`211`	`display: block;`
`213`	`212`	`}`
	`213`	`+ .header-menu-link-text:hover{`
	`214`	`+ span{`
	`215`	`+ color: #47abff !important;`
	`216`	`+ }`
	`217`	`+ }`
`214`	`218`	`}`
`215`	`219`
`216`	`220`	`.header-menu-wrapper-mobile {`