mod: 调整菜单图标和dashboard路由结构

This commit is contained in:
zhangchuanlong 2022-03-13 14:41:02 +08:00
parent 2f592f9570
commit 28f0815211
2 changed files with 14 additions and 12 deletions

View File

@ -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)
}

View File

@ -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: [
{