1 页面结构布局 2 功能菜单设置 3 登录验证 4 账户下拉菜单 5 退出登录
currents : { type : Array, default : [0, 'index'] } // 1.2 版本有调整 将第2个参数由索引更新为页面名称 // 菜单激活状态设置 [ 头部导航激活索引, '当前页面名称, 如 page/index/index 填写 index']
打开 gui-page.vue
// 主菜单 menusMain:['系统信息', '内容管理'], // 子菜单 sonMenus: [ // 第1个主菜单对应的子菜单 [ ['index' , '系统首页'], ['orther' , '其他功能'] ], // 第2个主菜单对应的子菜单 [ ['notice' , '公告管理'], ['form' , '表单演示'] ] ],
配置主菜单及左侧子菜单即可;
[ '页面名称', '菜单展示名称' ]
1 新建一个页面后完成上面的菜单数据配置,保存后刷新页面即可看到菜单与页面的结合效果;
2 gui-page 内还完成了登录检查、用户注销等功能,请参考具体代码继续完善即可;