feat: 新增样式方案

web/src/main/resources/template/assets/lib/winui/css/winui.css

@@ -7372,7 +7372,7 @@ body .layer-ext-winconfirm .layui-layer-content {
 .tradition-left .tradition-left-top{
     width: 100%;
     height: 50px;
-    background-color: #20222A !important;
+    background-color: #20222A;
     text-align: center;
     overflow: hidden;
     font-weight: 300;
@@ -7439,7 +7439,7 @@ body .layer-ext-winconfirm .layui-layer-content {
 }
 
 .tradition-right{
-    width: calc(100% - 220px);
+    width: calc(100% - 218px);
     height: 100%;
     float: right;
 }
@@ -8085,7 +8085,7 @@ select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] i{ po
     vertical-align: top;
     width: 80px;
     height: 50px;
-    margin: 0 15px 15px 0;
+    margin: 0 10px 15px 0;
     background-color: #f2f2f2;
     cursor: pointer;
     font-size: 12px;

web/src/main/resources/template/js/traditionpage/index.js

@@ -301,7 +301,7 @@ layui.config({
 			shadeClose: true,
 			closeBtn: 0,
 			shade: 0.3,
-			area: ['380px', '95%'],
+			area: ['400px', '95%'],
 			offset: 'rb',
 			content: '../../tpl/colorScheme/colorScheme.html'
 		}); 
@@ -344,10 +344,10 @@ layui.config({
     		$(".tradition-right").animate({width: "100%"});
     	} else {// 收缩状态
     		notOrContraction = false;
-    		$(".tradition-left").animate({width: "220px"});
+    		$(".tradition-left").animate({width: "218px"});
     		var _width = $("body").width();
     		$(".tradition-right").animate({width: (_width - 220) + "px"}, function () {
-    			$(this).css({width:"calc(100% - 220px)"})
+    			$(this).css({width:"calc(100% - 218px)"})
     		});
     	}
     });

web/src/main/resources/template/tpl/colorScheme/colorScheme.html

@@ -12,15 +12,71 @@
 			<li class="layadmin-setTheme-color-scheme" className="black-white">
 				<div class="layadmin-setTheme-header" style="background-color: white;"></div>
 				<div class="layadmin-setTheme-side" style="background-color: #20222A;">
-					<div class="layadmin-setTheme-logo" style="background-color: undefined;"></div>
+					<div class="layadmin-setTheme-logo"></div>
 				</div>
 			</li>
+			<li class="layadmin-setTheme-color-scheme" className="white-1995dc-bl">
+				<div class="layadmin-setTheme-header" style="background-color: #1995dc;"></div>
+				<div class="layadmin-setTheme-side" style="background-color: #20222A;">
+					<div class="layadmin-setTheme-logo" style="background-color: #1995dc;"></div>
+				</div>
+			</li>
+			<li class="layadmin-setTheme-color-scheme" className="white-605ca8-bl">
+				<div class="layadmin-setTheme-header" style="background-color: #605ca8;"></div>
+				<div class="layadmin-setTheme-side" style="background-color: #20222A;">
+					<div class="layadmin-setTheme-logo" style="background-color: #605ca8;"></div>
+				</div>
+			</li>
+			<li class="layadmin-setTheme-color-scheme" className="white-00a65a-bl">
+				<div class="layadmin-setTheme-header" style="background-color: #00a65a;"></div>
+				<div class="layadmin-setTheme-side" style="background-color: #20222A;">
+					<div class="layadmin-setTheme-logo" style="background-color: #00a65a;"></div>
+				</div>
+			</li>
+			<li class="layadmin-setTheme-color-scheme" className="white-e08e0b-bl">
+				<div class="layadmin-setTheme-header" style="background-color: #e08e0b;"></div>
+				<div class="layadmin-setTheme-side" style="background-color: #20222A;">
+					<div class="layadmin-setTheme-logo" style="background-color: #e08e0b;"></div>
+				</div>
+			</li>
+			<li class="layadmin-setTheme-color-scheme" className="white-d73925-bl">
+				<div class="layadmin-setTheme-header" style="background-color: #d73925;"></div>
+				<div class="layadmin-setTheme-side" style="background-color: #20222A;">
+					<div class="layadmin-setTheme-logo" style="background-color: #d73925;"></div>
+				</div>
+			</li>
+			<br/>
+
 			<li class="layadmin-setTheme-color-scheme" className="white-1995dc">
 				<div class="layadmin-setTheme-header" style="background-color: #1995dc;"></div>
-				<div class="layadmin-setTheme-side" style="background-color: #white;">
+				<div class="layadmin-setTheme-side">
 					<div class="layadmin-setTheme-logo" style="background-color: #1995dc;"></div>
 				</div>
 			</li>
+			<li class="layadmin-setTheme-color-scheme" className="white-3c8dbc">
+				<div class="layadmin-setTheme-header" style="background-color: #3c8dbc;"></div>
+				<div class="layadmin-setTheme-side">
+					<div class="layadmin-setTheme-logo" style="background-color: #3c8dbc;"></div>
+				</div>
+			</li>
+			<li class="layadmin-setTheme-color-scheme" className="white-605ca8">
+				<div class="layadmin-setTheme-header" style="background-color: #605ca8;"></div>
+				<div class="layadmin-setTheme-side">
+					<div class="layadmin-setTheme-logo" style="background-color: #605ca8;"></div>
+				</div>
+			</li>
+			<li class="layadmin-setTheme-color-scheme" className="white-EEA9B8">
+				<div class="layadmin-setTheme-header" style="background-color: #EEA9B8;"></div>
+				<div class="layadmin-setTheme-side">
+					<div class="layadmin-setTheme-logo" style="background-color: #EEA9B8;"></div>
+				</div>
+			</li>
+			<li class="layadmin-setTheme-color-scheme" className="white-d73925">
+				<div class="layadmin-setTheme-header" style="background-color: #d73925;"></div>
+				<div class="layadmin-setTheme-side">
+					<div class="layadmin-setTheme-logo" style="background-color: #d73925;"></div>
+				</div>
+			</li>
 		</ul>
 	</div>