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;
}
.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">
<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="#" 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="">
<a href="javascript:;"><img src="admin/images/avatar.jpg" class="layui-nav-img">就眠仪式</a>
<dl class="layui-nav-child">
@ -36,7 +44,7 @@
<dd><a href="javascript:;">打开百度</a></dd>
<dd><a href="javascript:;">注销登陆</a></dd>
</dl>
</li>
</li>
<li class="setting layui-nav-item"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>
</ul>
</div>
@ -70,29 +78,13 @@
var config = {
keepLoad:1000, // 主 页 加 载 过 度 时 长 可为 false
muiltTab:true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
muiltTab:false, // 是 否 开 启 多 标 签 页 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);
}
});
/** 框架初始化 */
}
};

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

@ -25,6 +25,8 @@
}
.top-panel-tips {
padding-left: 8px;
padding-top: 16px;
line-height: 30px;
font-size: 12px
}
@ -38,8 +40,7 @@
width: 100%;
height: 160px;
background-color: whitesmoke;
border-radius: 5px;
border-radius: 4px;
}
.card .header .avatar {
@ -69,16 +70,11 @@
font-size: 13px;
color: gray;
position: absolute;
}
.list{
}
.list .list-item{
height: 40px;
line-height: 40px;
height: 34px;
line-height: 34px;
color: gray;
padding: 5px;
padding-left: 15px;
@ -86,13 +82,21 @@
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{
background-color: whitesmoke;
}
.list .list-item .title{
font-size:14px;
font-size:13px;
width: 100%;
}
.list .list-item .footer{
@ -100,23 +104,27 @@
right: 30px;
font-size: 12px;
}
.top-panel-tips i {
font-size: 33px;
}
</style>
</head>
<body class="pear-container">
<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-card top-panel">
<div class="layui-card-header">要展示的指标名称</div>
<div class="layui-card-header">今日访问</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs9 layui-col-md8 top-panel-number">
9,04,0
</div>
<div class="layui-col-xs3 layui-col-md4 top-panel-tips">
本周 <a style="color: #1aa094">0.12</a><br>
季度 <a style="color: #bd3004">0.06</a>
<i class="layui-icon layui-icon-app" style="color: #4099FF;"></i>
</div>
</div>
</div>
@ -124,15 +132,14 @@
</div>
<div class="layui-col-xs6 layui-col-md3">
<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-row layui-col-space5">
<div class="layui-col-xs9 layui-col-md8 top-panel-number">
6,34,4
</div>
<div class="layui-col-xs3 layui-col-md4 top-panel-tips">
本周 <a style="color: #1aa094">0.12</a><br>
季度 <a style="color: #bd3004">0.06</a>
<i class="layui-icon layui-icon-component" style="color: #DD4A68;"></i>
</div>
</div>
</div>
@ -140,15 +147,14 @@
</div>
<div class="layui-col-xs6 layui-col-md3">
<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-row layui-col-space5">
<div class="layui-col-xs9 layui-col-md8 top-panel-number">
1,34,1
</div>
<div class="layui-col-xs3 layui-col-md4 top-panel-tips">
本周 <a style="color: #1aa094">0.12</a><br>
季度 <a style="color: #bd3004">0.06</a>
<i class="layui-icon layui-icon-carousel" style="color: #5FB878;"></i>
</div>
</div>
</div>
@ -156,95 +162,101 @@
</div>
<div class="layui-col-xs6 layui-col-md3">
<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-row layui-col-space5">
<div class="layui-col-xs9 layui-col-md8 top-panel-number">
7,04,6
</div>
<div class="layui-col-xs3 layui-col-md4 top-panel-tips">
本周 <a style="color: #1aa094">0.12</a><br>
季度 <a style="color: #bd3004">0.06</a>
<i class="layui-icon layui-icon-cart" style="color: #E6A23C;"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space10">
<div class="layui-col-md9">
<div class="layui-card">
<div class="layui-card-header">项目列表</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space10">
<div class="layui-col-md4">
<div class="card">
<div class="header">
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">PearOne</span>
</div>
<div class="body">
城镇中有那么多的酒馆，她却偏偏走进了我的酒馆
</div>
<div class="footer">10小时前</div>
</div>
</div>
<div class="layui-col-md4">
<div class="card">
<div class="header">
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Angular</span>
</div>
<div class="body">
希望是一个好东西，也许是最好的，好东西是不会消亡
</div>
<div class="footer">1小时前</div>
</div>
</div>
<div class="layui-col-md4">
<div class="card">
<div class="header">
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Vue</span>
</div>
<div class="body">
生命就像一盒巧克力，结果往往出人意料
</div>
<div class="footer">2小时前</div>
</div>
</div>
<div class="layui-col-md4">
<div class="card">
<div class="header">
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">BootStrap</span>
</div>
<div class="body">
一切都在不可避免的走向庸俗
</div>
<div class="footer">3小时前</div>
</div>
</div>
<div class="layui-col-md4">
<div class="card">
<div class="header">
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Ant Design</span>
</div>
<div class="body">
你要是愿意我就永远爱你，你要是不愿意我就永远相思
</div>
<div class="footer">10小时前</div>
</div>
</div>
<div class="layui-col-md4">
<div class="card">
<div class="header">
<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 class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">项目列表</li>
<li>数据统计</li>
</ul>
<div class="layui-tab-content">
<div class="layui-row layui-col-space10">
<div class="layui-col-md4">
<div class="card">
<div class="header">
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">PearOne</span>
</div>
<div class="body">
城镇中有那么多的酒馆，她却偏偏走进了我的酒馆
</div>
<div class="footer">10小时前</div>
</div>
</div>
<div class="layui-col-md4">
<div class="card">
<div class="header">
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Angular</span>
</div>
<div class="body">
希望是一个好东西，也许是最好的，好东西是不会消亡
</div>
<div class="footer">1小时前</div>
</div>
</div>
<div class="layui-col-md4">
<div class="card">
<div class="header">
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Vue</span>
</div>
<div class="body">
生命就像一盒巧克力，结果往往出人意料
</div>
<div class="footer">2小时前</div>
</div>
</div>
<div class="layui-col-md4">
<div class="card">
<div class="header">
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">BootStrap</span>
</div>
<div class="body">
一切都在不可避免的走向庸俗
</div>
<div class="footer">3小时前</div>
</div>
</div>
<div class="layui-col-md4">
<div class="card">
<div class="header">
<img class="avatar" src="../../admin/images/avatar.jpg"></img><span class="title">Ant Design</span>
</div>
<div class="body">
你要是愿意我就永远爱你，你要是不愿意我就永远相思
</div>
<div class="footer">10小时前</div>
</div>
</div>
<div class="layui-col-md4">
<div class="card">
<div class="header">
<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 class="layui-card">
@ -268,12 +280,13 @@
<div class="layui-card-header">最近更新</div>
<div class="layui-card-body">
<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-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-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"><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>
</div>
</div>
@ -342,10 +355,11 @@
<!--</div>-->
<script src="../../component/layui/layui.js" charset="utf-8"></script>
<script>
layui.use(['layer', 'echarts'], function() {
layui.use(['layer', 'echarts','element'], function() {
var $ = layui.jquery,
layer = layui.layer,
echarts = layui.echarts;
echarts = layui.echarts,
element = layui.element;
});
</script>
</body>