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
就眠仪式 2020-11-30 23:12:25 +08:00
parent 01283ff703
commit 604c556cca
13 changed files with 422 additions and 313 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
admin/css/admin.css
View File

@ -117,7 +117,6 @@
.pear-mini .layui-side-scroll { .pear-mini .layui-side-scroll {
height: calc(100% - 60px); height: calc(100% - 60px);
} }
.pear-admin .layui-header .layui-nav .layui-nav-bar { .pear-admin .layui-header .layui-nav .layui-nav-bar {
top: 0px !important; top: 0px !important;
height: 2px !important; height: 2px !important;

7
admin/css/load.css
View File

@ -6,7 +6,6 @@
z-index: 9999999; z-index: 9999999;
margin-top: -61px; margin-top: -61px;
} }
.loader { .loader {
width: 50px; width: 50px;
height: 50px; height: 50px;
@ -16,7 +15,6 @@
z-index: 999999; z-index: 999999;
background-color: whitesmoke; background-color: whitesmoke;
} }
.loader:before { .loader:before {
content: ""; content: "";
width: 50px; width: 50px;
@ -29,7 +27,6 @@
left: 0; left: 0;
animation: shadow .5s linear infinite; animation: shadow .5s linear infinite;
} }
.loader:after { .loader:after {
content: ""; content: "";
width: 50px; width: 50px;
@ -41,7 +38,6 @@
left: 0; left: 0;
animation: loading .5s linear infinite; animation: loading .5s linear infinite;
} }
@-webkit-keyframes loading { @-webkit-keyframes loading {
17% { 17% {
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -64,7 +60,6 @@
transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg);
} }
} }
@keyframes loading { @keyframes loading {
17% { 17% {
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -87,7 +82,6 @@
transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg);
} }
} }
@-webkit-keyframes shadow { @-webkit-keyframes shadow {
0%, 0%,
@ -99,7 +93,6 @@
transform: scale(1.2, 1); transform: scale(1.2, 1);
} }
} }
@keyframes shadow { @keyframes shadow {
0%, 0%,

25
component/pear/css/pear-module/button.css
View File

@ -17,11 +17,9 @@
font-size: 14px; font-size: 14px;
border-radius: 4px; border-radius: 4px;
} }
.pear-btn i { .pear-btn i {
font-size: 13px; font-size: 13px;
} }
.pear-btn:hover { .pear-btn:hover {
opacity: .8; opacity: .8;
filter: alpha(opacity=80); filter: alpha(opacity=80);
@ -29,78 +27,63 @@
border-color: #c6e2ff; border-color: #c6e2ff;
background-color: #ECF5FF; background-color: #ECF5FF;
} }
.pear-btn-danger, .pear-btn-danger,
.pear-btn-warming, .pear-btn-warming,
.pear-btn-success, .pear-btn-success,
.pear-btn-primary { .pear-btn-primary {
color: #fff !important color: #fff !important
} }
.pear-btn[dashed] { .pear-btn[dashed] {
border-style: dashed !important; border-style: dashed !important;
} }
/** Button 主题 */ /** Button 主题 */
.pear-btn-primary { .pear-btn-primary {
background-color: #2D8CF0 !important; background-color: #2D8CF0 !important;
} }
.pear-btn-danger { .pear-btn-danger {
background-color: #f56c6c !important background-color: #f56c6c !important
} }
.pear-btn-warming { .pear-btn-warming {
background-color: #e6a23c !important background-color: #e6a23c !important
} }
.pear-btn-success { .pear-btn-success {
background-color: #67c23a !important background-color: #67c23a !important
} }
.pear-btn[round] { .pear-btn[round] {
border-radius: 50px; border-radius: 50px;
} }
.pear-btn-primary[plain] { .pear-btn-primary[plain] {
color: #409eff !important; color: #409eff !important;
background: #ecf5ff !important; background: #ecf5ff !important;
border-color: #b3d8ff !important; border-color: #b3d8ff !important;
} }
.pear-btn-primary[plain]:hover { .pear-btn-primary[plain]:hover {
color: #fff !important; color: #fff !important;
background-color: #2d8cf0 !important background-color: #2d8cf0 !important
} }
.pear-btn-success[plain] { .pear-btn-success[plain] {
color: #67c23a !important; color: #67c23a !important;
background: #f0f9eb !important; background: #f0f9eb !important;
border-color: #c2e7b0 !important; border-color: #c2e7b0 !important;
} }
.pear-btn-success[plain]:hover { .pear-btn-success[plain]:hover {
color: white !important; color: white !important;
background-color: #67c23a !important background-color: #67c23a !important
} }
.pear-btn-warming[plain] { .pear-btn-warming[plain] {
color: #e6a23c !important; color: #e6a23c !important;
background: #fdf6ec !important; background: #fdf6ec !important;
border-color: #f5dab1 !important; border-color: #f5dab1 !important;
} }
.pear-btn-warming[plain]:hover { .pear-btn-warming[plain]:hover {
color: white !important; color: white !important;
background-color: #e6a23c !important background-color: #e6a23c !important
} }
.pear-btn-danger[plain] { .pear-btn-danger[plain] {
color: #f56c6c !important; color: #f56c6c !important;
background: #fef0f0 !important; background: #fef0f0 !important;
border-color: #fbc4c4 !important; border-color: #fbc4c4 !important;
} }
.pear-btn-danger[plain]:hover { .pear-btn-danger[plain]:hover {
color: white !important; color: white !important;
background-color: #f56c6c !important background-color: #f56c6c !important
@ -111,36 +94,30 @@
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
.pear-btn-group .pear-btn { .pear-btn-group .pear-btn {
float: left; float: left;
position: relative; position: relative;
border-radius: 0px; border-radius: 0px;
} }
.pear-btn-md { .pear-btn-md {
height: 34px; height: 34px;
line-height: 34px; line-height: 34px;
padding: 0 10px; padding: 0 10px;
font-size: 12.5px; font-size: 12.5px;
} }
.pear-btn-group .pear-btn:first-child { .pear-btn-group .pear-btn:first-child {
border-top-left-radius: 4px !important; border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; border-bottom-left-radius: 4px !important;
} }
.pear-btn-group .pear-btn:last-child { .pear-btn-group .pear-btn:last-child {
border-top-right-radius: 4px !important; border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; border-bottom-right-radius: 4px !important;
} }
.pear-btn-group .pear-btn[round]:first-child { .pear-btn-group .pear-btn[round]:first-child {
border-top-left-radius: 50px !important; border-top-left-radius: 50px !important;
border-bottom-left-radius: 50px !important; border-bottom-left-radius: 50px !important;
} }
.pear-btn-group .pear-btn[round]:last-child { .pear-btn-group .pear-btn[round]:last-child {
border-top-right-radius: 50px !important; border-top-right-radius: 50px !important;
border-bottom-right-radius: 50px !important; border-bottom-right-radius: 50px !important;
@ -153,14 +130,12 @@
padding: 0 10px; padding: 0 10px;
font-size: 12px; font-size: 12px;
} }
.pear-btn-xs { .pear-btn-xs {
height: 22px; height: 22px;
line-height: 22px; line-height: 22px;
padding: 0 5px; padding: 0 5px;
font-size: 12px; font-size: 12px;
} }
.pear-btn-lg { .pear-btn-lg {
height: 44px; height: 44px;
line-height: 44px; line-height: 44px;

404
component/pear/css/pear-module/cropper.css
View File

@ -1,274 +1,272 @@
/*! .cropper-container {
* Cropper v0.9.1 position: relative;
* https://github.com/fengyuanchen/cropper overflow: hidden;
* -webkit-user-select: none;
* Copyright (c) 2014-2015 Fengyuan Chen and contributors -moz-user-select: none;
* Released under the MIT license -ms-user-select: none;
* user-select: none;
* Date: 2015-03-21T04:58:27.265Z -webkit-tap-highlight-color: transparent;
*/ -webkit-touch-callout: none
.cropper-container {
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
} }
.cropper-container img { .cropper-container img {
display: block; display: block;
width: 100%; width: 100%;
min-width: 0 !important; min-width: 0 !important;
max-width: none !important; max-width: none !important;
height: 100%; height: 100%;
min-height: 0 !important; min-height: 0 !important;
max-height: none !important; max-height: none !important;
image-orientation: 0deg !important image-orientation: 0deg !important
} }
.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal { .cropper-canvas,
position: absolute; .cropper-crop-box,
top: 0; .cropper-drag-box,
right: 0; .cropper-modal {
bottom: 0; position: absolute;
left: 0 top: 0;
right: 0;
bottom: 0;
left: 0
} }
.cropper-drag-box { .cropper-drag-box {
background-color: #fff; background-color: #fff;
filter: alpha(opacity=0); filter: alpha(opacity=0);
opacity: 0 opacity: 0
} }
.cropper-modal { .cropper-modal {
background-color: #000; background-color: #000;
filter: alpha(opacity=50); filter: alpha(opacity=50);
opacity: .5 opacity: .5
} }
.cropper-view-box { .cropper-view-box {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
outline: #69f solid 1px; outline: #69f solid 1px;
outline-color: rgba(102,153,255,.75) outline-color: rgba(102, 153, 255, .75)
} }
.cropper-dashed { .cropper-dashed {
position: absolute; position: absolute;
display: block; display: block;
filter: alpha(opacity=50); filter: alpha(opacity=50);
border: 0 dashed #fff; border: 0 dashed #fff;
opacity: .5 opacity: .5
} }
.cropper-dashed.dashed-h { .cropper-dashed.dashed-h {
top: 33.33333333%; top: 33.33333333%;
left: 0; left: 0;
width: 100%; width: 100%;
height: 33.33333333%; height: 33.33333333%;
border-top-width: 1px; border-top-width: 1px;
border-bottom-width: 1px border-bottom-width: 1px
} }
.cropper-dashed.dashed-v { .cropper-dashed.dashed-v {
top: 0; top: 0;
left: 33.33333333%; left: 33.33333333%;
width: 33.33333333%; width: 33.33333333%;
height: 100%; height: 100%;
border-right-width: 1px; border-right-width: 1px;
border-left-width: 1px border-left-width: 1px
} }
.cropper-face, .cropper-line, .cropper-point { .cropper-face,
position: absolute; .cropper-line,
display: block; .cropper-point {
width: 100%; position: absolute;
height: 100%; display: block;
filter: alpha(opacity=10); width: 100%;
opacity: .1 height: 100%;
filter: alpha(opacity=10);
opacity: .1
} }
.cropper-face { .cropper-face {
top: 0; top: 0;
left: 0; left: 0;
cursor: move; cursor: move;
background-color: #fff background-color: #fff
} }
.cropper-line { .cropper-line {
background-color: #69f background-color: #69f
} }
.cropper-line.line-e { .cropper-line.line-e {
top: 0; top: 0;
right: -3px; right: -3px;
width: 5px; width: 5px;
cursor: e-resize cursor: e-resize
} }
.cropper-line.line-n { .cropper-line.line-n {
top: -3px; top: -3px;
left: 0; left: 0;
height: 5px; height: 5px;
cursor: n-resize cursor: n-resize
} }
.cropper-line.line-w { .cropper-line.line-w {
top: 0; top: 0;
left: -3px; left: -3px;
width: 5px; width: 5px;
cursor: w-resize cursor: w-resize
} }
.cropper-line.line-s { .cropper-line.line-s {
bottom: -3px; bottom: -3px;
left: 0; left: 0;
height: 5px; height: 5px;
cursor: s-resize cursor: s-resize
} }
.cropper-point { .cropper-point {
width: 5px; width: 5px;
height: 5px; height: 5px;
background-color: #69f; background-color: #69f;
filter: alpha(opacity=75); filter: alpha(opacity=75);
opacity: .75 opacity: .75
} }
.cropper-point.point-e { .cropper-point.point-e {
top: 50%; top: 50%;
right: -3px; right: -3px;
margin-top: -3px; margin-top: -3px;
cursor: e-resize cursor: e-resize
} }
.cropper-point.point-n { .cropper-point.point-n {
top: -3px; top: -3px;
left: 50%; left: 50%;
margin-left: -3px; margin-left: -3px;
cursor: n-resize cursor: n-resize
} }
.cropper-point.point-w { .cropper-point.point-w {
top: 50%; top: 50%;
left: -3px; left: -3px;
margin-top: -3px; margin-top: -3px;
cursor: w-resize cursor: w-resize
} }
.cropper-point.point-s { .cropper-point.point-s {
bottom: -3px; bottom: -3px;
left: 50%; left: 50%;
margin-left: -3px; margin-left: -3px;
cursor: s-resize cursor: s-resize
} }
.cropper-point.point-ne { .cropper-point.point-ne {
top: -3px; top: -3px;
right: -3px; right: -3px;
cursor: ne-resize cursor: ne-resize
} }
.cropper-point.point-nw { .cropper-point.point-nw {
top: -3px; top: -3px;
left: -3px; left: -3px;
cursor: nw-resize cursor: nw-resize
} }
.cropper-point.point-sw { .cropper-point.point-sw {
bottom: -3px; bottom: -3px;
left: -3px; left: -3px;
cursor: sw-resize cursor: sw-resize
} }
.cropper-point.point-se { .cropper-point.point-se {
right: -3px; right: -3px;
bottom: -3px; bottom: -3px;
width: 20px; width: 20px;
height: 20px; height: 20px;
cursor: se-resize; cursor: se-resize;
filter: alpha(opacity=100); filter: alpha(opacity=100);
opacity: 1 opacity: 1
} }
.cropper-point.point-se:before { .cropper-point.point-se:before {
position: absolute; position: absolute;
right: -50%; right: -50%;
bottom: -50%; bottom: -50%;
display: block; display: block;
width: 200%; width: 200%;
height: 200%; height: 200%;
content: " "; content: " ";
background-color: #69f; background-color: #69f;
filter: alpha(opacity=0); filter: alpha(opacity=0);
opacity: 0 opacity: 0
} }
@media (min-width:768px) { @media (min-width:768px) {
.cropper-point.point-se { .cropper-point.point-se {
width: 15px; width: 15px;
height: 15px height: 15px
} }
} }
@media (min-width:992px) { @media (min-width:992px) {
.cropper-point.point-se { .cropper-point.point-se {
width: 10px; width: 10px;
height: 10px height: 10px
} }
} }
@media (min-width:1200px) { @media (min-width:1200px) {
.cropper-point.point-se { .cropper-point.point-se {
width: 5px; width: 5px;
height: 5px; height: 5px;
filter: alpha(opacity=75); filter: alpha(opacity=75);
opacity: .75 opacity: .75
} }
} }
.cropper-bg { .cropper-bg {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC) background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
} }
.cropper-invisible { .cropper-invisible {
filter: alpha(opacity=0); filter: alpha(opacity=0);
opacity: 0 opacity: 0
} }
.cropper-hide { .cropper-hide {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index: -1; z-index: -1;
width: auto !important; width: auto !important;
min-width: 0 !important; min-width: 0 !important;
max-width: none !important; max-width: none !important;
height: auto !important; height: auto !important;
min-height: 0 !important; min-height: 0 !important;
max-height: none !important; max-height: none !important;
filter: alpha(opacity=0); filter: alpha(opacity=0);
opacity: 0 opacity: 0
} }
.cropper-hidden { .cropper-hidden {
display: none !important display: none !important
} }
.cropper-move { .cropper-move {
cursor: move cursor: move
} }
.cropper-crop { .cropper-crop {
cursor: crosshair cursor: crosshair
} }
.cropper-disabled .cropper-canvas, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { .cropper-disabled .cropper-canvas,
cursor: not-allowed .cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
cursor: not-allowed
} }

169
component/pear/css/pear-module/dropdown.css
View File

@ -1,7 +1,162 @@
/** html #layuicss-dropdown_css {
* layui_dropdown display: none;
* v2.3.2 position: absolute;
* by Microanswer width: 1989px
* http://layuidropdown.microanswer.cn/ }
**/
html #layuicss-dropdown_css{display:none;position:absolute;width:1989px}.dropdown-root{position:fixed;outline:0;overflow:hidden}.dropdown-pointer{width:0;height:0;position:absolute;display:block;overflow:hidden;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgBAMAAABQs2O3AAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABVQTFRFAAAAgICAgICAgICAhISE8PDw////jUnEegAAAAd0Uk5TAB/2/////74r3wgAAACOSURBVHicfcztDYAgDEVR2MCwgXEDwwbGDYwbyP4jyJfYlvbdvzc5zrH8ti8OFeKxou+384JEiPeDiAykhIgMpASICiCiAoDogE10wCQGYBEDMAgC6AQBVIIBGsEAhRDATAhgIiZAEhMgCAXghAIwQgUooQKEMICfMIBBmMBHmEAnANAIADQCAYVwCCjEC5fhzAE36RUGAAAAAElFTkSuQmCC) bottom center no-repeat;background-size:100% 50%;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}.dropdown-pointer.bottom{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}.dropdown-root .dropdown-content{background-color:#fff;border-radius:3px;box-shadow:1px 1px 5px #979797;overflow-x:auto;overflow-y:hidden}.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-thead{display:table-header-group}.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tbody{display:table-row-group}.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr{display:table-row}.dropdown-root .dropdown-content .dropdown-content-table,.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-td,.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-th{display:table-cell;border:unset;text-align:unset;font-weight:400;min-height:unset;font-size:12px;line-height:12px;padding-top:0;padding-bottom:0}.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-th{font-weight:700}.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr,.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr:hover{background-color:unset}.dropdown-root .dropdown-content .dropdown-menu-wrap{border-right:1px solid transparent;overflow-y:auto;overflow-x:hidden}.dropdown-root .dropdown-content .dropdown-menu-fixed-head{border-right:1px solid transparent;overflow:hidden}.dropdown-root .dropdown-content .dropdown-menu-fixed-head .menu-fixed-head{margin:6px 14px 2px;color:#a8a8a8;font-size:12px}.dropdown-root .dropdown-content .dropdown-menu-fixed-head.menu-splitor,.dropdown-root .dropdown-content .dropdown-menu-wrap.menu-splitor{border-right:1px solid #D9D9D9}.dropdown-root .dropdown-content .dropdown-menu-wrap.overflowauto{overflow-y:auto;overflow-x:hidden}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu{padding:0;margin:0}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap{list-style:none;outline:0}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap:first-child{margin-top:10px}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap.nomargin{margin-top:0!important}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap:last-child{margin-bottom:10px}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header{margin-top:6px}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header.withLine{margin-left:0;margin-bottom:0;margin-right:0}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header,.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header legend{font-size:12px!important;line-height:15px!important;padding:0 14px!important;color:#a8a8a8}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item{line-height:36px}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item a{display:block;color:#333;padding:0 20px;min-width:40px;text-indent:0;font-size:14px;white-space:nowrap}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item a:hover{background-color:#D9D9D9} .dropdown-root {
position: fixed;
outline: 0;
overflow: hidden
}
.dropdown-pointer {
width: 0;
height: 0;
position: absolute;
display: block;
overflow: hidden;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgBAMAAABQs2O3AAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABVQTFRFAAAAgICAgICAgICAhISE8PDw////jUnEegAAAAd0Uk5TAB/2/////74r3wgAAACOSURBVHicfcztDYAgDEVR2MCwgXEDwwbGDYwbyP4jyJfYlvbdvzc5zrH8ti8OFeKxou+384JEiPeDiAykhIgMpASICiCiAoDogE10wCQGYBEDMAgC6AQBVIIBGsEAhRDATAhgIiZAEhMgCAXghAIwQgUooQKEMICfMIBBmMBHmEAnANAIADQCAYVwCCjEC5fhzAE36RUGAAAAAElFTkSuQmCC) bottom center no-repeat;
background-size: 100% 50%;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center
}
.dropdown-pointer.bottom {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.dropdown-root .dropdown-content {
background-color: #fff;
border-radius: 3px;
box-shadow: 1px 1px 5px #979797;
overflow-x: auto;
overflow-y: hidden
}
.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-thead {
display: table-header-group
}
.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tbody {
display: table-row-group
}
.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr {
display: table-row
}
.dropdown-root .dropdown-content .dropdown-content-table,
.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-td,
.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-th {
display: table-cell;
border: unset;
text-align: unset;
font-weight: 400;
min-height: unset;
font-size: 12px;
line-height: 12px;
padding-top: 0;
padding-bottom: 0
}
.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-th {
font-weight: 700
}
.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr,
.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr:hover {
background-color: unset
}
.dropdown-root .dropdown-content .dropdown-menu-wrap {
border-right: 1px solid transparent;
overflow-y: auto;
overflow-x: hidden
}
.dropdown-root .dropdown-content .dropdown-menu-fixed-head {
border-right: 1px solid transparent;
overflow: hidden
}
.dropdown-root .dropdown-content .dropdown-menu-fixed-head .menu-fixed-head {
margin: 6px 14px 2px;
color: #a8a8a8;
font-size: 12px
}
.dropdown-root .dropdown-content .dropdown-menu-fixed-head.menu-splitor,
.dropdown-root .dropdown-content .dropdown-menu-wrap.menu-splitor {
border-right: 1px solid #D9D9D9
}
.dropdown-root .dropdown-content .dropdown-menu-wrap.overflowauto {
overflow-y: auto;
overflow-x: hidden
}
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu {
padding: 0;
margin: 0
}
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap {
list-style: none;
outline: 0
}
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap:first-child {
margin-top: 10px
}
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap.nomargin {
margin-top: 0 !important
}
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap:last-child {
margin-bottom: 10px
}
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header {
margin-top: 6px
}
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header.withLine {
margin-left: 0;
margin-bottom: 0;
margin-right: 0
}
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header,
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header legend {
font-size: 12px !important;
line-height: 15px !important;
padding: 0 14px !important;
color: #a8a8a8
}
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item {
line-height: 36px
}
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item a {
display: block;
color: #333;
padding: 0 20px;
min-width: 40px;
text-indent: 0;
font-size: 14px;
white-space: nowrap
}
.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item a:hover {
background-color: #D9D9D9
}

1
component/pear/css/pear-module/menu.css
View File

@ -24,7 +24,6 @@
.layui-nav-tree .layui-this, .layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover { .layui-nav-tree .layui-this>a:hover {
background-color: #5FB878; background-color: #5FB878;
} }

5
component/pear/css/pear-module/tab.css
View File

@ -40,8 +40,8 @@
.pear-tab .layui-tab-title .pear-tab-active { .pear-tab .layui-tab-title .pear-tab-active {
display: inline-block; display: inline-block;
background-color: lightgray; background-color: lightgray;
width: 9px; width: 8px;
height: 9px; height: 8px;
border-radius: 30px; border-radius: 30px;
margin-right: 12px; margin-right: 12px;
} }
@ -182,6 +182,7 @@
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
.ball-loader { .ball-loader {
position: absolute; position: absolute;
left: 50%; left: 50%;

1
component/pear/modules/admin.js
View File

@ -163,6 +163,7 @@ layui.define(['table', 'jquery', 'element', 'form', 'tab', 'menu', 'frame'],
} }
localStorage.setItem("theme-color", color.id); localStorage.setItem("theme-color", color.id);
localStorage.setItem("theme-menu", menu); localStorage.setItem("theme-menu", menu);
localStorage.setItem("theme-color-context",color.color);
this.colorSet(color.color); this.colorSet(color.color);
this.menuSkin(menu); this.menuSkin(menu);
} }

84
component/pear/modules/menu.js
View File

@ -27,9 +27,8 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
change: opt.change ? opt.change : function() {}, change: opt.change ? opt.change : function() {},
done: opt.done ? opt.done : function() {} done: opt.done ? opt.done : function() {}
} }
if (option.async) { if (option.async) {
getData(option.url).then(function(data){ getData(option.url).then(function(data) {
option.data = data; option.data = data;
renderMenu(option); renderMenu(option);
}); });
@ -39,34 +38,33 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
renderMenu(option); renderMenu(option);
}, 500); }, 500);
} }
return new pearMenu(opt); return new pearMenu(opt);
} }
pearMenu.prototype.click = function(clickEvent) { pearMenu.prototype.click = function(clickEvent) {
var _this = this; var _this = this;
$("body").on("click","#" + _this.option.elem + " .site-demo-active",function(){ $("body").on("click", "#" + _this.option.elem + " .site-demo-active", function() {
var dom = $(this); var dom = $(this);
var data = { var data = {
menuId: dom.attr("menu-id"), menuId: dom.attr("menu-id"),
menuTitle: dom.attr("menu-title"), menuTitle: dom.attr("menu-title"),
menuPath: dom.attr("menu-title"), menuPath: dom.attr("menu-title"),
menuIcon: dom.attr("menu-icon"), menuIcon: dom.attr("menu-icon"),
menuUrl: dom.attr("menu-url") menuUrl: dom.attr("menu-url")
}; };
var doms = hash(dom); var doms = hash(dom);
if (doms.text() != '') { if (doms.text() != '') {
data['menuPath'] = doms.find("span").text() + " / " + data['menuPath']; data['menuPath'] = doms.find("span").text() + " / " + data['menuPath'];
} }
var domss = hash(doms); var domss = hash(doms);
if (domss.text() != '') { if (domss.text() != '') {
data['menuPath'] = domss.find("span").text() + " / " + data['menuPath']; data['menuPath'] = domss.find("span").text() + " / " + data['menuPath'];
} }
var domsss = hash(domss); var domsss = hash(domss);
if (domsss.text() != '') { if (domsss.text() != '') {
data['menuPath'] = domsss.find("span").text() + " / " + data['menuPath']; data['menuPath'] = domsss.find("span").text() + " / " + data['menuPath'];
} }
clickEvent(dom, data); clickEvent(dom, data);
}) })
} }
@ -133,15 +131,15 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
} }
} }
function getData(url){ function getData(url) {
var defer = $.Deferred(); var defer = $.Deferred();
$.get(url+"?fresh=" + Math.random(), function(result) { $.get(url + "?fresh=" + Math.random(), function(result) {
defer.resolve(result) defer.resolve(result)
}); });
return defer.promise(); return defer.promise();
} }
function renderMenu(option){ function renderMenu(option) {
if (option.parseData != false) { if (option.parseData != false) {
option.parseData(option.data); option.parseData(option.data);
} }
@ -212,16 +210,18 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
'" class="layui-this layui-nav-item"><a href="#">' + item.title + '</a></li>'; '" class="layui-this layui-nav-item"><a href="#">' + item.title + '</a></li>';
menuItem = '<ul pear-id="' + item.id + '" lay-filter="' + option.elem + menuItem = '<ul pear-id="' + item.id + '" lay-filter="' + option.elem +
'" class="layui-nav arrow layui-nav-tree pear-nav-tree">'; '" class="layui-nav arrow layui-nav-tree pear-nav-tree">';
// 兼容移动端 // 兼容移动端
controlPe += '<li class="layui-nav-item"><a class="pe-title" href="javascript:;" >'+ item.title +'</a>'; controlPe += '<li class="layui-nav-item"><a class="pe-title" href="javascript:;" >' + item.title + '</a>';
controlItemPe += '<dd pear-href="' + item.href + '" pear-title="' + item.title + '" pear-id="' + item.id +'"><a href="javascript:void(0);">'+ item.title +'</a></dd>'; controlItemPe += '<dd pear-href="' + item.href + '" pear-title="' + item.title + '" pear-id="' + item.id +
'"><a href="javascript:void(0);">' + item.title + '</a></dd>';
} else { } else {
controlItem = '<li pear-href="' + item.href + '" pear-title="' + item.title + '" pear-id="' + item.id + controlItem = '<li pear-href="' + item.href + '" pear-title="' + item.title + '" pear-id="' + item.id +
'" class="layui-nav-item"><a href="#">' + item.title + '</a></li>'; '" class="layui-nav-item"><a href="#">' + item.title + '</a></li>';
menuItem = '<ul style="display:none" pear-id="' + item.id + '" lay-filter="' + option.elem + menuItem = '<ul style="display:none" pear-id="' + item.id + '" lay-filter="' + option.elem +
'" class="layui-nav arrow layui-nav-tree pear-nav-tree">'; '" class="layui-nav arrow layui-nav-tree pear-nav-tree">';
controlItemPe += '<dd pear-href="' + item.href + '" pear-title="' + item.title + '" pear-id="' + item.id +'"><a href="javascript:void(0);">'+ item.title +'</a></dd>'; controlItemPe += '<dd pear-href="' + item.href + '" pear-title="' + item.title + '" pear-id="' + item.id +
'"><a href="javascript:void(0);">' + item.title + '</a></dd>';
} }
index++; index++;
@ -255,7 +255,6 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
}) })
menu += menuItem + '</ul>'; menu += menuItem + '</ul>';
control += controlItem; control += controlItem;
}) })
controlItemPe += "</li></dl></ul>" controlItemPe += "</li></dl></ul>"
controlPe += controlItemPe; controlPe += controlItemPe;
@ -361,26 +360,21 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
if (b) { if (b) {
$("#" + option.elem + ".pear-nav-mini .layui-nav-item,#" + option.elem + ".pear-nav-mini dd").hover(function() { $("#" + option.elem + ".pear-nav-mini .layui-nav-item,#" + option.elem + ".pear-nav-mini dd").hover(function() {
$(this).children(".layui-nav-child").addClass("layui-nav-hover"); $(this).children(".layui-nav-child").addClass("layui-nav-hover");
var top = $(this).offset().top + 5; var top = $(this).offset().top + 5;
var y = window.document.body.clientHeight; var y = window.document.body.clientHeight;
var height = $(window).height(); var height = $(window).height();
var topLength = $(this).offset().top; var topLength = $(this).offset().top;
var thisHeight = $(this).children(".layui-nav-child").height(); var thisHeight = $(this).children(".layui-nav-child").height();
if ((thisHeight + topLength) > height) {
if((thisHeight+topLength)>height){ topLength = height - thisHeight - 10;
topLength = height-thisHeight-10;
} }
if (!$(this).is(".layui-nav-item")) { if (!$(this).is(".layui-nav-item")) {
var left = $(this).offset().left + $(this).width()+2; var left = $(this).offset().left + $(this).width() + 3;
$(this).children(".layui-nav-child").offset({ $(this).children(".layui-nav-child").offset({
left: left left: left
}); });
} else { } else {
var left = $(this).offset().left + 62; var left = $(this).offset().left + 63;
$(this).children(".layui-nav-child").offset({ $(this).children(".layui-nav-child").offset({
left: left left: left
}); });

17
component/pear/modules/tab.js
View File

@ -312,13 +312,10 @@ layui.define(['jquery', 'element'], function(exports) {
function tabDelete(elem, id, callback) { function tabDelete(elem, id, callback) {
//根据 elem id 来删除指定的 layui title li //根据 elem id 来删除指定的 layui title li
var tabTitle = $(".layui-tab[lay-filter='" + elem + "']").find(".layui-tab-title"); var tabTitle = $(".layui-tab[lay-filter='" + elem + "']").find(".layui-tab-title");
// 删除指定 id 的 title // 删除指定 id 的 title
var removeTab = tabTitle.find("li[lay-id='" + id + "']"); var removeTab = tabTitle.find("li[lay-id='" + id + "']");
var nextNode = removeTab.next("li"); var nextNode = removeTab.next("li");
if(!removeTab.hasClass("layui-this")){ if(!removeTab.hasClass("layui-this")){
@ -334,38 +331,30 @@ layui.define(['jquery', 'element'], function(exports) {
if (nextNode.length) { if (nextNode.length) {
nextNode.addClass("layui-this"); nextNode.addClass("layui-this");
currId = nextNode.attr("lay-id"); currId = nextNode.attr("lay-id");
$("#" + elem + " [id='" + currId + "']").parent().addClass("layui-show"); $("#" + elem + " [id='" + currId + "']").parent().addClass("layui-show");
} else { } else {
var prevNode = removeTab.prev("li"); var prevNode = removeTab.prev("li");
prevNode.addClass("layui-this"); prevNode.addClass("layui-this");
currId = prevNode.attr("lay-id"); currId = prevNode.attr("lay-id");
$("#" + elem + " [id='" + currId + "']").parent().addClass("layui-show"); $("#" + elem + " [id='" + currId + "']").parent().addClass("layui-show");
} }
callback(currId); callback(currId);
removeTab.remove(); removeTab.remove();
// 删除 content // 删除 content
var tabContent = $(".layui-tab[lay-filter='" + elem + "']").find("iframe[id='" + id + "']").parent(); var tabContent = $(".layui-tab[lay-filter='" + elem + "']").find("iframe[id='" + id + "']").parent();
tabContent.remove(); tabContent.remove();
} }
function createTab(option) { function createTab(option) {
var type = ""; var type = "";
var types = option.type+" ";
if (option.roll == true) { if (option.roll == true) {
type = "layui-tab-roll"; type = "layui-tab-roll";
@ -379,7 +368,7 @@ layui.define(['jquery', 'element'], function(exports) {
type = "layui-tab-rollTool"; type = "layui-tab-rollTool";
} }
var tab = '<div class="pear-tab ' + type + ' layui-tab" lay-filter="' + option.elem + '" lay-allowClose="true">'; var tab = '<div class="pear-tab ' + types + type + ' layui-tab" lay-filter="' + option.elem + '" lay-allowClose="true">';
var title = '<ul class="layui-tab-title">'; var title = '<ul class="layui-tab-title">';

6
index.html
View File

@ -3,7 +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">
<title>Pear Admin Layui</title> <title> Pear Admin Layui </title>
<!-- 依 赖 样 式 --> <!-- 依 赖 样 式 -->
<link rel="stylesheet" href="component/pear/css/pear.css" /> <link rel="stylesheet" href="component/pear/css/pear.css" />
<!-- 加 载 样 式--> <!-- 加 载 样 式-->
@ -41,6 +41,7 @@
<dd><a href="login.html">注销登录</a></dd> <dd><a href="login.html">注销登录</a></dd>
</dl> </dl>
</li> </li>
<!-- 主 题 配 置 -->
<li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li> <li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>
</ul> </ul>
</div> </div>
@ -48,7 +49,9 @@
<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"></img> <img class="logo"></img>
<!-- 标 题 -->
<span class="title"></span> <span class="title"></span>
</div> </div>
<!-- 侧 边 菜 单 --> <!-- 侧 边 菜 单 -->
@ -58,6 +61,7 @@
</div> </div>
<!-- 视 图 页 面 --> <!-- 视 图 页 面 -->
<div class="layui-body"> <div class="layui-body">
<!-- 内 容 页 面 -->
<div id="content"></div> <div id="content"></div>
</div> </div>
</div> </div>

1
login.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Login Page</title> <title>Login Page</title>
<!-- 样 式 文 件 -->
<link rel="stylesheet" href="component/pear/css/pear.css" /> <link rel="stylesheet" href="component/pear/css/pear.css" />
<link rel="stylesheet" href="admin/css/other/login.css" /> <link rel="stylesheet" href="admin/css/other/login.css" />
</head> </head>

2
view/system/logging.html
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Title</title> <title>行为日志</title>
<link rel="stylesheet" href="../../component/pear/css/pear.css" /> <link rel="stylesheet" href="../../component/pear/css/pear.css" />
</head> </head>
<body class="pear-container"> <body class="pear-container">