Pear-Admin-Layui/index.html

118 lines
4.7 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- 依 赖 样 式 -->
<link rel="stylesheet" href="component/layui/css/layui.css" />
<link rel="stylesheet" href="admin/css/pearTab.css" />
<link rel="stylesheet" href="admin/css/pearTheme.css" />
<link rel="stylesheet" href="admin/css/pearLoad.css" />
<link rel="stylesheet" href="admin/css/pearFrame.css" />
<link rel="stylesheet" href="admin/css/pearAdmin.css" />
<link rel="stylesheet" href="admin/css/pearNotice.css" />
<link rel="stylesheet" href="admin/css/pearSocial.css" />
<link rel="stylesheet" href="admin/css/pearMenu.css" />
<!-- 主 题 更 换 -->
<style id="pearadmin-bg-color"></style>
</head>
<body class="layui-layout-body pear-admin">
<!-- 布 局 框 架 -->
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<!-- 顶 部 左 侧 功 能 -->
<ul class="layui-nav layui-layout-left">
<li class="collaspe layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
<li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1"></a></li>
</ul>
<!-- 顶 部 右 侧 菜 单 -->
<div id="control" class="layui-layout-control"></div>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item layui-hide-xs"><a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li>
<li class="layui-nav-item layui-hide-xs"><a href="http://www.pearadmin.cn" class="layui-icon layui-icon-website"></a></li>
<li class="layui-nav-item layui-hide-xs" id="headerNotice"></li>
<li class="layui-nav-item" lay-unselect="">
<a href="javascript:;"><img src="admin/images/avatar.jpg" class="layui-nav-img">就眠仪式</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" class="navMenu" data-id="1000" data-url="view/system/person.html">个人信息</a></dd>
<dd><a href="javascript:;" class="navMenu" data-id="1500" data-url="http://www.pearadmin.com/">安全配置</a></dd>
<dd><a href="javascript:;" class="navMenu" data-id="2000" data-url="https://www.baidu.com">打开百度</a></dd>
<dd><a href="login.html">注销登陆</a></dd>
</dl>
</li>
<li class="setting layui-nav-item"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>
</ul>
</div>
<!-- 侧 边 区 域 -->
<div class="layui-side layui-bg-black">
<!-- 顶 部 图 标 -->
<div class="layui-logo">
<img class="logo" src="" />
<span class="title"></span>
</div>
<!-- 侧 边 菜 单 -->
<div class="layui-side-scroll">
<div id="sideMenu"></div>
</div>
</div>
<div class="layui-body">
<div id="content"></div>
</div>
</div>
<!-- 遮 盖 层 -->
<div class="pear-cover"></div>
<!-- 加 载 动 画-->
<div class="loader-main">
<div class="loader"></div>
</div>
<!-- 聊 天 组 件 -->
<div id="social" class="layui-hide-xs"></div>
<!-- 收 缩 适 配 -->
<div class="collaspe pe-collaspe layui-hide-sm">
<i class="layui-icon layui-icon-shrink-right"></i>
</div>
<!-- 依 赖 脚 本 -->
<script src="component/layui/layui.js"></script>
<script>
layui.use(['pearAdmin', 'jquery', 'pearSocial', 'layer'], function() {
var pearAdmin = layui.pearAdmin;
var $ = layui.jquery;
var layer = layui.layer;
var pearSocial = layui.pearSocial;
var pearAuth = layui.pearAuth;
var config = {
keepLoad: 2000, // 主 页 加 载 过 度 时 长 可为 false
muiltTab: true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
control: false, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭
theme: "dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题
index: 'view/console/console1.html', // 默 认 加 载 主 页
data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址
select: '0', // 默 认 选 中 菜 单 项
notice: 'admin/data/notice.json', // 消 息 列 表 数 据
auth: 'admin/data/permission.json', // 前端权限限制false 关闭该功能
logoTitle:"Pear Admin", // 网站标题
logoImage:"admin/images/logo.png" // 网站Logo
};
var setting = {
elem: 'social'
}
pearSocial.render(setting);
pearAdmin.render(config);
})
</script>
<!-- 新 增 百 度 统 计 ( 可 移 除 )-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6ab27a14480b19bc9ce3eef146674287";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>