bwadmin/pear-admin-flask
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新前端

Browse Source
This commit is contained in:
不胜舟
2023-04-06 16:41:48 +08:00
parent 2364ebb519
commit 5d10a304b3
56 changed files with 100137 additions and 95097 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/admin/component/pear/module/theme.js
+17 -9
View File
@@ -7,8 +7,8 @@ layui.define(["jquery","layer"], function (exports) {
theme.changeTheme = function (target, autoHead) {
this.autoHead = autoHead;
const color = localStorage.getItem("theme-color-color");
const second = localStorage.getItem("theme-color-second");
var color = localStorage.getItem("theme-color-color");
var second = localStorage.getItem("theme-color-second");
this.colorSet(color, second);
if (target.frames.length == 0) return;
for (var i = 0; i < target.frames.length; i++) {
@@ -24,11 +24,12 @@ layui.define(["jquery","layer"], function (exports) {
theme.colorSet = function(color, second) {
let style = '';
var style = '';
style += '.light-theme .pear-nav-tree .layui-this a:hover,.light-theme .pear-nav-tree .layui-this,.light-theme .pear-nav-tree .layui-this a,.pear-nav-tree .layui-this a,.pear-nav-tree .layui-this{background-color: ' +color + '!important;}';
style += '.pear-admin .layui-logo .title{color:' + color + '!important;}';
style += '.pear-frame-title .dot,.pear-tab .layui-this .pear-tab-active{background-color: ' + color +'!important;}';
style += '.bottom-nav li a:hover{background-color:' + color + '!important;}';
style += '.pear-btn-primary {border: 1px solid ' + color + '!important;}';
style += '.pear-admin .layui-header .layui-nav .layui-nav-bar{background-color: ' + color + '!important;}'
style += '.ball-loader>span,.signal-loader>span {background-color: ' + color + '!important;}';
style += '.layui-header .layui-nav-child .layui-this a{background-color:' + color +'!important;color:white!important;}';
@@ -36,12 +37,16 @@ layui.define(["jquery","layer"], function (exports) {
style += '.pearone-color .color-content li.layui-this:after, .pearone-color .color-content li:hover:after {border: ' +color + ' 3px solid!important;}';
style += '.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{background-color:' + color + ';color:white;}';
style += '.pear-social-entrance {background-color:' + color + '!important}';
style += '.pear-admin .pe-collaspe {background-color:' + color + '!important}';
style += '.pear-admin .pe-collapse {background-color:' + color + '!important}';
style += '.layui-fixbar li {background-color:' + color + '!important}';
style += '.pear-btn-primary {background-color:' + color + '!important}';
style += '.layui-input:focus,.layui-textarea:focus {border-color: '+ color +'!important;box-shadow: 0 0 0 3px '+ second +' !important;}'
style += '.layui-form-checked[lay-skin=primary] i {border-color: '+ color +'!important;background-color: ' + color + ';}'
style += '.layui-form-onswitch { border-color: ' + color + '; background-color: '+color+';}'
style += '.layui-input:focus,.layui-textarea:focus {border-color: ' + color + '!important;box-shadow: 0 0 0 3px ' + second + ' !important;}'
style += '.layui-form-checkbox[lay-skin=primary]:hover span {background-color: initial;}'
style += '.layui-form-checked[lay-skin=primary] i {border-color: ' + color + '!important;background-color: ' + color + ';}'
style += '.layui-form-checked,.layui-form-checked:hover {border-color: ' + color + '!important;}'
style += '.layui-form-checked span,.layui-form-checked:hover span {background-color: ' + color + ';}'
style += '.layui-form-checked i,.layui-form-checked:hover i {color: ' + color + ';}'
style += '.layui-form-onswitch { border-color: ' + color + '; background-color: ' + color + ';}'
style += '.layui-form-radio>i:hover, .layui-form-radioed>i {color: ' + color + ';}'
style += '.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:'+ color +'!important}'
style += '.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 3px solid '+color+'!important}'
@@ -52,8 +57,8 @@ layui.define(["jquery","layer"], function (exports) {
style += '.layui-laydate .layui-this{background-color:'+color+'!important}';
style += '.pear-this,.pear-text{color:' + color + '!important}';
style += '.pear-back{background-color:'+ color +'!important}';
style += '.pear-collasped-pe{background-color:'+color+'!important}'
style += '.layui-form-select dl dd.layui-this{background-color:'+color+'}'
style += '.pear-collapsed-pe{background-color:'+color+'!important}'
style += '.layui-form-select dl dd.layui-this{color:'+color+'!important;}'
style += '.tag-item-normal{background:'+color+'!important}';
style += '.step-item-head.step-item-head-active{background-color:'+color+'}'
style += '.step-item-head{border: 3px solid '+color+';}'
@@ -69,6 +74,7 @@ layui.define(["jquery","layer"], function (exports) {
style += '.pear-tab-menu .item:hover{background-color:'+color+'!important}'
style += '.layui-form-danger:focus {border-color:#FF5722 !important}'
style += '.pear-admin .user .layui-this a:hover{color:white!important}'
style += '.pear-admin .user a:hover{color:'+color+'!important}'
style += '.pear-notice .layui-this{color:'+color+'!important}'
style += '.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{color:' + color + ' !important}';
style += '.pear-btn:hover {color: '+color+';background-color: ' + second + ';}'
@@ -77,11 +83,13 @@ layui.define(["jquery","layer"], function (exports) {
style += '.light-theme .pear-nav-tree .layui-this a:hover,.light-theme .pear-nav-tree .layui-this,.light-theme .pear-nav-tree .layui-this a {background-color:'+second+'!important;color:'+color+'!important;}'
style += '.light-theme .pear-nav-tree .layui-this{ border-right: 3px solid '+color+'!important}'
style += '.loader:after {background:'+color+'}'
style += '.layui-laydate .layui-this, .layui-laydate .layui-this>div{background:'+color+'!important}'
if(this.autoHead === true || this.autoHead === "true"){
style += '.pear-admin.banner-layout .layui-header .layui-logo,.pear-admin .layui-header{border:none;background-color:' + color + '!important;}.pear-admin.banner-layout .layui-header .layui-logo .title,.pear-admin .layui-header .layui-nav .layui-nav-item>a{color:whitesmoke!important;}';
style += '.pear-admin.banner-layout .layui-header{ box-shadow: 2px 0 6px rgb(0 21 41 / 35%) }'
style += '.pear-admin .layui-header .layui-layout-control .layui-this *,.pear-admin.banner-layout .layui-header .layui-layout-control .layui-this *{ background-color: rgba(0,0,0,.1)!important;}'
}
style += '.menu-search-list li:hover,.menu-search-list li.this{background-color:'+ color +'}'
var colorPane = $("#pear-admin-color");
if(colorPane.length>0){
colorPane.html(style);