diff --git a/src/layout/components/sidebar/SideMenu.vue b/src/layout/components/sidebar/SideMenu.vue index cf50b26..b783dda 100644 --- a/src/layout/components/sidebar/SideMenu.vue +++ b/src/layout/components/sidebar/SideMenu.vue @@ -27,7 +27,7 @@ function resolvePath(basePath, path) { ) } -function renderIcon(icon, props = { size: 8 }) { +function renderIcon(icon, props = { size: 12 }) { return () => h(NIcon, { ...props }, { default: () => h(icon) }) } @@ -59,7 +59,7 @@ function generateOptions(routes, basePath) { curOption.icon = renderIcon(route.meta?.icon || ListAlt, { size: 16 }) curOption.children = generateOptions(route.children, resolvePath(basePath, route.path)) } else { - curOption.icon = renderIcon(route.meta?.icon || CircleRegular) + curOption.icon = (route.meta?.icon && renderIcon(route.meta?.icon)) || renderIcon(CircleRegular, { size: 8 }) } options.push(curOption) } diff --git a/src/router/routes/index.js b/src/router/routes/index.js index 87b1e50..73ddd1f 100644 --- a/src/router/routes/index.js +++ b/src/router/routes/index.js @@ -1,6 +1,6 @@ import Layout from '@/layout/index.vue' -import Dashboard from '@/views/dashboard/index.vue' -import { Dove, Github, HouseDamage, Link } from '@vicons/fa' +import Home from '@/views/dashboard/index.vue' +import { ChartBar, Dove, Github, HouseDamage, Link, TimesCircle } from '@vicons/fa' export const basicRoutes = [ { @@ -33,21 +33,22 @@ export const basicRoutes = [ }, { - name: 'HOME', + name: 'DASHBOARD', path: '/', component: Layout, - redirect: '/dashboard', + redirect: '/home', meta: { - title: '首页', - icon: HouseDamage, + title: 'Dashboard', + icon: ChartBar, }, children: [ { - name: 'DASHBOARD', - path: 'dashboard', - component: Dashboard, + name: 'HOME', + path: 'home', + component: Home, meta: { - title: 'Dashboard', + title: '首页', + icon: HouseDamage, }, }, ], @@ -105,6 +106,7 @@ export const basicRoutes = [ redirect: '/error-page/404', meta: { title: '错误页', + icon: TimesCircle, }, children: [ {