style(系统布局): 菜单风格展现方式调整

frontend/src/assets/logo-light-MeterSphere.svg

@@ -3,7 +3,7 @@
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
      viewBox="0 0 201.33 232.66" style="enable-background:new 0 0 201.33 232.66;" xml:space="preserve">
 <style type="text/css">
-	.st0{fill:#505266;}
+	.st0{fill:#783887;}
 </style>
   <g id="XMLID_702_">
 	<path id="XMLID_703_" class="st0" d="M100.69,3.09l97.89,56.52v113.03l-97.89,56.52L2.8,172.64V59.61L100.69,3.09 M100.69,0

frontend/src/business/components/layout/AsideHeader.vue

@@ -7,7 +7,7 @@
     <el-menu-item>
       <div>
         <img :src="'/display/file/logo'" class="logo" alt="">
-        <span slot="title" class="ms-title-width">{{ title }}</span>
+        <span slot="title" class="ms-logo-title">{{ title }}</span>
       </div>
     </el-menu-item>
   </el-menu>
@@ -31,6 +31,7 @@ export default {
     }
   },
   props: {
+    sideTheme: String,
     isCollapse: {
       type: Boolean,
       default: true,
@@ -55,17 +56,17 @@ export default {
   background: var(--aside_color) !important;
 }
 
-.ms-title-width {
+.ms-logo-title {
   font-size: 15px;
   font-weight: bold;
   margin-left: 4px;
-  color: var(--font_color) !important;
   display: inline-block;
   overflow-x: hidden;
   text-overflow: ellipsis;
   vertical-align: middle;
   white-space: nowrap;
   width: 105px;
+  color: var(--font_light_color) !important;
 }
 
 /deep/ .el-menu-item {

frontend/src/common/css/main.css

@@ -74,6 +74,7 @@ body {
   --asideOpenMargin: 114px;
   --aside_color: '';
   --font_color: '';
+  --font_light_color: '';
 }
 
 /* 解决 document.body.clientHeight 为0 */

frontend/src/common/js/utils.js

@@ -421,6 +421,7 @@ export function setColor(a, b, c, d, e) {
 export function setAsideColor() {
   // 自定义主题风格
   document.body.style.setProperty('--aside_color', "#783887");
+  document.body.style.setProperty('--font_light_color', "#fff");
   document.body.style.setProperty('--font_color', "#fff");
 }
 
@@ -428,12 +429,14 @@ export function setLightColor() {
   // 自定义主题风格
   document.body.style.setProperty('--aside_color', "#fff");
   document.body.style.setProperty('--font_color', "#505266");
+  document.body.style.setProperty('--font_light_color', "#783887");
 }
 
 export function setCustomizeColor(color) {
   // 自定义主题风格
   document.body.style.setProperty('--aside_color', color || '#783887');
   document.body.style.setProperty('--font_color', "#fff");
+  document.body.style.setProperty('--font_light_color', "#fff");
 }
 
 export function setDefaultTheme() {

frontend/src/i18n/en-US.js

@@ -524,6 +524,9 @@ export default {
     pageTitle: 'Page Title',
     sysTitle: 'System Name',
     theme_style: 'Menu style settings',
+    theme_default: 'Default',
+    theme_light: 'White',
+    theme_follow: 'Follow the theme color'
   },
   system_config: {
     base_config: 'Base Config',

frontend/src/i18n/zh-CN.js

@@ -529,6 +529,9 @@ export default {
     pageTitle: '页面 Title',
     sysTitle: '系统名称',
     theme_style: '菜单风格设置',
+    theme_default: '默认',
+    theme_light: '白色',
+    theme_follow: '跟随主题色'
   },
   system_config: {
     base_config: '基本配置',

frontend/src/i18n/zh-TW.js

@@ -526,6 +526,9 @@ export default {
     pageTitle: '頁面 Title',
     sysTitle: '系統名稱',
     theme_style: '菜單風格設置',
+    theme_default: '默認',
+    theme_light: '白色',
+    theme_follow: '跟隨主題色'
   },
   system_config: {
     base_config: '基本配置',