主题色复位

Pear Admin v 2.0/component/layui/lay/extends/pearAdmin.js

@@ -1,4 +1,5 @@
-layui.define(['table', 'jquery', 'element', 'form', 'pearAuth','pearTab', 'pearMenu', 'pearNotice','pearFrame'], function(exports) {
+layui.define(['table', 'jquery', 'element', 'form', 'pearAuth', 'pearTab', 'pearMenu', 'pearNotice', 'pearFrame'],
+	function(exports) {
 		"use strict";
 
 		var $ = layui.jquery,
@@ -29,7 +30,6 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth','pearTab', 'pearM
 				this.noticeRender(option);
 
 				this.permissionRender(option);
-
 			}
 
 			this.permissionRender = function(option) {
@@ -71,7 +71,9 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth','pearTab', 'pearM
 							title: '消息', //标题
 							area: ['390px', '330px'], //宽高
 							shade: 0.4, //遮罩透明度
-			             content: "<div style='background-color:whitesmoke;'><div class='layui-card'><div class='layui-card-body'>发件人 : "+form+"</div><div class='layui-card-header' >标题 : "+title+"</div><div class='layui-card-body' >内容 : "+context+"</div></div></div>",//支持获取DOM元素
+							content: "<div style='background-color:whitesmoke;'><div class='layui-card'><div class='layui-card-body'>发件人 : " +
+								form + "</div><div class='layui-card-header' >标题 : " + title +
+								"</div><div class='layui-card-body' >内容 : " + context + "</div></div></div>", //支持获取DOM元素
 							btn: ['确认'], //按钮组
 							scrollbar: false, //屏蔽浏览器滚动条
 							yes: function(index) { //layer.msg('yes');    //点击确定回调
@@ -210,6 +212,14 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth','pearTab', 'pearM
 				// 自 定 义 加 载 配 色
 				style += '#preloader{background-color:' + color + '!important;}';
 
+
+				// 自 定 义 样 式 选 择 边 框 配 色
+				style +=
+					'.pearone-color .color-content li.layui-this:after, .pearone-color .color-content li:hover:after {border: ' +
+					color + ' 2px solid!important;}';
+
+
+
 				// 自 定 义 滚 动 条 样 式
 
 				localStorage.setItem("theme-color", color);
@@ -380,14 +390,40 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth','pearTab', 'pearM
 
 		$("body").on("click", ".setting", function() {
 
-		var bgColorHtml =
+			// 获取
-			'<li class="layui-this" data-select-bgcolor="dark-theme">' +
+			var themeMenu = localStorage.getItem("theme-menu");
+
+			var themeColor = localStorage.getItem("theme-color");
+
+			var bgColorHtml = "";
+
+			if (themeMenu == "light-theme") {
+
+				bgColorHtml +=
+					'<li  data-select-bgcolor="dark-theme">' +
 					'<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: 40px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #f4f5f7;"></span></div>' +
 					'</a>' +
 					'</li>';
 
+				bgColorHtml +=
+					'<li class="layui-this"  data-select-bgcolor="light-theme">' +
+					'<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: white;"></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: 40px; background: white;"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #f4f5f7;"></span></div>' +
+					'</a>' +
+					'</li>';
+
+			} else {
+
+				bgColorHtml +=
+					'<li class="layui-this" data-select-bgcolor="dark-theme">' +
+					'<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: 40px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #f4f5f7;"></span></div>' +
+					'</a>' +
+					'</li>';
 
 				bgColorHtml +=
 					'<li  data-select-bgcolor="light-theme">' +
@@ -397,6 +433,8 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth','pearTab', 'pearM
 					'</a>' +
 					'</li>';
 
+			}
+
 			var html =
 				'<div class="pearone-color">\n' +
 				'<div class="color-title">整体风格</div>\n' +
@@ -407,7 +445,7 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth','pearTab', 'pearM
 
 
 			html +=
-			"<div class='select-color'><div class='select-color-title'>主题色</div><div class='select-color-content'><span class='select-color-item layui-icon layui-icon-ok' style='background-color:#FF5722;'></span><span class='select-color-item' style='background-color:#5FB878;'></span><span class='select-color-item'  style='background-color:#1E9FFF;'></span><span class='select-color-item' style='background-color:#FFB800;'></span><span class='select-color-item' style='background-color:darkgray;'></span></div></div>"
+				"<div class='select-color'><div class='select-color-title'>主题色</div><div class='select-color-content'><span class='select-color-item ' style='background-color:#FF5722;'></span><span class='select-color-item layui-icon layui-icon-ok' style='background-color:#5FB878;'></span><span class='select-color-item'  style='background-color:#1E9FFF;'></span><span class='select-color-item' style='background-color:#FFB800;'></span><span class='select-color-item' style='background-color:darkgray;'></span></div></div>"
 
 			html += '<div class="more-menu-list">' +
 				'<a class="more-menu-item" href="http://www.pearadmin.cn/doc/" target="_blank">' +
@@ -443,6 +481,21 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearAuth','pearTab', 'pearM
 				move: false,
 				content: html,
 				success: function(layero, index) {
+
+					var color = localStorage.getItem("theme-color");
+
+					if (color!="null") {
+                      
+						$(".select-color-item").removeClass("layui-icon")
+							.removeClass("layui-icon-ok");
+
+						$(".select-color-item").each(function() {
+							if ($(this).css("background-color") === color) {
+								$(this).addClass("layui-icon").addClass("layui-icon-ok");
+							}
+						});
+					}
+
 					$('#layui-layer-shade' + index).click(function() {
 						var $layero = $('#layui-layer' + index);
 						$layero.animate({

Pear Admin v 2.0/view/console/console2.html

@@ -116,7 +116,7 @@
 
 						<div class="layui-carousel" id="test1">
 							<div carousel-item>
-								<div><a target="_blank" href="http://jmysy.gitee.io/"><img src="../../admin/images/designModel.png" style="width: 100%;height: 100%;margin: 0px;"></a></div>
+								<div><a target="_blank" href="https://www.jmys.club/"><img src="../../admin/images/designModel.png" style="width: 100%;height: 100%;margin: 0px;"></a></div>
 								<div><a target="_blank" href="https://blog.yuqiyu.com"><img src="../../admin/images/springboot.png" style="width: 100%;height: 100%;margin: 0px;"></a></div>
 							</div>
 						</div>