Pear-Admin-Layui/Pear Admin v 2.0/index.html

112 lines
4.0 KiB
HTML
Raw Normal View History

2020-04-04 09:54:48 +00:00
<!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" />
2020-06-02 15:15:44 +00:00
<link rel="stylesheet" href="admin/css/pearTab.css" />
2020-04-16 10:00:35 +00:00
<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" />
2020-06-02 15:15:44 +00:00
<link rel="stylesheet" href="admin/css/pearMenu.css" />
2020-04-16 10:00:35 +00:00
<style id="pearone-bg-color"></style>
2020-04-04 09:54:48 +00:00
</head>
2020-06-02 12:47:10 +00:00
<body class="layui-layout-body pear-admin">
2020-04-04 09:54:48 +00:00
<!-- 布局框架 -->
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<ul class="layui-nav layui-layout-left">
2020-06-03 10:48:36 +00:00
<li class="collaspe layui-nav-item layui-hide-xs"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
2020-04-04 09:54:48 +00:00
<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>
2020-05-17 04:13:04 +00:00
<li class="layui-nav-item layui-hide-xs"><a href="https://gitee.com/Jmysy/Pear-Admin-Layui" class="layui-icon layui-icon-website"></a></li>
2020-05-22 01:13:27 +00:00
<li class="layui-nav-item layui-hide-xs" id="headerNotice"></li>
2020-04-14 16:35:28 +00:00
<li class="layui-nav-item" lay-unselect="">
2020-04-16 10:00:35 +00:00
<a href="javascript:;"><img src="admin/images/avatar.jpg" class="layui-nav-img">就眠仪式</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" class="pearson">个人信息</a></dd>
<dd><a href="javascript:;">安全配置</a></dd>
<dd><a href="javascript:;">打开百度</a></dd>
<dd><a href="javascript:;">注销登陆</a></dd>
</dl>
2020-04-14 16:35:28 +00:00
</li>
2020-04-04 09:54:48 +00:00
<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">
2020-04-16 10:00:35 +00:00
<div class="layui-logo">
2020-04-04 09:54:48 +00:00
<img class="logo" src="admin/images/logo.png" />
2020-04-16 10:00:35 +00:00
<span class="title">Pear Admin</span>
2020-04-04 09:54:48 +00:00
</div>
<div class="layui-side-scroll">
<div id="sideMenu"></div>
</div>
</div>
<div class="layui-body">
2020-04-16 10:00:35 +00:00
<div id="content"></div>
2020-04-04 09:54:48 +00:00
</div>
</div>
2020-04-16 10:00:35 +00:00
2020-04-04 09:54:48 +00:00
<!-- 移动端 遮盖层 -->
<div class="pear-cover"></div>
2020-04-16 10:00:35 +00:00
2020-04-04 09:54:48 +00:00
<!-- 初始加载 动画-->
<div class="preloader">
<div class="preloader-inner"></div>
</div>
2020-06-03 10:48:36 +00:00
<!-- 移动端 的 收缩适配 -->
<div class="collaspe pe-collaspe layui-hide-sm">
<i class="layui-icon layui-icon-shrink-right"></i>
</div>
2020-04-16 10:00:35 +00:00
2020-04-04 09:54:48 +00:00
<script src="component/layui/layui.js"></script>
<script>
2020-04-16 10:00:35 +00:00
layui.use(['pearAdmin', 'jquery', 'pearTab', 'pearNotice'], function() {
2020-04-04 09:54:48 +00:00
var pearAdmin = layui.pearAdmin;
var $ = layui.jquery;
var pearTab = layui.pearTab;
2020-04-16 10:00:35 +00:00
var pearNotice = layui.pearNotice;
2020-04-04 09:54:48 +00:00
var config = {
2020-04-18 07:30:39 +00:00
keepLoad: 1200, // 主 页 加 载 过 度 时 长 可为 false
2020-06-02 15:15:44 +00:00
muiltTab: true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
2020-05-30 18:11:46 +00:00
control: false, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭
2020-04-16 10:00:35 +00:00
theme: "dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题
2020-05-22 00:55:33 +00:00
index: 'view/console/console1.html', // 默 认 加 载 主 页
2020-04-16 10:00:35 +00:00
data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址
2020-04-04 09:54:48 +00:00
};
2020-06-02 15:15:44 +00:00
var option = {
2020-04-16 10:00:35 +00:00
elem: 'headerNotice',
url: 'admin/data/notice.json',
height: '200px',
click: function(id, title) {
layer.msg("当前监听消息" + id + "消息标题:" + title);
}
2020-06-02 15:15:44 +00:00
}
pearAdmin.render(config);
pearNotice.render(option);
$("body").on("click", ".pearson", function() {
pearTab.addTabOnlyByElem("content", {
id: 111,
title: "个人信息",
url: "view/system/person.html",
close: true
})
2020-04-16 10:00:35 +00:00
})
2020-06-02 15:15:44 +00:00
2020-04-04 09:54:48 +00:00
})
</script>
</body>
</html>