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

105 lines
4.2 KiB
HTML

<!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/pearMenu.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/pearSocial.css"/>
<style id="pearone-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="#" class="layui-icon layui-icon-website"></a></li>
<li class="layui-nav-item layui-hide-xs"><a href="#" class="notice layui-icon layui-icon-notice"><span class="layui-badge-dot"></span></a></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:;">个人信息</a></dd>
<dd><a href="javascript:;">安全配置</a></dd>
<dd><a href="javascript:;">打开百度</a></dd>
<dd><a href="javascript:;">注销登陆</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="admin/images/logo.png" />
</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="preloader">
<div class="preloader-inner"></div>
</div>
<script src="component/layui/layui.js"></script>
<script>
layui.use(['pearAdmin','jquery','pearTab'],function(){
var pearAdmin = layui.pearAdmin;
var $ = layui.jquery;
var pearTab = layui.pearTab;
var config = {
keepLoad:1000, // 主 页 加 载 过 度 时 长 可为 false
muiltTab:true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
control:false, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭
theme:"dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题
index:'view/console/console.html', // 默 认 加 载 主 页
data:'admin/data/menu.json', // 菜 单 数 据 加 载 地 址
done:function(){
var index = layer.open({
content: '<img style="width:100%;height:100%;" src="admin/images/message.png">',
offset:"rb",
title:"后 台 管 理 系 统 框 架",
shade:0,
closeBtn:false,
area: ['360px','270px'],
btn:['前往围观','加入社区'],
btn1:function(){
window.open("https://gitee.com/Jmysy/Pear-Admin-Boot");
layer.close(index);
},
btn2:function(){
window.open("http://qm.qq.com/cgi-bin/qm/qr?k=wguN0SYYFVTX9K-5Muf36E_J77bCzdDD&authKey=Ye5voDJGOphYUvypWJHOEyHoYBcgzk1l7djAS4fWcmls1jybLnYjwLrzwsS6Jdo3&group_code=682110771");
layer.close(index);
}
});
}
};
pearAdmin.render(config);
})
</script>
</body>
</html>