fix: set router-link-active for active link

ly525
1 parent 55b836be
Showing 3 changed files with 10 additions and 4 deletions
front-end/h5/src/components/core/styles/index.scss
front-end/h5/src/router.js
front-end/h5/src/views/work-manager/index.vue
@@ -97,6 +97,14 @@
  
 }
  
+.default-router-link {
+  color: rgba(0, 0, 0, 0.65);
+}
+.router-link-active {
+  color: #1890ff !important;
+  background-color: transparent;
+  text-decoration: none;
+}
  
  
 .transparent-bg {
@@ -9,11 +9,9 @@ export default new Router({
   // mode: 'history',
   routes: [
     {
-      path: '/work-manager',
+      path: '/',
       component: Home,
-      name: 'work-manager',
       redirect: '/work-manager/list',
-      alias: '/',
       children: [
         {
           path: '/work-manager/list',
@@ -60,7 +60,7 @@ export default {
   },
   methods: {
     renderSidebar (menus) {
-      const renderLabel = menu => menu.routerName ? <router-link to={{ name: menu.routerName }} >{menu.label}</router-link> : menu.label
+      const renderLabel = menu => menu.routerName ? <router-link class="default-router-link" to={{ name: menu.routerName }}>{menu.label}</router-link> : menu.label
  
       return menus.map(menu => (
         menu.children