1. 首页
  2. 页面
  3. 后台管理框架

后台管理框架

后台管理框架 = 页面级框架（.page-admin）+ 用户设置引擎 + 侧栏菜单引擎（card-menus）+ Tabmenu 标签页 + iframe 页面容器，body 加 class 即启用。
本页内容 三种管理页布局 框架启动 侧栏菜单数据 theme.color 主题切换 桌面端 iframe 页面

三种管理页布局

布局组成
page-admin-right侧栏 + 内容区
page-admin-leftright左侧栏 + 右侧栏 + 内容区
page-admin-index顶部 + 侧栏 + 内容区（完整后台）

框架启动

<body class="page-admin"> <div class="container">...</div> <!-- 侧栏 --> <nav class="card card-menus" id="loginMenus" data-name="menus1">...</nav> <!-- Tabmenu 标签页 --> <div class="card card-tabmenu">...</div> </body>

侧栏菜单数据

$K("nav").sidebar({ data: [ { title: "菜单一", icon: "kq-icon-...", url: "page.html" }, { title: "菜单二", icon: "kq-icon-...", data: [...子菜单] } ] });
侧栏菜单引擎 data-name 需与服务端确认（如 data-name="menus1"），用户数据菜单也走同样的 ui.js 驱动。

theme.color 主题切换

桌面端 iframe 页面

上一页 JS 引擎
下一页 登录页
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页