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

Merge branch 'master' of https://gitee.com/530521314/Pear-Admin-Layui

sassassin 2020-07-10 20:55:09 +08:00
parent 8f8ec854ba 60b8bb723d
commit 678622a73f
6 changed files with 128 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
admin/css/pearAdmin.css
View File

@ -20,12 +20,15 @@
.pear-admin .layui-side { .pear-admin .layui-side {
transition: all .3s; transition: all .3s;
} }
.pear-admin .layui-logo .title { .pear-admin .layui-logo .title {
font-size: 20px; font-size: 20px;
} }
.layui-header .layui-nav-more { .layui-header .layui-nav-more {
display: none !important; display: none !important;
} }
.pe-collaspe { .pe-collaspe {
position: absolute; position: absolute;
width: 50px; width: 50px;
@ -46,15 +49,18 @@
background-color: white !important; background-color: white !important;
color: black !important; color: black !important;
} }
.light-theme .layui-side-scroll { .light-theme .layui-side-scroll {
background-color: white !important; background-color: white !important;
color: black !important; color: black !important;
} }
.light-theme .bottom-nav { .light-theme .bottom-nav {
background-color: white !important; background-color: white !important;
box-shadow: none; box-shadow: none;
border-top: whitesmoke 1px solid; border-top: whitesmoke 1px solid;
} }
.light-theme .bottom-nav * { .light-theme .bottom-nav * {
color: dimgray; color: dimgray;
} }
@ -66,14 +72,17 @@
background-color: white; background-color: white;
border-bottom: 1px solid whitesmoke; border-bottom: 1px solid whitesmoke;
} }
.pear-admin .layui-header .layui-nav-img { .pear-admin .layui-header .layui-nav-img {
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
.pear-admin .layui-layout-control { .pear-admin .layui-layout-control {
left: 120px; left: 120px;
position: absolute; position: absolute;
} }
.pear-admin .layui-logo { .pear-admin .layui-logo {
width: 220px; width: 220px;
height: 60px; height: 60px;
@ -81,10 +90,12 @@
background-color: #28333E; background-color: #28333E;
} }
.pear-admin .layui-logo img { .pear-admin .layui-logo img {
width: 36px; width: 36px;
height: 36px; height: 36px;
} }
.pear-admin .layui-logo .title { .pear-admin .layui-logo .title {
font-size: 21px; font-size: 21px;
font-weight: 550; font-weight: 550;
@ -93,38 +104,48 @@
top: 5px; top: 5px;
margin-left: 5px; margin-left: 5px;
} }
.pear-admin .layui-logo .logo { .pear-admin .layui-logo .logo {
display: none; display: none;
} }
.pear-mini .layui-logo .title { .pear-mini .layui-logo .title {
display: none; display: none;
} }
.pear-mini .layui-logo .logo { .pear-mini .layui-logo .logo {
display: inline-block; display: inline-block;
} }
.pear-admin .layui-side { .pear-admin .layui-side {
top: 0px; top: 0px;
width: 220px; width: 220px;
box-shadow: 2px 0 6px rgba(0, 21, 41, .35); box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
z-index: 9999; z-index: 9999;
} }
.pear-admin .layui-side-scroll::-webkit-scrollbar { .pear-admin .layui-side-scroll::-webkit-scrollbar {
width: 0px; width: 0px;
height: 0px; height: 0px;
} }
.pear-admin .layui-side-scroll { .pear-admin .layui-side-scroll {
height: calc(100% - 60px); height: calc(100% - 60px);
background-color: #28333E; background-color: #28333E;
} }
.pear-admin .layui-header .layui-nav .layui-nav-item>a { .pear-admin .layui-header .layui-nav .layui-nav-item>a {
color: black; color: black;
font-size: 15px; font-size: 15px;
} }
.pear-admin .layui-body { .pear-admin .layui-body {
left: 220px; left: 220px;
bottom: 0px; bottom: 0px;
} }
.pear-admin .layui-layout-left { .pear-admin .layui-layout-left {
left: 0px; left: 0px;

76
admin/css/pearCommon.css
View File

@ -107,10 +107,64 @@ body::-webkit-scrollbar-corner {
background: #f6f6f6; background: #f6f6f6;
} }
.mainBox::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.mainBox::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.mainBox::-webkit-scrollbar-track {
background: white;
border-radius: 2px;
}
.mainBox::-webkit-scrollbar-thumb {
background: #E6E6E6;
border-radius: 2px;
}
.mainBox::-webkit-scrollbar-thumb:hover {
background: #E6E6E6;
}
.mainBox::-webkit-scrollbar-corner {
background: #f6f6f6;
}
.pear-btn i{ .pear-btn i{
font-size: 13px; font-size: 13px;
} }
.layui-table-body::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.layui-table-body::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.layui-table-body::-webkit-scrollbar-track {
background: white;
border-radius: 2px;
}
.layui-table-body::-webkit-scrollbar-thumb {
background: #E6E6E6;
border-radius: 2px;
}
.layui-table-body::-webkit-scrollbar-thumb:hover {
background: #E6E6E6;
}
.layui-table-body::-webkit-scrollbar-corner {
background: #f6f6f6;
}
.pear-btn { .pear-btn {
display: inline-block; display: inline-block;
@ -243,29 +297,7 @@ body::-webkit-scrollbar-corner {
font-size: 16px; font-size: 16px;
} }
/** 滚动条样式 */
body::-webkit-scrollbar {
width: 4px;
height: 4px;
}
body::-webkit-scrollbar-track {
background: white;
border-radius: 2px;
}
body::-webkit-scrollbar-thumb {
background: #E6E6E6;
border-radius: 2px;
}
body::-webkit-scrollbar-thumb:hover {
background: #E6E6E6;
}
body::-webkit-scrollbar-corner {
background: #f6f6f6;
}
.mainBox { .mainBox {

28
admin/css/pearTable.css
View File

@ -58,3 +58,31 @@
border-radius: 2px; border-radius: 2px;
color: dimgray; color: dimgray;
} }
.layui-table-body::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.layui-table-body::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.layui-table-body::-webkit-scrollbar-track {
background: white;
border-radius: 2px;
}
.layui-table-body::-webkit-scrollbar-thumb {
background: #E6E6E6;
border-radius: 2px;
}
.layui-table-body::-webkit-scrollbar-thumb:hover {
background: #E6E6E6;
}
.layui-table-body::-webkit-scrollbar-corner {
background: #f6f6f6;
}

10
component/layui/lay/extends/pearAdmin.js
View File

@ -40,6 +40,7 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
this.themeRender(option); this.themeRender(option);
this.noticeRender(option); this.noticeRender(option);
this.permissionRender(option); this.permissionRender(option);
this.logoRender(option);
} }
this.permissionRender = function(option) { this.permissionRender = function(option) {
@ -47,6 +48,13 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
pearAuth.loadPermission(option.auth); pearAuth.loadPermission(option.auth);
} }
} }
this.logoRender = function(option){
$(".layui-logo .logo").attr("src",option.logoImage);
$(".layui-logo .title").html(option.logoTitle);
}
this.menuRender = function(option) { this.menuRender = function(option) {
sideMenu = pearMenu.render({ sideMenu = pearMenu.render({
@ -248,7 +256,7 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
theme += '</style>'; theme += '</style>';
$("iframe").contents().find("head").append(theme); $("iframe").contents().find("head").append(theme);
$("#pearone-bg-color").html(style); $("#pearadmin-bg-color").html(style);
} }

25
index.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <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="component/layui/css/layui.css" />
<link rel="stylesheet" href="admin/css/pearTab.css" /> <link rel="stylesheet" href="admin/css/pearTab.css" />
<link rel="stylesheet" href="admin/css/pearTheme.css" /> <link rel="stylesheet" href="admin/css/pearTheme.css" />
@ -12,10 +13,11 @@
<link rel="stylesheet" href="admin/css/pearNotice.css" /> <link rel="stylesheet" href="admin/css/pearNotice.css" />
<link rel="stylesheet" href="admin/css/pearSocial.css" /> <link rel="stylesheet" href="admin/css/pearSocial.css" />
<link rel="stylesheet" href="admin/css/pearMenu.css" /> <link rel="stylesheet" href="admin/css/pearMenu.css" />
<style id="pearone-bg-color"></style> <!-- 主 题 更 换 -->
<style id="pearadmin-bg-color"></style>
</head> </head>
<body class="layui-layout-body pear-admin"> <body class="layui-layout-body pear-admin">
<!-- 布局框架 --> <!-- 布 局 框 架 -->
<div class="layui-layout layui-layout-admin"> <div class="layui-layout layui-layout-admin">
<div class="layui-header"> <div class="layui-header">
<!-- 顶 部 左 侧 功 能 --> <!-- 顶 部 左 侧 功 能 -->
@ -38,15 +40,15 @@
<dd><a href="login.html">注销登陆</a></dd> <dd><a href="login.html">注销登陆</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>
<!-- 侧 边 区 域 -->
<div class="layui-side layui-bg-black"> <div class="layui-side layui-bg-black">
<!-- 顶 部 图 标 --> <!-- 顶 部 图 标 -->
<div class="layui-logo"> <div class="layui-logo">
<img class="logo" src="admin/images/logo.png" /> <img class="logo" src="" />
<span class="title">Pear Admin</span> <span class="title"></span>
</div> </div>
<!-- 侧 边 菜 单 --> <!-- 侧 边 菜 单 -->
<div class="layui-side-scroll"> <div class="layui-side-scroll">
@ -57,18 +59,19 @@
<div id="content"></div> <div id="content"></div>
</div> </div>
</div> </div>
<!-- 移动端 遮盖层 --> <!-- 遮 盖 层 -->
<div class="pear-cover"></div> <div class="pear-cover"></div>
<!-- 初始加载 动画--> <!-- 加 载 动 画-->
<div class="loader-main"> <div class="loader-main">
<div class="loader"></div> <div class="loader"></div>
</div> </div>
<!-- 聊天组件 --> <!-- 聊 天 组 件 -->
<div id="social" class="layui-hide-xs"></div> <div id="social" class="layui-hide-xs"></div>
<!-- 移动端 的 收缩适配 --> <!-- 收 缩 适 配 -->
<div class="collaspe pe-collaspe layui-hide-sm"> <div class="collaspe pe-collaspe layui-hide-sm">
<i class="layui-icon layui-icon-shrink-right"></i> <i class="layui-icon layui-icon-shrink-right"></i>
</div> </div>
<!-- 依 赖 脚 本 -->
<script src="component/layui/layui.js"></script> <script src="component/layui/layui.js"></script>
<script> <script>
layui.use(['pearAdmin', 'jquery', 'pearSocial', 'layer'], function() { layui.use(['pearAdmin', 'jquery', 'pearSocial', 'layer'], function() {
@ -87,7 +90,9 @@
data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址 data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址
select: '0', // 默 认 选 中 菜 单 项 select: '0', // 默 认 选 中 菜 单 项
notice: 'admin/data/notice.json', // 消 息 列 表 数 据 notice: 'admin/data/notice.json', // 消 息 列 表 数 据
auth: 'admin/data/permission.json' // 前端权限限制，false 关闭该功能 auth: 'admin/data/permission.json', // 前端权限限制，false 关闭该功能
logoTitle:"Pear Admin", // 网站标题
logoImage:"admin/images/logo.png" // 网站Logo
}; };
var setting = { var setting = {

2
view/console/console1.html
View File

@ -7,7 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="../../admin/css/pearCommon.css" rel="stylesheet" /> <link href="../../admin/css/pearCommon.css" rel="stylesheet" />
<link rel="stylesheet" href="../../component/layui/css/layui.css" media="all"> <link href="../../component/layui/css/layui.css" rel="stylesheet" media="all">
<link href="../../assets/console1.css" rel="stylesheet" /> <link href="../../assets/console1.css" rel="stylesheet" />
</head> </head>
<body class="pear-container"> <body class="pear-container">