搞搞搞

src/views/Home.vue

@@ -197,6 +197,12 @@ export default {
       line-height: 1.3;
       margin-bottom: 24px;
       cursor: pointer;
+      &:hover {
+        color: #D11414;
+        >.level2 {
+          color: #D11414;
+        }
+      }
       >.level2 {
         font-size: 18px;
         font-family: Source Han Sans CN-Regular, Source Han Sans CN;
@@ -226,7 +232,7 @@ export default {
     background-position: center center;
     position: absolute;
     font-size: 26px;
-    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+    font-family: FZShaoEr-M11-Regular, FZShaoEr-M11;
     font-weight: 400;
     color: #2D241D;
     writing-mode: vertical-lr;
@@ -235,7 +241,15 @@ export default {
     align-items: center;
     z-index: 3;
     >div {
-      transform: translateX(-3px);
+      transform: translateX(-1px);
+    }
+    &:hover {
+      color: #D11414;
+      background-image: url(@/assets/images/label-bg-active.png);
+      transform: translateX(-1px);
+      >div {
+        transform: initial;
+      }
     }
   }
 }

src/views/Level2.vue

@@ -100,6 +100,9 @@ export default {
       display: flex;
       justify-content: center;
       align-items: center;
+      &:hover {
+        color: #D11414;
+      }
     }
     &.hide {
       transform: translateX(110%);