代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Pear One 框架</title>
<link rel="stylesheet" href="component/layui/css/layui.css">
<link rel="stylesheet" href="assets/css/pearone.css" />
<link rel="stylesheet" href="component/font-awesome-4.7.0/css/font-awesome.css"/>
<link rel="stylesheet" href="assets/css/examples.css" type="text/css">
<style id="pearone-bg-color">
</style>
</head>
<body class="layui-layout-body pearone-layout show-menu">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo"><i class="fa fa-gitlab logo"></i> <span class="title">Pear One Frame</span></div>
<ul class="layui-nav layui-nav-topinline layui-layout-left">
<li class="layui-nav-item"><a href="#" show-data="1" class="layui-icon layui-icon-shrink-right zoom-tool"></a></li>
<li class="layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1 pearone-refresh"></a></li>
</ul>
<ul class="layui-nav layui-nav-topinline layui-header-menu layui-header-pc-menu mobile" lay-filter="topMenu" id="topMenu" style="left:300px;">
</ul>
<ul class="layui-nav layui-nav-topinline layui-layout-left modules-pe mobile layui-hide-lg" style="left:330px;">
<li class="layui-nav-item">
<a href="javascript:;"><i class="layui-icon"></i> 选择模块</a>
<dl class="layui-nav-child layui-header-mini-menu">
</dl>
</li>
</ul>
<ul class="layui-nav layui-nav-topinline layui-layout-right">
<li class="layui-nav-item" small-mobile><a href="#" class="layui-icon layui-icon-notice"></a></li>
<li class="layui-nav-item">
<a href="javascript:;">
<img src="assets/images/avatar.jpg" class="layui-nav-img">
<span small-mobile>就眠仪式</span>
</a>
<dl class="layui-nav-child" style="text-align: center;" >
<dd><a href="javascript:;" class="site-demo-active" data-url="views/system/personal.html" data-title="个人资料" data-id="1221234215" data-icon="layui-icon layui-icon-username"><i class="fa fa-address-card-o"></i> 个人资料</a></dd>
<dd><a href="javascript:;" id="changePassword"><i class="fa fa-cog fa-fw"></i> 修改密码</a></dd>
<dd><a href="javascript:;" id="logout"><i class="fa fa-power-off"></i> 退出登录</a></dd>
</dl>
</li>
<li class="layui-nav-item" small-mobile><a href="#" class="layui-icon layui-icon-more-vertical setTheme"></a></li>
</ul>
</div>
<div class="layui-side layui-bg-black" >
<div class="layui-side-scroll" id="menuEnd" >
</div>
</div>
<div class="layui-body">
<div id="oneTab" style="height: 100%;width: 100%;">
<div style="background-color: white;height: 40px;line-height: 40px;z-index: 999;padding-left: 20px;border: 1px solid whitesmoke;box-shadow: 0px 0px 5px gray;">
<span class="layui-breadcrumb">
<a href="#" id="oneTab-title"><i class="layui-icon layui-icon-console"></i> <span>首页</span></a>
</span>
</div>
<iframe id="mainFrame" src="" frameborder="no" border="0" marginwidth="0" marginheight="0"
style="width: 100%;height: 100%;"></iframe>
</div>
<div id="multileTab" style="width: 100%;height: 100%;">
<div class="layui-tab layui-tab-button" lay-filter="mainFrame" lay-allowclose="true">
<ul class="layui-tab-title">
</ul>
<div class="layui-tab-content">
</div>
</div>
<div class='layui-icon admin-tabs-control layui-icon-left' id='leftPage' ew-event='leftPage'></div>
<div class='layui-icon admin-tabs-control layui-icon-right' id='rightPage' ew-event='rightPage'></div>
<div class='layui-icon admin-tabs-control layui-icon-down'>
<ul class='layui-nav admin-tabs-select' lay-filter='admin-pagetabs-nav'>
<li class='layui-nav-item' lay-unselect><a href='javascript:;'></a>
<dl class='layui-nav-child'>
<dd ew-event='closeThisTabs' id='closeThisTabs' lay-unselect><a href='javascript:;'>关闭当前标签页</a></dd>
<dd ew-event='closeOtherTabs' id='closeOtherTabs' lay-unselect><a href='javascript:;'>关闭其它标签页</a></dd>
<dd ew-event='closeAllTabs' id='closeAllTabs' lay-unselect><a href='javascript:;'>关闭全部标签页</a></dd>
</dl>
</li>
</ul>
</div>
</div>
</div>
<div class="layui-footer layui-hide-xs">
<a href='https://gitee.com/loadingwork/Pear-One-Layui/stargazers'><img src='https://gitee.com/loadingwork/Pear-One-Layui/badge/star.svg?theme=gray' alt='star'></img></a>
<a style="margin-left: 10px;" href='https://gitee.com/Jmysy/Pear-One-Layui/members'><img src='https://gitee.com/loadingwork/Pear-One-Layui/badge/fork.svg?theme=white' alt='fork'></img></a>
</div>
</div>
<!-- 移动设备遮罩层 -->
<div class="site-mobile-shade"></div>
<div id="preloader">
<div id="preloader-inner"></div>
</div>
<script src="component/loading/okLoading.js"></script>
<script src="component/layui/layui.js"></script>
<script src="modules/lay-config.js"></script>
<script>
//JavaScript代码区域
layui.use(['element', 'jquery', 'pearone','layer'], function() {
var element = layui.element,
$ = layui.jquery,
pearone = layui.pearone,
layer = layui.layer;
pearone.init({
menuInfo:'api/menu.json', //菜单数据地址
menuType:false, //菜单模式,true:多系统菜单 false:单系统菜单模式
homeInfo:'views/system/console.html', //主页地址
multileTab:true, //多标签页是否开启,true:开启 false:关闭
tabType:1, //标签页样式 1.2.3 三种样式
showFooter:true
});
/**
* 修改密码弹窗
* PS：这里只是为了做演示，实际运用可结合layer弹窗做修改
*/
$("#changePassword").click(function(){
layer.open({
type: 1,
title: '修改密码',
area: ['420px', '240px'],
content: '此处仅仅是演示效果，实际开发中结合layer自行安排...'
});
});
/**
* 退出登录演示,实际开发中点击事件需要自己写
*/
$("#logout").click(function(){
window.location.href="./views/system/login.html";
});
setTimeout(function(){
layer.open({
title:"公告",
area: 'auto',
Width: "400px",
// maxHeight:1000,
btn: ['前往围观','源码地址'],//设置底部按钮
btn1: function () {
location.href="http://qm.qq.com/cgi-bin/qm/qr?k=wguN0SYYFVTX9K-5Muf36E_J77bCzdDD&authKey=Ye5voDJGOphYUvypWJHOEyHoYBcgzk1l7djAS4fWcmls1jybLnYjwLrzwsS6Jdo3&group_code=682110771";
},
btn2: function () {
location.href="https://gitee.com/Jmysy/Pear-One-Layui";
},
//content为弹出层内容
content:"Pear One v1.0上线啦 <br><br> 在此郑重承诺该模板永久免费为大家提供若有更好的建议欢迎加入 QQ群一起聊"
});
},1500);
});
</script>
<script src="assets/js/jquery-2.1.1.min.js"></script>
<script src="assets/js/jquery.preloader.js" type="text/javascript"></script>
<script>
$(window).preloader({
delay: 800
});
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
