页面布局 #

布局共分为 3 块，顶栏、侧边栏、内容栏，布局文件路径为：src/views/layouts/BaseLayout.vue。

有些放置的东西是重复的，但是呈现的画面是不一样的，这是因为有时候因为某种原因要放置在不同的位置，直接移除对应的代码即可。

顶栏 #

顶栏放置了 标题、侧边栏折叠按钮、多语言切换按钮、未读消息按钮、全屏按钮、用户面板，其对应的文件路径为：src/views/layouts/BaseHeader.vue。

多语言切换

提供了用于切换多语言的按钮，详情请看多语言

用户面板

包含了 修改头像、修改密码 的弹框设置

侧边栏 #

侧边栏放置了 用户面板、导航菜单、侧边栏折叠按钮，其对应的文件路径为：src/views/layouts/BaseNavigator.vue。

导航菜单

vt-admin 导航菜单并不像其他脚手架直接去分析路由的结构来生成菜单，作者认为那样的结构过于耦合，所以使用 src/common/data/menu.js 来组织，请修改此文件来构建你的菜单。

如果你想调用接口来组织菜单，则在 src/views/layouts/BaseNavigator.vue 中去加载即可。

内容栏 #

侧边栏放置了 路由切换、路由对应的组件。