账户中心 退出系统
使用手册 模板中心 账户中心
快速开始
框架介绍
快速部署
开发规范
开发文档
基础样式
页面组件
页码组件
表单验证
权限系统
页面组件

gui-page 组件功能

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 内还完成了登录检查、用户注销等功能,请参考具体代码继续完善即可;