root
/
Pear-Admin-Layui
mirror of https://gitee.com/zhang_1334717033/Pear-Admin-Layui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

优化

develop
Jmysy 2020-04-15 00:35:28 +08:00
parent 0f66efd63e
commit 7457e15241
3 changed files with 127 additions and 117 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Pear Admin v 2.0/admin/css/pearAdmin.css
View File

@ -10,6 +10,10 @@
font-size: 20px; font-size: 20px;
} }
.layui-header .layui-nav-more{
display: none!important;
}
/** /**
* 风格 * 风格
* */ * */

32
Pear Admin v 2.0/index.html
View File

@ -27,7 +27,15 @@
<ul class="layui-nav layui-layout-right"> <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="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="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="#" class="notice layui-icon layui-icon-notice"><span class="layui-badge-dot"></span></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="layui-nav-item" lay-unselect=""> <li class="layui-nav-item" lay-unselect="">
<a href="javascript:;"><img src="admin/images/avatar.jpg" class="layui-nav-img">就眠仪式</a> <a href="javascript:;"><img src="admin/images/avatar.jpg" class="layui-nav-img">就眠仪式</a>
<dl class="layui-nav-child"> <dl class="layui-nav-child">
@ -36,7 +44,7 @@
<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> </dl>
</li> </li>
<li class="setting layui-nav-item"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li> <li class="setting layui-nav-item"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>
</ul> </ul>
</div> </div>
@ -70,29 +78,13 @@
var config = { var config = {
keepLoad:1000, // 主 页 加 载 过 度 时 长 可为 false keepLoad:1000, // 主 页 加 载 过 度 时 长 可为 false
muiltTab:true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭 muiltTab:false, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
control:false, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭 control:false, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭
theme:"dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题 theme:"dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题
index:'view/console/console.html', // 默 认 加 载 主 页 index:'view/console/console.html', // 默 认 加 载 主 页
data:'admin/data/menu.json', // 菜 单 数 据 加 载 地 址 data:'admin/data/menu.json', // 菜 单 数 据 加 载 地 址
done:function(){ 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);
}
});
} }
}; };

206
Pear Admin v 2.0/view/console/console.html
View File

@ -25,6 +25,8 @@
} }
.top-panel-tips { .top-panel-tips {
padding-left: 8px;
padding-top: 16px;
line-height: 30px; line-height: 30px;
font-size: 12px font-size: 12px
} }
@ -38,8 +40,7 @@
width: 100%; width: 100%;
height: 160px; height: 160px;
background-color: whitesmoke; background-color: whitesmoke;
border-radius: 5px; border-radius: 4px;
} }
.card .header .avatar { .card .header .avatar {
@ -69,16 +70,11 @@
font-size: 13px; font-size: 13px;
color: gray; color: gray;
position: absolute; position: absolute;
}
.list{
} }
.list .list-item{ .list .list-item{
height: 40px; height: 34px;
line-height: 40px; line-height: 34px;
color: gray; color: gray;
padding: 5px; padding: 5px;
padding-left: 15px; padding-left: 15px;
@ -86,13 +82,21 @@
margin-top: 5.2px; margin-top: 5.2px;
} }
.custom-tab .layui-tab-title{
border-bottom-width: 0px;
border-bottom-style: none;
}
.custom-tab .layui-tab-title li{
margin-left: 10px;
}
.list .list-item:hover{ .list .list-item:hover{
background-color: whitesmoke; background-color: whitesmoke;
} }
.list .list-item .title{ .list .list-item .title{
font-size:14px; font-size:13px;
width: 100%; width: 100%;
} }
.list .list-item .footer{ .list .list-item .footer{
@ -100,23 +104,27 @@
right: 30px; right: 30px;
font-size: 12px; font-size: 12px;
} }
.top-panel-tips i {
font-size: 33px;
}
</style> </style>
</head> </head>
<body class="pear-container"> <body class="pear-container">
<div> <div>
<div class="layui-row layui-col-space10">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs6 layui-col-md3"> <div class="layui-col-xs6 layui-col-md3">
<div class="layui-card top-panel"> <div class="layui-card top-panel">
<div class="layui-card-header">要展示的指标名称</div> <div class="layui-card-header">今日访问</div>
<div class="layui-card-body"> <div class="layui-card-body">
<div class="layui-row layui-col-space5"> <div class="layui-row layui-col-space5">
<div class="layui-col-xs9 layui-col-md8 top-panel-number"> <div class="layui-col-xs9 layui-col-md8 top-panel-number">
9,04,0 9,04,0
</div> </div>
<div class="layui-col-xs3 layui-col-md4 top-panel-tips"> <div class="layui-col-xs3 layui-col-md4 top-panel-tips">
本周 <a style="color: #1aa094">0.12</a><br> <i class="layui-icon layui-icon-app" style="color: #4099FF;"></i>
季度 <a style="color: #bd3004">0.06</a>
</div> </div>
</div> </div>
</div> </div>
@ -124,15 +132,14 @@
</div> </div>
<div class="layui-col-xs6 layui-col-md3"> <div class="layui-col-xs6 layui-col-md3">
<div class="layui-card top-panel"> <div class="layui-card top-panel">
<div class="layui-card-header">要展示的指标名称</div> <div class="layui-card-header">提交次数</div>
<div class="layui-card-body"> <div class="layui-card-body">
<div class="layui-row layui-col-space5"> <div class="layui-row layui-col-space5">
<div class="layui-col-xs9 layui-col-md8 top-panel-number"> <div class="layui-col-xs9 layui-col-md8 top-panel-number">
6,34,4 6,34,4
</div> </div>
<div class="layui-col-xs3 layui-col-md4 top-panel-tips"> <div class="layui-col-xs3 layui-col-md4 top-panel-tips">
本周 <a style="color: #1aa094">0.12</a><br> <i class="layui-icon layui-icon-component" style="color: #DD4A68;"></i>
季度 <a style="color: #bd3004">0.06</a>
</div> </div>
</div> </div>
</div> </div>
@ -140,15 +147,14 @@
</div> </div>
<div class="layui-col-xs6 layui-col-md3"> <div class="layui-col-xs6 layui-col-md3">
<div class="layui-card top-panel"> <div class="layui-card top-panel">
<div class="layui-card-header">要展示的指标名称</div> <div class="layui-card-header">下载数量</div>
<div class="layui-card-body"> <div class="layui-card-body">
<div class="layui-row layui-col-space5"> <div class="layui-row layui-col-space5">
<div class="layui-col-xs9 layui-col-md8 top-panel-number"> <div class="layui-col-xs9 layui-col-md8 top-panel-number">
1,34,1 1,34,1
</div> </div>
<div class="layui-col-xs3 layui-col-md4 top-panel-tips"> <div class="layui-col-xs3 layui-col-md4 top-panel-tips">
本周 <a style="color: #1aa094">0.12</a><br> <i class="layui-icon layui-icon-carousel" style="color: #5FB878;"></i>
季度 <a style="color: #bd3004">0.06</a>
</div> </div>
</div> </div>
</div> </div>
@ -156,94 +162,100 @@
</div> </div>
<div class="layui-col-xs6 layui-col-md3"> <div class="layui-col-xs6 layui-col-md3">
<div class="layui-card top-panel"> <div class="layui-card top-panel">
<div class="layui-card-header">要展示的指标名称</div> <div class="layui-card-header">流量统计</div>
<div class="layui-card-body"> <div class="layui-card-body">
<div class="layui-row layui-col-space5"> <div class="layui-row layui-col-space5">
<div class="layui-col-xs9 layui-col-md8 top-panel-number"> <div class="layui-col-xs9 layui-col-md8 top-panel-number">
7,04,6 7,04,6
</div> </div>
<div class="layui-col-xs3 layui-col-md4 top-panel-tips"> <div class="layui-col-xs3 layui-col-md4 top-panel-tips">
本周 <a style="color: #1aa094">0.12</a><br> <i class="layui-icon layui-icon-cart" style="color: #E6A23C;"></i>
季度 <a style="color: #bd3004">0.06</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="layui-row layui-col-space10"> <div class="layui-row layui-col-space10">
<div class="layui-col-md9"> <div class="layui-col-md9">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-header">项目列表</div>
<div class="layui-card-body"> <div class="layui-card-body">
<div class="layui-row layui-col-space10">
<div class="layui-col-md4"> <div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<div class="card"> <ul class="layui-tab-title">
<div class="header"> <li class="layui-this">项目列表</li>
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">PearOne</span> <li>数据统计</li>
</div> </ul>
<div class="body"> <div class="layui-tab-content">
城镇中有那么多的酒馆，她却偏偏走进了我的酒馆 <div class="layui-row layui-col-space10">
</div> <div class="layui-col-md4">
<div class="footer">10小时前</div> <div class="card">
</div> <div class="header">
</div> <img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">PearOne</span>
<div class="layui-col-md4"> </div>
<div class="card"> <div class="body">
<div class="header"> 城镇中有那么多的酒馆，她却偏偏走进了我的酒馆
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Angular</span> </div>
</div> <div class="footer">10小时前</div>
<div class="body"> </div>
希望是一个好东西，也许是最好的，好东西是不会消亡 </div>
</div> <div class="layui-col-md4">
<div class="footer">1小时前</div> <div class="card">
</div> <div class="header">
</div> <img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Angular</span>
<div class="layui-col-md4"> </div>
<div class="card"> <div class="body">
<div class="header"> 希望是一个好东西，也许是最好的，好东西是不会消亡
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Vue</span> </div>
</div> <div class="footer">1小时前</div>
<div class="body"> </div>
生命就像一盒巧克力，结果往往出人意料 </div>
</div> <div class="layui-col-md4">
<div class="footer">2小时前</div> <div class="card">
</div> <div class="header">
</div> <img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Vue</span>
<div class="layui-col-md4"> </div>
<div class="card"> <div class="body">
<div class="header"> 生命就像一盒巧克力，结果往往出人意料
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">BootStrap</span> </div>
</div> <div class="footer">2小时前</div>
<div class="body"> </div>
一切都在不可避免的走向庸俗 </div>
</div> <div class="layui-col-md4">
<div class="footer">3小时前</div> <div class="card">
</div> <div class="header">
</div> <img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">BootStrap</span>
<div class="layui-col-md4"> </div>
<div class="card"> <div class="body">
<div class="header"> 一切都在不可避免的走向庸俗
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Ant Design</span> </div>
</div> <div class="footer">3小时前</div>
<div class="body"> </div>
你要是愿意我就永远爱你，你要是不愿意我就永远相思 </div>
</div> <div class="layui-col-md4">
<div class="footer">10小时前</div> <div class="card">
</div> <div class="header">
</div> <img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Ant Design</span>
<div class="layui-col-md4"> </div>
<div class="card"> <div class="body">
<div class="header"> 你要是愿意我就永远爱你，你要是不愿意我就永远相思
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Jmys</span> </div>
</div> <div class="footer">10小时前</div>
<div class="body"> </div>
在所谓'人世间'摸爬滚打至今，一切都会过去 </div>
</div> <div class="layui-col-md4">
<div class="footer">24小时前</div> <div class="card">
</div> <div class="header">
</div> <img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Jmys</span>
</div>
<div class="body">
在所谓'人世间'摸爬滚打至今，一切都会过去
</div>
<div class="footer">24小时前</div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -268,12 +280,13 @@
<div class="layui-card-header">最近更新</div> <div class="layui-card-header">最近更新</div>
<div class="layui-card-body"> <div class="layui-card-body">
<ul class="list"> <ul class="list">
<li class="list-item"><span class="title">系统布局优化</span><span class="footer">2019-12-15 11:28</span></li>
<li class="list-item"><span class="title">兼容多系统菜单模式</span><span class="footer">2019-12-15 11:28</span></li> <li class="list-item"><span class="title">兼容多系统菜单模式</span><span class="footer">2019-12-15 11:28</span></li>
<li class="list-item"><span class="title">兼容多标签页切换</span><span class="footer">2019-12-9 14:58</span></li> <li class="list-item"><span class="title">兼容多标签页切换</span><span class="footer">2019-12-9 14:58</span></li>
<li class="list-item"><span class="title">扩展下拉组件</span><span class="footer">2019-12-7 9:06</span></li> <li class="list-item"><span class="title">扩展下拉组件</span><span class="footer">2019-12-7 9:06</span></li>
<li class="list-item"><span class="title">扩展卡片样式</span><span class="footer">2019-12-1 10:26</span></li> <li class="list-item"><span class="title">扩展卡片样式</span><span class="footer">2019-12-1 10:26</span></li>
<li class="list-item"><span class="title">Pear Admin 框架正式开源</span><span class="footer">2019-11-27 07:23</span></li> <li class="list-item"><span class="title">Pear Admin 框架正式开源</span><span class="footer">2019-11-27 07:23</span></li>
<li class="list-item"><button class="layui-btn layui-btn-normal layui-btn-fluid">查 看 更 多</button></li> <li class="list-item" style="height: 37px;"><button class="layui-btn layui-btn-normal layui-btn-fluid">查 看 更 多</button></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -342,10 +355,11 @@
<!--</div>--> <!--</div>-->
<script src="../../component/layui/layui.js" charset="utf-8"></script> <script src="../../component/layui/layui.js" charset="utf-8"></script>
<script> <script>
layui.use(['layer', 'echarts'], function() { layui.use(['layer', 'echarts','element'], function() {
var $ = layui.jquery, var $ = layui.jquery,
layer = layui.layer, layer = layui.layer,
echarts = layui.echarts; echarts = layui.echarts,
element = layui.element;
}); });
</script> </script>
</body> </body>