规整代码
Jmysy
parent
ce35b3c515
commit
0c5bab2f6f
|
|
@ -1,242 +1,248 @@
|
||||||
|
/**
|
||||||
|
~ Copyright [就眠仪式] [Pear Admin Layui of copyright owner]
|
||||||
|
~
|
||||||
|
~ Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
~ you may not use this file except in compliance with the License.
|
||||||
|
~ You may obtain a copy of the License at
|
||||||
|
~
|
||||||
|
~ http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
~
|
||||||
|
~ Unless required by applicable law or agreed to in writing, software
|
||||||
|
~ distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
~ See the License for the specific language governing permissions and
|
||||||
|
~ limitations under the License.
|
||||||
|
~
|
||||||
|
*/
|
||||||
|
.pear-admin .layui-header,
|
||||||
|
.pear-admin .layui-body,
|
||||||
|
.pear-admin .layui-logo,
|
||||||
|
.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;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
background-color: #5FB878;
|
||||||
|
z-index: 9999;
|
||||||
|
right: 40px;
|
||||||
|
bottom: 25px;
|
||||||
|
border-radius: 50px;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
|
||||||
|
}
|
||||||
|
|
||||||
.pear-admin .layui-header,
|
/** 亮色侧边风格 */
|
||||||
.pear-admin .layui-body,
|
.light-theme .layui-logo {
|
||||||
.pear-admin .layui-logo,
|
background-color: white !important;
|
||||||
.pear-admin .layui-side{
|
color: black !important;
|
||||||
transition: all .3s;
|
}
|
||||||
}
|
.light-theme .layui-side-scroll {
|
||||||
.pear-admin .layui-logo .title{
|
background-color: white !important;
|
||||||
font-size: 20px;
|
color: black !important;
|
||||||
}
|
}
|
||||||
.layui-header .layui-nav-more{
|
.light-theme .bottom-nav {
|
||||||
display: none!important;
|
background-color: white !important;
|
||||||
}
|
box-shadow: none;
|
||||||
|
border-top: whitesmoke 1px solid;
|
||||||
.pe-collaspe{
|
}
|
||||||
position: absolute;
|
.light-theme .bottom-nav * {
|
||||||
width: 50px;
|
color: dimgray;
|
||||||
height: 50px;
|
}
|
||||||
line-height: 50px;
|
|
||||||
background-color: #5FB878;
|
/** 通 用 框 架 布 局 */
|
||||||
z-index: 9999;
|
.pear-admin .layui-header {
|
||||||
right: 40px;
|
left: 220px;
|
||||||
bottom: 25px;
|
width: calc(100% - 220px);
|
||||||
border-radius: 50px;
|
background-color: white;
|
||||||
text-align: center;
|
border-bottom: 1px solid whitesmoke;
|
||||||
color: white;
|
}
|
||||||
box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
|
.pear-admin .layui-header .layui-nav-img {
|
||||||
}
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
/**
|
}
|
||||||
* 风格
|
.pear-admin .layui-layout-control {
|
||||||
* */
|
left: 120px;
|
||||||
.light-theme .layui-logo{
|
position: absolute;
|
||||||
background-color: white!important;
|
}
|
||||||
color: black!important;
|
.pear-admin .layui-logo {
|
||||||
}
|
width: 220px;
|
||||||
|
height: 60px;
|
||||||
.light-theme .layui-side-scroll{
|
position: relative;
|
||||||
background-color: white!important;
|
background-color: #28333E;
|
||||||
color: black!important;
|
|
||||||
}
|
}
|
||||||
|
.pear-admin .layui-logo img {
|
||||||
.light-theme .bottom-nav {
|
width: 36px;
|
||||||
background-color: white!important;
|
height: 36px;
|
||||||
box-shadow: none;
|
}
|
||||||
border-top: whitesmoke 1px solid;
|
.pear-admin .layui-logo .title {
|
||||||
}
|
font-size: 21px;
|
||||||
|
font-weight: 550;
|
||||||
.light-theme .bottom-nav *{
|
color: #5FB878;
|
||||||
color: dimgray;
|
position: relative;
|
||||||
}
|
top: 5px;
|
||||||
|
margin-left: 5px;
|
||||||
/** 通 用 框 架 布 局 */
|
}
|
||||||
.pear-admin .layui-header {
|
.pear-admin .layui-logo .logo {
|
||||||
left: 220px;
|
display: none;
|
||||||
width: calc(100% - 220px);
|
}
|
||||||
background-color: white;
|
.pear-mini .layui-logo .title {
|
||||||
border-bottom: 1px solid whitesmoke;
|
display: none;
|
||||||
}
|
}
|
||||||
.pear-admin .layui-header .layui-nav-img{
|
.pear-mini .layui-logo .logo {
|
||||||
width: 30px;
|
display: inline-block;
|
||||||
height: 30px;
|
}
|
||||||
}
|
.pear-admin .layui-side {
|
||||||
.pear-admin .layui-layout-control{
|
top: 0px;
|
||||||
left: 120px;
|
width: 220px;
|
||||||
position: absolute;
|
box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
|
||||||
}
|
z-index: 9999;
|
||||||
.pear-admin .layui-logo{
|
}
|
||||||
width: 220px;
|
.pear-admin .layui-side-scroll::-webkit-scrollbar {
|
||||||
height: 60px;
|
width: 0px;
|
||||||
position: relative;
|
height: 0px;
|
||||||
background-color: #28333E;
|
}
|
||||||
|
.pear-admin .layui-side-scroll {
|
||||||
}
|
height: calc(100% - 60px);
|
||||||
.pear-admin .layui-logo img{
|
background-color: #28333E;
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
}
|
||||||
}
|
.pear-admin .layui-header .layui-nav .layui-nav-item>a {
|
||||||
.pear-admin .layui-logo .title{
|
color: black;
|
||||||
font-size: 21px;
|
font-size: 15px;
|
||||||
font-weight: 550;
|
}
|
||||||
color: #5FB878;
|
.pear-admin .layui-body {
|
||||||
position: relative;
|
left: 220px;
|
||||||
top: 5px;
|
bottom: 0px;
|
||||||
margin-left: 5px;
|
}
|
||||||
}
|
.pear-admin .layui-layout-left {
|
||||||
.pear-admin .layui-logo .logo{
|
left: 0px;
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
.pear-mini .layui-logo .title{
|
|
||||||
display: none;
|
/** 隐 藏 布 局 样 式 */
|
||||||
}
|
.pear-mini .layui-side {
|
||||||
.pear-mini .layui-logo .logo{
|
width: 60px;
|
||||||
display: inline-block;
|
}
|
||||||
}
|
.pear-mini .layui-header {
|
||||||
.pear-admin .layui-side {
|
left: 60px;
|
||||||
top: 0px;
|
width: calc(100% - 60px);
|
||||||
width: 220px;
|
}
|
||||||
box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
|
.pear-mini .layui-body {
|
||||||
z-index: 9999;
|
left: 60px;
|
||||||
}
|
}
|
||||||
.pear-admin .layui-side-scroll::-webkit-scrollbar{
|
.pear-mini .layui-logo {
|
||||||
width:0px;
|
width: 60px;
|
||||||
height:0px;
|
}
|
||||||
}
|
.pear-mini .layui-nav-tree .layui-nav-item span {
|
||||||
.pear-admin .layui-side-scroll{
|
display: none;
|
||||||
height: calc(100% - 60px);
|
}
|
||||||
background-color: #28333E;
|
.pear-mini .bottom-nav li {
|
||||||
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
.pear-admin .layui-header .layui-nav .layui-nav-item>a {
|
.pear-mini .layui-side-scroll {
|
||||||
color: black;
|
height: calc(100% - 60px);
|
||||||
font-size: 15px;
|
}
|
||||||
}
|
|
||||||
.pear-admin .layui-body {
|
|
||||||
left: 220px;
|
|
||||||
bottom: 0px;
|
/** 顶 部 菜 单 样 式 */
|
||||||
}
|
.pear-admin .layui-header .layui-nav .layui-nav-bar {
|
||||||
.pear-admin .layui-layout-left {
|
top: 0px !important;
|
||||||
left: 0px;
|
height: 2px !important;
|
||||||
|
background-color: #5FB878;
|
||||||
}
|
}
|
||||||
|
.pear-admin .layui-header .layui-nav .layui-this:after {
|
||||||
/** 隐 藏 布 局 样 式 */
|
display: none;
|
||||||
.pear-mini .layui-side{
|
}
|
||||||
width: 60px;
|
|
||||||
}
|
/** 新增兼容 */
|
||||||
.pear-mini .layui-header{
|
@media screen and (max-width:768px) {
|
||||||
left: 60px;
|
.pear-mini .bottom-nav {
|
||||||
width: calc(100% - 60px);
|
display: none;
|
||||||
}
|
}
|
||||||
.pear-mini .layui-body{
|
.pear-mini .layui-side-scroll {
|
||||||
left: 60px;
|
height: calc(100% - 62px);
|
||||||
}
|
}
|
||||||
.pear-mini .layui-logo{
|
/** 隐 藏 布 局 样 式 */
|
||||||
width: 60px;
|
.pear-mini .layui-side {
|
||||||
}
|
width: 0px;
|
||||||
.pear-mini .layui-nav-tree .layui-nav-item span{
|
}
|
||||||
display: none;
|
.pear-mini .layui-header {
|
||||||
}
|
left: 0px;
|
||||||
.pear-mini .bottom-nav li{
|
width: 100%;
|
||||||
width: 100%!important;
|
}
|
||||||
}
|
.pear-mini .layui-body {
|
||||||
.pear-mini .layui-side-scroll{
|
left: 0px;
|
||||||
height: calc(100% - 60px);
|
}
|
||||||
}
|
.pear-mini .layui-logo {
|
||||||
|
width: 0px;
|
||||||
|
}
|
||||||
|
.pear-admin .layui-body {
|
||||||
/** 顶 部 菜 单 样 式 */
|
left: 0px;
|
||||||
.pear-admin .layui-header .layui-nav .layui-nav-bar {
|
}
|
||||||
top: 0px !important;
|
.pear-admin .layui-header {
|
||||||
height: 2px !important;
|
left: 0px;
|
||||||
background-color: #5FB878;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.pear-admin .layui-header .layui-nav .layui-this:after {
|
.pear-admin .pear-cover {
|
||||||
display: none;
|
width: 100%;
|
||||||
}
|
height: 100%;
|
||||||
|
background-color: #1E1E1E;
|
||||||
/** 新增兼容 */
|
display: block;
|
||||||
@media screen and (max-width:768px) {
|
position: absolute;
|
||||||
|
z-index: 1000;
|
||||||
|
opacity: 0;
|
||||||
.pear-mini .bottom-nav{
|
margin-top: -60px;
|
||||||
display: none;
|
}
|
||||||
}
|
.pear-mini .pear-cover {
|
||||||
.pear-mini .layui-side-scroll{
|
display: none;
|
||||||
height: calc(100% - 62px);
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 隐 藏 布 局 样 式 */
|
|
||||||
.pear-mini .layui-side{
|
@-webkit-keyframes am-horizontal-roll_show {
|
||||||
width: 0px;
|
0% {
|
||||||
}
|
opacity: 1;
|
||||||
.pear-mini .layui-header{
|
-webkit-transform: translateX(2000px);
|
||||||
left: 0px;
|
transform: translateX(2000px)
|
||||||
width: 100%;
|
}
|
||||||
}
|
|
||||||
.pear-mini .layui-body{
|
100% {
|
||||||
left: 0px;
|
opacity: 1;
|
||||||
}
|
-webkit-transform: translateX(0);
|
||||||
.pear-mini .layui-logo{
|
transform: translateX(0)
|
||||||
width: 0px;
|
}
|
||||||
}
|
}
|
||||||
.pear-admin .layui-body{
|
|
||||||
left: 0px;
|
@keyframes am-horizontal-roll_show {
|
||||||
}
|
0% {
|
||||||
.pear-admin .layui-header{
|
opacity: 1;
|
||||||
left: 0px;
|
-webkit-transform: translateX(800px);
|
||||||
width: 100%;
|
-ms-transform: translateX(800px);
|
||||||
}
|
transform: translateX(800px)
|
||||||
.pear-admin .pear-cover{
|
}
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
100% {
|
||||||
background-color: #1E1E1E;
|
opacity: 1;
|
||||||
display: block;
|
-webkit-transform: translateX(0);
|
||||||
position: absolute;
|
-ms-transform: translateX(0);
|
||||||
z-index: 1000;
|
transform: translateX(0)
|
||||||
opacity: 0;
|
}
|
||||||
margin-top: -60px;
|
}
|
||||||
}
|
|
||||||
.pear-mini .pear-cover{
|
.layer-anim-right {
|
||||||
display: none;
|
-webkit-animation: am-horizontal-roll_show .6s ease-out;
|
||||||
}
|
animation: am-horizontal-roll_show .6s ease-out;
|
||||||
}
|
|
||||||
|
}
|
||||||
|
|
||||||
@-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;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,52 +2,42 @@
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
background-color: whitesmoke;
|
background-color: whitesmoke;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-form-item {
|
.layui-form-item {
|
||||||
margin-bottom: 0px !important;
|
margin-bottom: 0px !important;
|
||||||
margin-top: 5px !important;
|
margin-top: 5px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-input {
|
.layui-input {
|
||||||
height: 34px !important;
|
height: 34px !important;
|
||||||
line-height: 34px !important;
|
line-height: 34px !important;
|
||||||
border-radius: 3px !important;
|
border-radius: 3px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-form-label {
|
.layui-form-label {
|
||||||
width: 60px !important;
|
width: 60px !important;
|
||||||
padding-left: 0px !important;
|
padding-left: 0px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-table-tool-panel {
|
.layui-table-tool-panel {
|
||||||
margin-top: 10px !important;
|
margin-top: 10px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-table-tool {
|
.layui-table-tool {
|
||||||
background-color: white !important;
|
background-color: white !important;
|
||||||
border-bottom: none !important;
|
border-bottom: none !important;
|
||||||
padding-bottom: 10px !important;
|
padding-bottom: 10px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-table-header,
|
.layui-table-header,
|
||||||
.layui-table-header th {
|
.layui-table-header th {
|
||||||
background-color: white !important;
|
background-color: white !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-table-view {
|
.layui-table-view {
|
||||||
border: none !important;
|
border: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-table-cell {
|
.layui-table-cell {
|
||||||
height: 34px !important;
|
height: 34px !important;
|
||||||
line-height: 34px !important;
|
line-height: 34px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-laypage .layui-laypage-curr .layui-laypage-em {
|
.layui-laypage .layui-laypage-curr .layui-laypage-em {
|
||||||
border-radius: 50px !important;
|
border-radius: 50px !important;
|
||||||
background-color: #5FB878 !important;
|
background-color: #5FB878 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-table tr {
|
.layui-table tr {
|
||||||
height: 34px !important;
|
height: 34px !important;
|
||||||
line-height: 34px !important;
|
line-height: 34px !important;
|
||||||
|
|
|
||||||
|
|
@ -15,12 +15,10 @@
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
|
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
|
||||||
|
|
||||||
background-color: #5FB878;
|
background-color: #5FB878;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-nav-tree .toast{
|
.pear-nav-tree .toast{
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
|
|
@ -171,8 +169,6 @@
|
||||||
border-bottom-color: dimgray!important;
|
border-bottom-color: dimgray!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.light-theme .pear-nav-tree .layui-nav-child{
|
.light-theme .pear-nav-tree .layui-nav-child{
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
|
|
@ -195,9 +191,7 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/** 下 拉 图 标 */
|
/** 下 拉 图 标 */
|
||||||
|
|
||||||
.pear-nav-tree.arrow .layui-nav-more {
|
.pear-nav-tree.arrow .layui-nav-more {
|
||||||
font-family: layui-icon !important;
|
font-family: layui-icon !important;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
@ -217,11 +211,9 @@
|
||||||
transition: all .2s;
|
transition: all .2s;
|
||||||
-webkit-transition: all .2s;
|
-webkit-transition: all .2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-nav-tree.arrow .layui-nav-child .layui-nav-more {
|
.pear-nav-tree.arrow .layui-nav-child .layui-nav-more {
|
||||||
top: 17px;
|
top: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-nav-tree.arrow .layui-nav-more:before {
|
.pear-nav-tree.arrow .layui-nav-more:before {
|
||||||
content: "\e61a";
|
content: "\e61a";
|
||||||
}
|
}
|
||||||
|
|
@ -234,7 +226,6 @@
|
||||||
width: 12px;
|
width: 12px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-nav-tree.arrow .layui-nav-itemed > a > .layui-nav-more:before {
|
.pear-nav-tree.arrow .layui-nav-itemed > a > .layui-nav-more:before {
|
||||||
content: '\e61a';
|
content: '\e61a';
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,11 @@
|
||||||
|
|
||||||
.pear-tab {
|
.pear-tab {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-content{
|
.pear-tab .layui-tab-content{
|
||||||
height: calc(100% - 42px) !important;
|
height: calc(100% - 42px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.pear-tab .layui-tab-content .layui-tab-item{
|
.pear-tab .layui-tab-content .layui-tab-item{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -17,26 +13,21 @@
|
||||||
.pear-tab .layui-tab-content {
|
.pear-tab .layui-tab-content {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-title {
|
.pear-tab .layui-tab-title {
|
||||||
border: none;
|
border: none;
|
||||||
border: 1px solid whitesmoke;
|
border: 1px solid whitesmoke;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-title li {
|
.pear-tab .layui-tab-title li {
|
||||||
border-right: 1px solid whitesmoke;
|
border-right: 1px solid whitesmoke;
|
||||||
color: dimgray;
|
color: dimgray;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-title .layui-tab-bar {
|
.pear-tab .layui-tab-title .layui-tab-bar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-title .layui-this:after {
|
.pear-tab .layui-tab-title .layui-this:after {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.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;
|
||||||
|
|
@ -45,26 +36,21 @@
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-title .layui-this .pear-tab-active {
|
.pear-tab .layui-tab-title .layui-this .pear-tab-active {
|
||||||
background-color: #5FB878;
|
background-color: #5FB878;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-title .layui-tab-close:hover {
|
.pear-tab .layui-tab-title .layui-tab-close:hover {
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
background-color: lightgray;
|
background-color: lightgray;
|
||||||
line-height: 19px;
|
line-height: 19px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-title .disable-close+.layui-tab-close {
|
.pear-tab .layui-tab-title .disable-close+.layui-tab-close {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-title .able-close+.layui-tab-close {
|
.pear-tab .layui-tab-title .able-close+.layui-tab-close {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.pear-tab .layui-tab-control>li {
|
.pear-tab .layui-tab-control>li {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
|
|
@ -76,67 +62,52 @@
|
||||||
border-top: whitesmoke 1px solid;
|
border-top: whitesmoke 1px solid;
|
||||||
border-bottom: whitesmoke 1px solid;
|
border-bottom: whitesmoke 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-prev {
|
.pear-tab .layui-tab-prev {
|
||||||
left: 0px;
|
left: 0px;
|
||||||
border-right: whitesmoke 1px solid;
|
border-right: whitesmoke 1px solid;
|
||||||
border-left: whitesmoke 1px solid;
|
border-left: whitesmoke 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-next {
|
.pear-tab .layui-tab-next {
|
||||||
right: 40px;
|
right: 40px;
|
||||||
border-left: 1px solid whitesmoke;
|
border-left: 1px solid whitesmoke;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-tool {
|
.pear-tab .layui-tab-tool {
|
||||||
right: 0px;
|
right: 0px;
|
||||||
border-left: 1px solid whitesmoke;
|
border-left: 1px solid whitesmoke;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-control .layui-tab-tool,
|
.pear-tab .layui-tab-control .layui-tab-tool,
|
||||||
.pear-tab .layui-tab-control .layui-tab-prev,
|
.pear-tab .layui-tab-control .layui-tab-prev,
|
||||||
.pear-tab .layui-tab-control .layui-tab-next {
|
.pear-tab .layui-tab-control .layui-tab-next {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.pear-tab.layui-tab-roll .layui-tab-control .layui-tab-prev,
|
.pear-tab.layui-tab-roll .layui-tab-control .layui-tab-prev,
|
||||||
.pear-tab.layui-tab-roll .layui-tab-control .layui-tab-next {
|
.pear-tab.layui-tab-roll .layui-tab-control .layui-tab-next {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab.layui-tab-roll .layui-tab-control .layui-tab-next {
|
.pear-tab.layui-tab-roll .layui-tab-control .layui-tab-next {
|
||||||
right: 0px;
|
right: 0px;
|
||||||
border-right: 1px solid whitesmoke;
|
border-right: 1px solid whitesmoke;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab.layui-tab-roll .layui-tab-title {
|
.pear-tab.layui-tab-roll .layui-tab-title {
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
padding-right: 40px;
|
padding-right: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.pear-tab.layui-tab-tool .layui-tab-control .layui-tab-tool {
|
.pear-tab.layui-tab-tool .layui-tab-control .layui-tab-tool {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab.layui-tab-tool .layui-tab-title {
|
.pear-tab.layui-tab-tool .layui-tab-title {
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
padding-right: 40px;
|
padding-right: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.pear-tab.layui-tab-rollTool .layui-tab-title {
|
.pear-tab.layui-tab-rollTool .layui-tab-title {
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
padding-right: 80px;
|
padding-right: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab.layui-tab-rollTool .layui-tab-control .layui-tab-prev,
|
.pear-tab.layui-tab-rollTool .layui-tab-control .layui-tab-prev,
|
||||||
.pear-tab.layui-tab-rollTool .layui-tab-control .layui-tab-next,
|
.pear-tab.layui-tab-rollTool .layui-tab-control .layui-tab-next,
|
||||||
.pear-tab.layui-tab-rollTool .layui-tab-control .layui-tab-tool {
|
.pear-tab.layui-tab-rollTool .layui-tab-control .layui-tab-tool {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-tool .layui-nav {
|
.pear-tab .layui-tab-tool .layui-nav {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: 43px !important;
|
height: 43px !important;
|
||||||
|
|
@ -146,15 +117,12 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background: 0 0;
|
background: 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-tool .layui-nav-item {
|
.pear-tab .layui-tab-tool .layui-nav-item {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-tool .layui-nav-bar {
|
.pear-tab .layui-tab-tool .layui-nav-bar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-tool .layui-nav-child {
|
.pear-tab .layui-tab-tool .layui-nav-child {
|
||||||
left: auto;
|
left: auto;
|
||||||
top: 45px;
|
top: 45px;
|
||||||
|
|
@ -162,11 +130,9 @@
|
||||||
width: 120px;
|
width: 120px;
|
||||||
border: 1px solid whitesmoke;
|
border: 1px solid whitesmoke;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab .layui-tab-tool .layui-this a {
|
.pear-tab .layui-tab-tool .layui-this a {
|
||||||
background-color: #009688;
|
background-color: #009688;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab-loading {
|
.pear-tab-loading {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: none;
|
display: none;
|
||||||
|
|
@ -176,13 +142,11 @@
|
||||||
z-index: 19;
|
z-index: 19;
|
||||||
background-color: #fff
|
background-color: #fff
|
||||||
}
|
}
|
||||||
|
|
||||||
.pear-tab-loading.close {
|
.pear-tab-loading.close {
|
||||||
animation: close 1s;
|
animation: close 1s;
|
||||||
-webkit-animation: close 1s;
|
-webkit-animation: close 1s;
|
||||||
animation-fill-mode: forwards;
|
animation-fill-mode: forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ball-loader {
|
.ball-loader {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|
@ -191,13 +155,11 @@
|
||||||
-ms-transform: translate(-50%, -50%);
|
-ms-transform: translate(-50%, -50%);
|
||||||
-webkit-transform: translate(-50%, -50%)
|
-webkit-transform: translate(-50%, -50%)
|
||||||
}
|
}
|
||||||
|
|
||||||
.ball-loader>span,
|
.ball-loader>span,
|
||||||
.signal-loader>span {
|
.signal-loader>span {
|
||||||
background-color: #4aca85!important;
|
background-color: #4aca85!important;
|
||||||
display: inline-block
|
display: inline-block
|
||||||
}
|
}
|
||||||
|
|
||||||
.ball-loader>span:nth-child(1),
|
.ball-loader>span:nth-child(1),
|
||||||
.ball-loader.sm>span:nth-child(1),
|
.ball-loader.sm>span:nth-child(1),
|
||||||
.signal-loader>span:nth-child(1),
|
.signal-loader>span:nth-child(1),
|
||||||
|
|
@ -205,7 +167,6 @@
|
||||||
-webkit-animation-delay: 0s;
|
-webkit-animation-delay: 0s;
|
||||||
animation-delay: 0s
|
animation-delay: 0s
|
||||||
}
|
}
|
||||||
|
|
||||||
.ball-loader>span:nth-child(2),
|
.ball-loader>span:nth-child(2),
|
||||||
.ball-loader.sm>span:nth-child(2),
|
.ball-loader.sm>span:nth-child(2),
|
||||||
.signal-loader>span:nth-child(2),
|
.signal-loader>span:nth-child(2),
|
||||||
|
|
@ -213,7 +174,6 @@
|
||||||
-webkit-animation-delay: .1s;
|
-webkit-animation-delay: .1s;
|
||||||
animation-delay: .1s
|
animation-delay: .1s
|
||||||
}
|
}
|
||||||
|
|
||||||
.ball-loader>span:nth-child(3),
|
.ball-loader>span:nth-child(3),
|
||||||
.ball-loader.sm>span:nth-child(3),
|
.ball-loader.sm>span:nth-child(3),
|
||||||
.signal-loader>span:nth-child(3),
|
.signal-loader>span:nth-child(3),
|
||||||
|
|
@ -221,7 +181,6 @@
|
||||||
-webkit-animation-delay: .15s;
|
-webkit-animation-delay: .15s;
|
||||||
animation-delay: .15s
|
animation-delay: .15s
|
||||||
}
|
}
|
||||||
|
|
||||||
.ball-loader>span:nth-child(4),
|
.ball-loader>span:nth-child(4),
|
||||||
.ball-loader.sm>span:nth-child(4),
|
.ball-loader.sm>span:nth-child(4),
|
||||||
.signal-loader>span:nth-child(4),
|
.signal-loader>span:nth-child(4),
|
||||||
|
|
@ -229,7 +188,6 @@
|
||||||
-webkit-animation-delay: .2s;
|
-webkit-animation-delay: .2s;
|
||||||
animation-delay: .2s
|
animation-delay: .2s
|
||||||
}
|
}
|
||||||
|
|
||||||
.ball-loader>span {
|
.ball-loader>span {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
|
|
@ -241,7 +199,6 @@
|
||||||
animation: ball-load 1s ease-in-out infinite;
|
animation: ball-load 1s ease-in-out infinite;
|
||||||
-webkit-animation: 1s ball-load ease-in-out infinite
|
-webkit-animation: 1s ball-load ease-in-out infinite
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes ball-load {
|
@-webkit-keyframes ball-load {
|
||||||
0% {
|
0% {
|
||||||
transform: scale(0);
|
transform: scale(0);
|
||||||
|
|
|
||||||
|
|
@ -1,59 +1,60 @@
|
||||||
.layui-table-view{
|
.layui-table-view {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-table th{
|
|
||||||
background-color: whitesmoke;
|
|
||||||
}
|
|
||||||
|
|
||||||
.layui-table-tool{
|
|
||||||
background-color: whitesmoke;
|
|
||||||
}
|
|
||||||
|
|
||||||
.layui-table-tool .layui-inline[lay-event] {
|
|
||||||
width: 32px!important;
|
|
||||||
height: 32px!important;
|
|
||||||
line-height: 20px!important;
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.layui-inline i{
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.layui-table-tool-panel{
|
|
||||||
margin-top: 8px;
|
|
||||||
border-radius: 4px!important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{
|
|
||||||
border-radius: 50px;
|
|
||||||
background-color: #5FB878;
|
|
||||||
}
|
|
||||||
.layui-table-cell{
|
|
||||||
height: 34px;
|
|
||||||
line-height: 34px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.layui-table-page{
|
|
||||||
height: 45px;
|
|
||||||
font-size: 18px;
|
|
||||||
padding-top: 9px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.layui-laypage-skip input{
|
|
||||||
|
|
||||||
height: 26px!important;
|
|
||||||
line-height: 26px!important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.layui-laypage-limits{
|
.layui-table th {
|
||||||
position: absolute!important;
|
background-color: whitesmoke;
|
||||||
right: 10px!important;
|
}
|
||||||
}
|
|
||||||
|
.layui-table-tool {
|
||||||
.layui-laypage-limits select{
|
background-color: whitesmoke;
|
||||||
height: 20px!important;
|
}
|
||||||
border-radius: 2px;
|
|
||||||
color: dimgray;
|
.layui-table-tool .layui-inline[lay-event] {
|
||||||
}
|
width: 32px !important;
|
||||||
|
height: 32px !important;
|
||||||
|
line-height: 20px !important;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-inline i {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-table-tool-panel {
|
||||||
|
margin-top: 8px;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
|
||||||
|
border-radius: 50px;
|
||||||
|
background-color: #5FB878;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-table-cell {
|
||||||
|
height: 34px;
|
||||||
|
line-height: 34px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-table-page {
|
||||||
|
height: 45px;
|
||||||
|
font-size: 18px;
|
||||||
|
padding-top: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laypage-skip input {
|
||||||
|
|
||||||
|
height: 26px !important;
|
||||||
|
line-height: 26px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laypage-limits {
|
||||||
|
position: absolute !important;
|
||||||
|
right: 10px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-laypage-limits select {
|
||||||
|
height: 20px !important;
|
||||||
|
border-radius: 2px;
|
||||||
|
color: dimgray;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,19 @@
|
||||||
|
/**
|
||||||
|
~ Copyright [就眠仪式] [Pear Admin Layui of copyright owner]
|
||||||
|
~
|
||||||
|
~ Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
~ you may not use this file except in compliance with the License.
|
||||||
|
~ You may obtain a copy of the License at
|
||||||
|
~
|
||||||
|
~ http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
~
|
||||||
|
~ Unless required by applicable law or agreed to in writing, software
|
||||||
|
~ distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
~ See the License for the specific language governing permissions and
|
||||||
|
~ limitations under the License.
|
||||||
|
~
|
||||||
|
*/
|
||||||
layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pearMenu', 'pearNotice', 'pearFrame'],
|
layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pearMenu', 'pearNotice', 'pearFrame'],
|
||||||
function(exports) {
|
function(exports) {
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
@ -18,18 +34,12 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
var pearAdmin = new function() {
|
var pearAdmin = new function() {
|
||||||
|
|
||||||
this.render = function(option) {
|
this.render = function(option) {
|
||||||
|
this.menuRender(option);
|
||||||
this.menuRender(option);
|
this.bodyRender(option);
|
||||||
|
this.keepLoad(option);
|
||||||
this.bodyRender(option);
|
this.themeRender(option);
|
||||||
|
this.noticeRender(option);
|
||||||
this.keepLoad(option);
|
this.permissionRender(option);
|
||||||
|
|
||||||
this.themeRender(option);
|
|
||||||
|
|
||||||
this.noticeRender(option);
|
|
||||||
|
|
||||||
this.permissionRender(option);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
this.permissionRender = function(option) {
|
this.permissionRender = function(option) {
|
||||||
|
|
@ -39,8 +49,6 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
}
|
}
|
||||||
|
|
||||||
this.menuRender = function(option) {
|
this.menuRender = function(option) {
|
||||||
|
|
||||||
/** 侧 边 菜 单 组 件 初 始 化 */
|
|
||||||
sideMenu = pearMenu.render({
|
sideMenu = pearMenu.render({
|
||||||
elem: 'sideMenu', //依赖容器
|
elem: 'sideMenu', //依赖容器
|
||||||
async: true, //数据形式
|
async: true, //数据形式
|
||||||
|
|
@ -58,7 +66,6 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
}
|
}
|
||||||
|
|
||||||
this.noticeRender = function(option) {
|
this.noticeRender = function(option) {
|
||||||
|
|
||||||
var option = {
|
var option = {
|
||||||
elem: 'headerNotice',
|
elem: 'headerNotice',
|
||||||
url: option.notice,
|
url: option.notice,
|
||||||
|
|
@ -86,10 +93,8 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
|
|
||||||
|
|
||||||
this.bodyRender = function(option) {
|
this.bodyRender = function(option) {
|
||||||
|
if (option.muiltTab) {
|
||||||
if (option.muiltTab) {
|
bodyTab = pearTab.render({
|
||||||
|
|
||||||
bodyTab = pearTab.render({
|
|
||||||
elem: 'content',
|
elem: 'content',
|
||||||
roll: true,
|
roll: true,
|
||||||
tool: true,
|
tool: true,
|
||||||
|
|
@ -105,18 +110,13 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
}] //初始化数据
|
}] //初始化数据
|
||||||
});
|
});
|
||||||
|
|
||||||
// 选 项 卡 切 换 API 文 档
|
|
||||||
bodyTab.click(function(id) {
|
bodyTab.click(function(id) {
|
||||||
|
|
||||||
// 选 项 卡 定 位
|
|
||||||
bodyTab.positionTab();
|
bodyTab.positionTab();
|
||||||
|
|
||||||
sideMenu.selectItem(id);
|
sideMenu.selectItem(id);
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
$("body").on("click", ".refresh", function() {
|
$("body").on("click", ".refresh", function() {
|
||||||
|
|
||||||
$(".refresh a").removeClass("layui-icon-refresh-1");
|
$(".refresh a").removeClass("layui-icon-refresh-1");
|
||||||
$(".refresh a").addClass("layui-anim");
|
$(".refresh a").addClass("layui-anim");
|
||||||
$(".refresh a").addClass("layui-anim-rotate");
|
$(".refresh a").addClass("layui-anim-rotate");
|
||||||
|
|
@ -141,12 +141,10 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
icon: data.menuIcon,
|
icon: data.menuIcon,
|
||||||
close: true
|
close: true
|
||||||
}, 300);
|
}, 300);
|
||||||
|
|
||||||
compatible();
|
compatible();
|
||||||
})
|
})
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
// 选 项 卡 初 始 API 文 档
|
|
||||||
bodyFrame = pearFrame.render({
|
bodyFrame = pearFrame.render({
|
||||||
elem: 'content',
|
elem: 'content',
|
||||||
title: '工作空间 / 首页',
|
title: '工作空间 / 首页',
|
||||||
|
|
@ -172,24 +170,17 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
})
|
})
|
||||||
|
|
||||||
sideMenu.click(function(dom, data) {
|
sideMenu.click(function(dom, data) {
|
||||||
|
|
||||||
compatible();
|
compatible();
|
||||||
bodyFrame.changePage(data.menuUrl, data.menuPath, true);
|
bodyFrame.changePage(data.menuUrl, data.menuPath, true);
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
this.keepLoad = function(option) {
|
this.keepLoad = function(option) {
|
||||||
// 关 闭 加 载 层
|
|
||||||
compatible();
|
compatible();
|
||||||
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
|
$(".loader-main").fadeOut(option.done);
|
||||||
$(".loader-main").fadeOut(option.done);
|
|
||||||
|
|
||||||
// 设 置 关 闭 时 间
|
|
||||||
}, option.keepLoad)
|
}, option.keepLoad)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -253,26 +244,20 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var theme = "<style>";
|
||||||
var theme = "<style>";
|
theme += '</style>';
|
||||||
|
|
||||||
theme += '</style>';
|
|
||||||
|
|
||||||
|
|
||||||
$("iframe").contents().find("head").append(theme);
|
$("iframe").contents().find("head").append(theme);
|
||||||
|
$("#pearone-bg-color").html(style);
|
||||||
$("#pearone-bg-color").html(style);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
this.themeRender = function(option) {
|
this.themeRender = function(option) {
|
||||||
|
|
||||||
var color = localStorage.getItem("theme-color");
|
var color = localStorage.getItem("theme-color");
|
||||||
|
|
||||||
var menu = localStorage.getItem("theme-menu");
|
var menu = localStorage.getItem("theme-menu");
|
||||||
|
|
||||||
this.colorSet(color);
|
this.colorSet(color);
|
||||||
|
|
||||||
this.menuSkin(menu);
|
this.menuSkin(menu);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -306,28 +291,19 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 全屏/退出全屏
|
|
||||||
*/
|
|
||||||
$("body").on("click", ".fullScreen", function() {
|
$("body").on("click", ".fullScreen", function() {
|
||||||
if ($(this).hasClass("layui-icon-screen-restore")) {
|
if ($(this).hasClass("layui-icon-screen-restore")) {
|
||||||
|
|
||||||
screenFun(2).then(function() {
|
screenFun(2).then(function() {
|
||||||
$(".fullScreen").eq(0).removeClass("layui-icon-screen-restore");
|
$(".fullScreen").eq(0).removeClass("layui-icon-screen-restore");
|
||||||
});
|
});
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
screenFun(1).then(function() {
|
screenFun(1).then(function() {
|
||||||
$(".fullScreen").eq(0).addClass("layui-icon-screen-restore");
|
$(".fullScreen").eq(0).addClass("layui-icon-screen-restore");
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
function compatible() {
|
function compatible() {
|
||||||
if ($(window).width() <= 768) {
|
if ($(window).width() <= 768) {
|
||||||
sideMenu.collaspe();
|
sideMenu.collaspe();
|
||||||
|
|
@ -343,11 +319,6 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 全屏和退出全屏的方法
|
|
||||||
* @param num 1代表全屏 2代表退出全屏
|
|
||||||
* @returns {Promise}
|
|
||||||
*/
|
|
||||||
function screenFun(num) {
|
function screenFun(num) {
|
||||||
num = num || 1;
|
num = num || 1;
|
||||||
num = num * 1;
|
num = num * 1;
|
||||||
|
|
@ -384,7 +355,6 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//监听背景色选择
|
|
||||||
$('body').on('click', '[data-select-bgcolor]', function() {
|
$('body').on('click', '[data-select-bgcolor]', function() {
|
||||||
var theme = $(this).attr('data-select-bgcolor');
|
var theme = $(this).attr('data-select-bgcolor');
|
||||||
|
|
||||||
|
|
@ -531,6 +501,5 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pear
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
exports('pearAdmin', pearAdmin);
|
exports('pearAdmin', pearAdmin);
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -40,7 +40,6 @@
|
||||||
var $ = layui.jquery;
|
var $ = layui.jquery;
|
||||||
|
|
||||||
$("body").on("click",".login",function(){
|
$("body").on("click",".login",function(){
|
||||||
|
|
||||||
location.href="index.html"
|
location.href="index.html"
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -74,9 +74,7 @@
|
||||||
console.log(d);
|
console.log(d);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
// ********************** 示例2 - 默认值 *****************************************
|
|
||||||
iconPicker.render({
|
iconPicker.render({
|
||||||
// 选择器，推荐使用input
|
// 选择器，推荐使用input
|
||||||
elem: '#iconPicker2',
|
elem: '#iconPicker2',
|
||||||
|
|
@ -97,11 +95,7 @@
|
||||||
console.log(d);
|
console.log(d);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// ********************** 示例2 END *****************************************
|
|
||||||
|
|
||||||
|
|
||||||
// ********************* 示例3 - 弹窗中打开 **********************************
|
|
||||||
iconPicker.render({
|
iconPicker.render({
|
||||||
elem: '#iconPicker3',
|
elem: '#iconPicker3',
|
||||||
type: 'fontClass',
|
type: 'fontClass',
|
||||||
|
|
@ -144,12 +138,7 @@
|
||||||
$('#btnSubmit3-2').click(function(){
|
$('#btnSubmit3-2').click(function(){
|
||||||
alert($('#iconPicker3-2').val());
|
alert($('#iconPicker3-2').val());
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ********************* 示例3 END **********************************
|
|
||||||
|
|
||||||
// ********************* 示例4 - 异步设置值 **********************************
|
|
||||||
iconPicker.render({
|
iconPicker.render({
|
||||||
elem: '#iconPicker4',
|
elem: '#iconPicker4',
|
||||||
type: 'fontClass'
|
type: 'fontClass'
|
||||||
|
|
@ -162,11 +151,6 @@
|
||||||
iconPicker.checkIcon('iconPicker4', icon);
|
iconPicker.checkIcon('iconPicker4', icon);
|
||||||
});
|
});
|
||||||
|
|
||||||
// ********************* 示例4 END **********************************
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue