主题设置动画效果修饰

skyeye-promote/skyeye-web/src/main/resources/template/assets/lib/winui/css/theme.css

@@ -147,48 +147,55 @@
     background-color: #fff;
 }
 
-    .preview-window span {
+.preview-window span {
     color: #000;
     font-size: 12px;
     position: relative;
     top: 3px;
     left: 5px;
-    }
+}
 
-    .preview-window .preview-window-title {
+.preview-window .preview-window-title {
     width: 100%;
     height: 15px;
     background-color: var(--tile-color,#0063B1);
-    }
+}
 
-        .preview-window .preview-window-title p {
+.preview-window .preview-window-title p {
     background-color: #fff;
     height: 2px;
     width: 26px;
     position: relative;
     top: 6px;
     left: 10px;
-        }
+}
 
 .background-choose,
 .lockscreen-choose {
     margin-bottom: 10px;
 }
 
-    .background-choose img,
-    .lockscreen-choose img {
-        width: 78px;
+.background-choose img,
+.lockscreen-choose img {
+    width: 110px;
     height: 78px;
     margin-bottom: 4px;
-    }
+    cursor: pointer;
+    transition: all 0.6s;
+}
 
-        .background-choose img:active,
-        .lockscreen-choose img:active {
+.background-choose img:hover,
+.lockscreen-choose img:hover {
+    transform: scale(1.4);
+}
+
+.background-choose img:active,
+.lockscreen-choose img:active {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border: 2px solid transparent;
-        }
+}
 
 .background-upload,
 .lockscreen-upload {
@@ -201,14 +208,14 @@
     cursor: default;
 }
 
-    .background-upload:hover,
-    .lockscreen-upload:hover {
+.background-upload:hover,
+.lockscreen-upload:hover {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     line-height: 31px;
     border: 2px solid #7A7A7A;
-    }
+}
 
 
 /*颜色设置*/
@@ -227,11 +234,12 @@
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
+    cursor: pointer;
 }
 
-    .color-choose > div:hover {
+.color-choose > div:hover {
     border: 2px solid #000;
-    }
+}
 
 .color-choose .theme-color-11 {
     background-color: #FFB900;

skyeye-promote/skyeye-web/src/main/resources/template/assets/lib/winui/js/winui.window.js

@@ -585,7 +585,7 @@ layui.define(['layer', 'winui'], function (exports) {
             that.open({
                 id: 'winui-theme',
                 type: 1,
-                title: '主题',
+                title: '<i class="fa title-icon fa-fw fa-cog" style="background-color: #0491fe;color: #ecf3f8;"></i>' + '<font class="win-title-class">主题设置</font>',
                 content: content,
             });
         });
@@ -598,7 +598,7 @@ layui.define(['layer', 'winui'], function (exports) {
             that.open({
                 id: 'winui-syspersonal',
                 type: 1,
-                title: '个人中心',
+                title: '<i class="fa title-icon fa-fw fa-user" style="background-color: #0491fe;color: #ecf3f8;"></i>' + '<font class="win-title-class">个人中心</font>',
                 content: content,
             });
         });

skyeye-promote/skyeye-web/src/main/resources/template/tpl/systheme/systheme.html

@@ -3,11 +3,11 @@
 </script>
 <div class="winui-tab" style="height:100%">
     <div class="winui-tab-left">
-        <div class="winui-tab-title">主题</div>
+        <div class="winui-tab-title">主题设置</div>
         <div class="winui-scroll-y" style="height:auto;position:absolute;top:50px;bottom:0;">
             <ul class="winui-tab-nav">
                 <li class="winui-this"><i class="fa fa-picture-o fa-fw"></i>背景</li>
-                <li><i class="fa fa-paw fa-fw"></i>颜色</li>
+                <li><i class="fa fa-paw fa-fw"></i>主题色</li>
                 <li><i class="fa fa-lock fa-fw"></i>锁屏界面</li>
                 <li><i class="fa fa-windows fa-fw"></i>开始</li>
                 <li><i class="fa fa-tasks fa-fw"></i>任务栏</li>