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

提供 pear.all.css 加速渲染

develop
就眠仪式 2020-07-24 15:37:06 +08:00
parent 2bf95a6e8a
commit 44d90d8938
7 changed files with 32 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
admin/css/admin.all.css Normal file
View File

@ -0,0 +1 @@
.pear-admin .layui-header,.pear-admin .layui-body,.pear-admin .layui-logo,.pear-admin .layui-side,.pear-admin .layui-header .layui-layout-left{transition:all .3s}.pear-admin .layui-logo .title{font-size:20px}.pear-admin .layui-header{left:230px;width:calc(100% - 230px);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:230px;height:60px;line-height:60px;position:relative;background-color:#28333e}.pear-admin .layui-logo img{width:34px;height:34px}.pear-admin .layui-logo .title{font-size:21px;font-weight:550;color:#5fb878;position:relative;top:5px;margin-left:5px}.pear-admin .layui-logo .logo{display:none}.pear-admin .layui-side{top:0;width:230px;box-shadow:2px 0 6px rgba(0,21,41,.35);z-index:9999}.pear-admin .layui-side-scroll::-webkit-scrollbar{width:0;height:0}.pear-admin .layui-side-scroll{height:calc(100% - 60px)!important;background-color:#28333e;width:230px}.pear-admin .layui-header .layui-nav .layui-nav-item>a{color:black;font-size:15px}.pear-admin .layui-body{left:230px;bottom:0}.pear-admin .layui-layout-left{left:0}.pear-mini .layui-logo .title{display:none}.pear-mini .layui-logo .logo{display:inline-block}.pear-mini .layui-side{width:60px}.pear-mini .layui-header{left:60px;width:calc(100% - 60px)}.pear-mini .layui-body{left:60px}.pear-mini .layui-logo{width:60px}.pear-mini .layui-nav-tree .layui-nav-item span{display:none}.pear-mini .bottom-nav li{width:100%!important}.pear-mini .layui-side-scroll{height:calc(100% - 60px)}.pear-admin .layui-header .layui-nav .layui-nav-bar{top:0!important;height:2px!important;background-color:#5fb878}.pear-admin .layui-header .layui-nav .layui-this:after{display:none}@media screen and (max-width:768px){.pear-mini .bottom-nav{display:none}.pear-mini .layui-side-scroll{height:calc(100% - 62px)}.pear-mini .layui-side{width:0}.pear-mini .layui-header{left:0;width:100%}.pear-mini .layui-body{left:0}.pear-mini .layui-logo{width:0}.pear-admin .layui-body{left:0}.pear-admin .layui-header{left:0;width:100%}.pear-admin .pear-cover{width:100%;height:100%;background-color:#1e1e1e;display:block;position:absolute;z-index:1000;opacity:0;margin-top:-60px}.pear-mini .pear-cover{display:none}}@-webkit-keyframes am-horizontal-roll_show{0%{opacity:1;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes am-horizontal-roll_show{0%{opacity:1;-webkit-transform:translateX(800px);-ms-transform:translateX(800px);transform:translateX(800px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.layer-anim-right{-webkit-animation:am-horizontal-roll_show .6s ease-out;animation:am-horizontal-roll_show .6s ease-out}.light-theme .layui-logo{background-color:white!important;color:black!important}.light-theme .layui-side-scroll{background-color:white!important;color:black!important}.pearone-color .color-title{padding:15px 0 0 20px;margin-bottom:4px}.pearone-color .color-content{padding:15px 10px 0 20px}.pearone-color .color-content ul{list-style:none;padding:0}.pearone-color .color-content ul li{position:relative;display:inline-block;vertical-align:top;width:70px;height:50px;margin:0 20px 20px 0;padding:2px 2px 2px 2px;background-color:#f2f2f2;cursor:pointer;font-size:12px;color:#666}.pearone-color .color-content li.layui-this:after,.pearone-color .color-content li:hover:after{width:100%;height:100%;padding:4px;top:-5px;left:-5px;border:#5fb878 2px solid;opacity:1;border-radius:4px}.pearone-color .color-content li:after{content:'';position:absolute;z-index:20;top:50%;left:50%;width:1px;height:0;border:1px solid #f2f2f2;transition:all .3s;-webkit-transition:all .3s;opacity:0}.select-color{margin-bottom:30px}.select-color .select-color-title{padding:15px 0 0 20px;margin-bottom:4px}.select-color .select-color-content{padding:20px 0 0 0;margin-bottom:4px}.select-color .select-color-content .select-color-item{background-color:gray;width:30px;height:30px;border-radius:3px;float:left;margin-left:20px;color:white;font-size:18px;text-align:center;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);line-height:30px}.more-setting{margin-top:45px}.more-setting form{margin-top:30px}.more-setting-title{padding:15px 0 0 20px;margin-bottom:4px}.more-setting .layui-form-label{width:60px}.more-menu-list{width:100%;margin-top:80px}.more-menu-item:first-child{border-top:1px solid #e8e8e8}.more-menu-item .layui-icon{font-size:18px;padding-right:10px}.more-menu-item{color:#595959;height:50px;line-height:50px;font-size:16px;padding:0 25px;border-bottom:1px solid #e8e8e8;font-style:normal;display:block}.more-menu-item:hover{background-color:whitesmoke}.more-menu-item:after{color:#8c8c8c;right:16px;content:"\e602";position:absolute;font-family:layui-icon!important}

3
admin/css/admin.css
View File

@ -1,7 +1,8 @@
.pear-admin .layui-header,
.pear-admin .layui-body,
.pear-admin .layui-logo,
.pear-admin .layui-side {
.pear-admin .layui-side,
.pear-admin .layui-header .layui-layout-left{
transition: all .3s;
}

1
admin/css/load.all.css Normal file
View File

@ -0,0 +1 @@
.loader-main{position:fixed;width:100%;height:100%;background-color:whitesmoke;z-index:9999999;margin-top:-61px}.loader{width:50px;height:50px;margin:30px auto 40px;margin-top:20%;position:relative;z-index:999999;background-color:whitesmoke}.loader:before{content:"";width:50px;height:7px;border-radius:50%;background:#000;opacity:.1;position:absolute;top:59px;left:0;animation:shadow .5s linear infinite}.loader:after{content:"";width:50px;height:50px;border-radius:3px;background-color:#5fb878;position:absolute;top:0;left:0;animation:loading .5s linear infinite}@-webkit-keyframes loading{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scale(1,0.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}@keyframes loading{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scale(1,0.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}@-webkit-keyframes shadow{0%,100%{transform:scale(1,1)}50%{transform:scale(1.2,1)}}@keyframes shadow{0%,100%{transform:scale(1,1)}50%{transform:scale(1.2,1)}}

8
component/pear/css/pear.all.css Normal file
View File

File diff suppressed because one or more lines are too long

8
component/pear/css/pear.css
View File

@ -1,5 +1,8 @@
@import url("../../layui/css/layui.css");
@import url("pear-tree/font/dtreefont.css");
@import url("pear-module/iconPicker.css");
@import url("pear-module/treetable.css");
@import url("pear-module/select.css");
@import url("pear-module/layout.css");
@import url("pear-module/notice.css");
@ -15,7 +18,4 @@
@import url("pear-module/step.css");
@import url("pear-module/tab.css");
@import url("pear-module/tag.css");
@import url("pear-module/iconPicker.css");
@import url("pear-tree/dtree.css");
@import url("pear-tree/font/dtreefont.css");
@import url("pear-module/treetable.css");
@import url("pear-tree/dtree.css");

14
component/pear/pear.all.js
View File

@ -16,5 +16,17 @@ layui.config({
hash: "hash",
document: "document",
select: "select",
drawer: "drawer"
drawer: "drawer",
notice: "notice",
step:"step",
tag:"tag",
popup:"popup",
iconPicker:"iconPicker",
treetable:"treetable",
dtree:"dtree",
tinymce:"tinymce/tinymce",
area:"area",
count:"count",
topBar: "topBar",
button: "button"
});

6
index.html
View File

@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Pear Admin Layui</title>
<!-- 依 赖 样 式 -->
<link rel="stylesheet" href="component/pear/css/pear.css" />
<link rel="stylesheet" href="admin/css/load.css" />
<link rel="stylesheet" href="admin/css/admin.css" />
<link rel="stylesheet" href="component/pear/css/pear.all.css" />
<link rel="stylesheet" href="admin/css/load.all.css" />
<link rel="stylesheet" href="admin/css/admin.all.css" />
<!-- 主 题 更 换 -->
<style id="pearadmin-bg-color"></style>
</head>