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

76
admin/css/pearCommon.css
View File

@ -107,10 +107,64 @@ body::-webkit-scrollbar-corner {
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{
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 {
display: inline-block;
@ -243,29 +297,7 @@ body::-webkit-scrollbar-corner {
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 {

28
admin/css/pearTable.css
View File

@ -58,3 +58,31 @@
border-radius: 2px;
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.noticeRender(option);
this.permissionRender(option);
this.logoRender(option);
}
this.permissionRender = function(option) {
@ -47,6 +48,13 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
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) {
sideMenu = pearMenu.render({
@ -248,7 +256,7 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
theme += '</style>';
$("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>
<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/pearTab.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/pearSocial.css" />
<link rel="stylesheet" href="admin/css/pearMenu.css" />
<style id="pearone-bg-color"></style>
<!-- 主 题 更 换 -->
<style id="pearadmin-bg-color"></style>
</head>
<body class="layui-layout-body pear-admin">
<!-- 布局框架 -->
<!-- 布 局 框 架 -->
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<!-- 顶 部 左 侧 功 能 -->
@ -38,15 +40,15 @@
<dd><a href="login.html">注销登陆</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" />
<span class="title">Pear Admin</span>
<img class="logo" src="" />
<span class="title"></span>
</div>
<!-- 侧 边 菜 单 -->
<div class="layui-side-scroll">
@ -57,18 +59,19 @@
<div id="content"></div>
</div>
</div>
<!-- 移动端 遮盖层 -->
<!-- 遮 盖 层 -->
<div class="pear-cover"></div>
<!-- 初始加载 动画-->
<!-- 加 载 动 画-->
<div class="loader-main">
<div class="loader"></div>
</div>
<!-- 聊天组件 -->
<!-- 聊 天 组 件 -->
<div id="social" class="layui-hide-xs"></div>
<!-- 移动端 的 收缩适配 -->
<!-- 收 缩 适 配 -->
<div class="collaspe pe-collaspe layui-hide-sm">
<i class="layui-icon layui-icon-shrink-right"></i>
</div>
<!-- 依 赖 脚 本 -->
<script src="component/layui/layui.js"></script>
<script>
layui.use(['pearAdmin', 'jquery', 'pearSocial', 'layer'], function() {
@ -87,7 +90,9 @@
data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址
select: '0', // 默 认 选 中 菜 单 项
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 = {

2
view/console/console1.html
View File

@ -7,7 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<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" />
</head>
<body class="pear-container">