【示例网站】【优化开发指南左边列表的点击样式】

Author: yuchao-xie

website/src/views/component/product.vue

@@ -225,10 +225,13 @@ export default {
     }
 
     .active {
-      border-left: 3px solid #000000;
+      border-left: 3px solid #3A85C6;
       padding-left: 6px;
-      color: #000000;
       font-weight: bold;
+
+      a {
+        color: #3A85C6;
+      }
     }
   }
 }

website/src/views/guide/DevelopGuide.vue

@@ -222,10 +222,13 @@ export default {
     }
 
     .active {
-      border-left: 3px solid #000000;
+      border-left: 3px solid #3A85C6;
       padding-left: 6px;
-      color: #000000;
       font-weight: bold;
+
+      a {
+        color: #3A85C6;
+      }
     }
   }
 }