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

fix notice theme

master
就眠仪式 2021-04-13 15:42:51 +08:00
parent 713b4d8032
commit dca14cf9e8
3 changed files with 63 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

109
component/pear/module/admin.js
View File

@ -2,7 +2,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
function(exports) { function(exports) {
"use strict"; "use strict";
const $ = layui.jquery, var $ = layui.jquery,
form = layui.form, form = layui.form,
element = layui.element, element = layui.element,
yaml = layui.yaml, yaml = layui.yaml,
@ -13,20 +13,20 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
pearTheme = layui.theme, pearTheme = layui.theme,
message = layui.message; message = layui.message;
let bodyFrame; var bodyFrame;
let sideMenu; var sideMenu;
let bodyTab; var bodyTab;
let config; var config;
let logout = function() {}; var logout = function() {};
let msgInstance; var msgInstance;
const body = $('body'); var body = $('body');
const pearAdmin = new function() { var pearAdmin = new function() {
// 默认配置 // 默认配置
let configType = 'yml'; var configType = 'yml';
let configPath = 'pear.config.yml'; var configPath = 'pear.config.yml';
this.setConfigPath = function(path) { this.setConfigPath = function(path) {
configPath = path; configPath = path;
@ -57,7 +57,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
if (configType === "yml") { if (configType === "yml") {
return yaml.load(configPath); return yaml.load(configPath);
} else { } else {
let data; var data;
$.ajax({ $.ajax({
url: configPath, url: configPath,
type: 'get', type: 'get',
@ -109,7 +109,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
this.bodyRender = function(param) { this.bodyRender = function(param) {
body.on("click", ".refresh", function() { body.on("click", ".refresh", function() {
const refreshA = $(".refresh a"); var refreshA = $(".refresh a");
refreshA.removeClass("layui-icon-refresh-1"); refreshA.removeClass("layui-icon-refresh-1");
refreshA.addClass("layui-anim"); refreshA.addClass("layui-anim");
refreshA.addClass("layui-anim-rotate"); refreshA.addClass("layui-anim-rotate");
@ -200,12 +200,12 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
if (option.theme.allowCustom === false) { if (option.theme.allowCustom === false) {
$(".setting").remove(); $(".setting").remove();
} }
const colorId = localStorage.getItem("theme-color"); var colorId = localStorage.getItem("theme-color");
const currentColor = getColorById(colorId); var currentColor = getColorById(colorId);
localStorage.setItem("theme-color", currentColor.id); localStorage.setItem("theme-color", currentColor.id);
localStorage.setItem("theme-color-context", currentColor.color); localStorage.setItem("theme-color-context", currentColor.color);
pearTheme.changeTheme(window, option.other.autoHead); pearTheme.changeTheme(window, option.other.autoHead);
let menu = localStorage.getItem("theme-menu"); var menu = localStorage.getItem("theme-menu");
if (menu === "null") { if (menu === "null") {
menu = option.theme.defaultMenu; menu = option.theme.defaultMenu;
} else { } else {
@ -218,7 +218,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
} }
this.menuSkin = function(theme) { this.menuSkin = function(theme) {
const pearAdmin = $(".pear-admin"); var pearAdmin = $(".pear-admin");
pearAdmin.removeClass("light-theme"); pearAdmin.removeClass("light-theme");
pearAdmin.removeClass("dark-theme"); pearAdmin.removeClass("dark-theme");
pearAdmin.addClass(theme); pearAdmin.addClass(theme);
@ -229,17 +229,23 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
} }
this.message = function(callback) { this.message = function(callback) {
if(callback!=null){ if (callback != null) {
msgInstance.click(callback); msgInstance.click(callback);
}else{ } else {
msgInstance.click(messageTip); msgInstance.click(messageTip);
} }
} }
this.jump = function(id,title,url){ this.jump = function(id, title, url) {
if (config.tab.muiltTab) { if (config.tab.muiltTab) {
bodyTab.addTabOnly({id: id,title: title,url: url,icon: null,close: true}, bodyTab.addTabOnly({
300); id: id,
title: title,
url: url,
icon: null,
close: true
},
300);
} else { } else {
sideMenu.selectItem(id); sideMenu.selectItem(id);
bodyFrame.changePage(url, title, true); bodyFrame.changePage(url, title, true);
@ -267,9 +273,9 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
function collaspe() { function collaspe() {
sideMenu.collaspe(); sideMenu.collaspe();
const admin = $(".pear-admin"); var admin = $(".pear-admin");
const left = $(".layui-icon-spread-left") var left = $(".layui-icon-spread-left")
const right = $(".layui-icon-shrink-right") var right = $(".layui-icon-shrink-right")
if (admin.is(".pear-mini")) { if (admin.is(".pear-mini")) {
left.addClass("layui-icon-shrink-right") left.addClass("layui-icon-shrink-right")
left.removeClass("layui-icon-spread-left") left.removeClass("layui-icon-spread-left")
@ -323,7 +329,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
body.on("click", ".setting", function() { body.on("click", ".setting", function() {
let bgColorHtml = var bgColorHtml =
'<li class="layui-this" data-select-bgcolor="dark-theme" >' + '<li class="layui-this" data-select-bgcolor="dark-theme" >' +
'<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">' + '<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">' +
'<div><span style="display:block; width: 20%; float: left; height: 12px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 12px; background: white;"></span></div>' + '<div><span style="display:block; width: 20%; float: left; height: 12px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 12px; background: white;"></span></div>' +
@ -339,7 +345,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
'</a>' + '</a>' +
'</li>'; '</li>';
const html = var html =
'<div class="pearone-color">\n' + '<div class="pearone-color">\n' +
'<div class="color-title">整体风格</div>\n' + '<div class="color-title">整体风格</div>\n' +
'<div class="color-content">\n' + '<div class="color-content">\n' +
@ -360,23 +366,20 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
move: false, move: false,
content: html + buildColorHtml() + buildLinkHtml() + bottomTool(), content: html + buildColorHtml() + buildLinkHtml() + bottomTool(),
success: function(layero, index) { success: function(layero, index) {
form.render();
const color = localStorage.getItem("theme-color"); var color = localStorage.getItem("theme-color");
const menu = localStorage.getItem("theme-menu"); var menu = localStorage.getItem("theme-menu");
if (color !== "null") { if (color !== "null") {
$(".select-color-item").removeClass("layui-icon") $(".select-color-item").removeClass("layui-icon").removeClass("layui-icon-ok");
.removeClass("layui-icon-ok"); $("*[color-id='" + color + "']").addClass("layui-icon").addClass("layui-icon-ok");
$("*[color-id='" + color + "']").addClass("layui-icon")
.addClass("layui-icon-ok");
} }
if (menu !== "null") { if (menu !== "null") {
$("*[data-select-bgcolor]").removeClass("layui-this"); $("*[data-select-bgcolor]").removeClass("layui-this");
$("[data-select-bgcolor='" + menu + "']").addClass("layui-this"); $("[data-select-bgcolor='" + menu + "']").addClass("layui-this");
} }
$('#layui-layer-shade' + index).click(function() { $('#layui-layer-shade' + index).click(function() {
const $layero = $('#layui-layer' + index); var $layero = $('#layui-layer' + index);
$layero.animate({ $layero.animate({
left: $layero.offset().left + $layero.width() left: $layero.offset().left + $layero.width()
}, 200, function() { }, 200, function() {
@ -385,7 +388,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
}) })
$('#closeTheme').click(function() { $('#closeTheme').click(function() {
const $layero = $('#layui-layer' + index); var $layero = $('#layui-layer' + index);
$layero.animate({ $layero.animate({
left: $layero.offset().left + $layero.width() left: $layero.offset().left + $layero.width()
}, 200, function() { }, 200, function() {
@ -401,7 +404,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
} }
body.on('click', '[data-select-bgcolor]', function() { body.on('click', '[data-select-bgcolor]', function() {
const theme = $(this).attr('data-select-bgcolor'); var theme = $(this).attr('data-select-bgcolor');
$('[data-select-bgcolor]').removeClass("layui-this"); $('[data-select-bgcolor]').removeClass("layui-this");
$(this).addClass("layui-this"); $(this).addClass("layui-this");
localStorage.setItem("theme-menu", theme); localStorage.setItem("theme-menu", theme);
@ -411,8 +414,8 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
body.on('click', '.select-color-item', function() { body.on('click', '.select-color-item', function() {
$(".select-color-item").removeClass("layui-icon").removeClass("layui-icon-ok"); $(".select-color-item").removeClass("layui-icon").removeClass("layui-icon-ok");
$(this).addClass("layui-icon").addClass("layui-icon-ok"); $(this).addClass("layui-icon").addClass("layui-icon-ok");
const colorId = $(".select-color-item.layui-icon-ok").attr("color-id"); var colorId = $(".select-color-item.layui-icon-ok").attr("color-id");
const currentColor = getColorById(colorId); var currentColor = getColorById(colorId);
localStorage.setItem("theme-color", currentColor.id); localStorage.setItem("theme-color", currentColor.id);
localStorage.setItem("theme-color-context", currentColor.color); localStorage.setItem("theme-color-context", currentColor.color);
pearTheme.changeTheme(window, config.other.autoHead); pearTheme.changeTheme(window, config.other.autoHead);
@ -425,14 +428,14 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
pearAdmin.bodyRender(param); pearAdmin.bodyRender(param);
pearAdmin.themeRender(param); pearAdmin.themeRender(param);
pearAdmin.keepLoad(param); pearAdmin.keepLoad(param);
if(param.header.message!=false){ if (param.header.message != false) {
pearAdmin.messageRender(param); pearAdmin.messageRender(param);
} }
} }
function getColorById(id) { function getColorById(id) {
let color; var color;
let flag = false; var flag = false;
$.each(config.colors, function(i, value) { $.each(config.colors, function(i, value) {
if (value.id === id) { if (value.id === id) {
color = value; color = value;
@ -450,9 +453,9 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
} }
function buildLinkHtml() { function buildLinkHtml() {
let links = ""; var links = "";
$.each(config.links, function(i, value) { $.each(config.links, function(i, value) {
links += '<a class="more-menu-item" href="' + value.href + '" target="_blank">' + links += '<a class="more-menu-item" href="' + value.href + '">' +
'<i class="' + value.icon + '" style="font-size: 19px;"></i> ' + value.title + '<i class="' + value.icon + '" style="font-size: 19px;"></i> ' + value.title +
'</a>' '</a>'
}) })
@ -460,7 +463,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
} }
function buildColorHtml() { function buildColorHtml() {
let colors = ""; var colors = "";
$.each(config.colors, function(i, value) { $.each(config.colors, function(i, value) {
colors += "<span class='select-color-item' color-id='" + value.id + "' style='background-color:" + value.color + colors += "<span class='select-color-item' color-id='" + value.id + "' style='background-color:" + value.color +
";'></span>"; ";'></span>";
@ -478,7 +481,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
function screenFun(num) { function screenFun(num) {
num = num || 1; num = num || 1;
num = num * 1; num = num * 1;
const docElm = document.documentElement; var docElm = document.documentElement;
switch (num) { switch (num) {
case 1: case 1:
if (docElm.requestFullscreen) { if (docElm.requestFullscreen) {
@ -508,16 +511,16 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
}); });
} }
function isFullscreen(){ function isFullscreen() {
return document.fullscreenElement || return document.fullscreenElement ||
document.msFullscreenElement || document.msFullscreenElement ||
document.mozFullScreenElement || document.mozFullScreenElement ||
document.webkitFullscreenElement || false; document.webkitFullscreenElement || false;
} }
window.onresize = function() { window.onresize = function() {
if (!isFullscreen()) { if (!isFullscreen()) {
$(".fullScreen").eq(0).removeClass("layui-icon-screen-restore"); $(".fullScreen").eq(0).removeClass("layui-icon-screen-restore");
} }
} }

1
component/pear/module/theme.js
View File

@ -71,6 +71,7 @@ layui.define(["jquery","layer"], function (exports) {
style += '.layui-form-danger:focus {border-color:#FF5722 !important}' style += '.layui-form-danger:focus {border-color:#FF5722 !important}'
style += '.pear-admin .user a:hover{color:'+color+'!important}' style += '.pear-admin .user a:hover{color:'+color+'!important}'
style += '.pear-admin .user .layui-this a:hover{color:white!important}' style += '.pear-admin .user .layui-this a:hover{color:white!important}'
style += '.pear-notice .layui-this{color:'+color+'!important}'
var colorPane = $("#pear-admin-color"); var colorPane = $("#pear-admin-color");
if(colorPane.length>0){ if(colorPane.length>0){
colorPane.html(style); colorPane.html(style);

2
component/pear/pear.js
View File

@ -37,7 +37,7 @@ layui.config({
context: "context", // 上下文组件 context: "context", // 上下文组件
http: "http", // ajax请求组件 http: "http", // ajax请求组件
theme: "theme", // 主题转换 theme: "theme", // 主题转换
message: "message" // 通知组件 message: "message", // 通知组件
}).use(['layer', 'theme'], function () { }).use(['layer', 'theme'], function () {
layui.theme.changeTheme(window, false); layui.theme.changeTheme(window, false);
}); });