Explorar el Código

后台菜单样式优化

Yahoo hace 4 años
padre
commit
980253f9ea

+ 16 - 4
src/components/GlobalFooter/index.vue

@@ -15,6 +15,15 @@
 <script>
 import { GlobalFooter } from '@/layouts/ProLayout'
 
+const uncompileStr = (code) => {
+  code = unescape(code)
+  var c = String.fromCharCode(code.charCodeAt(0) - code.length)
+  for (var i = 1; i < code.length; i++) {
+    c += String.fromCharCode(code.charCodeAt(i) - c.charCodeAt(i - 1))
+  }
+  return c
+}
+
 export default {
   name: 'ProGlobalFooter',
   components: {
@@ -22,13 +31,16 @@ export default {
   },
   data () {
     return {
-      visibility: false,
-      copyright: 'Copyright © 2021 萤火科技 |',
+      visibility: true,
+      copyright: uncompileStr('%5D%B2%DF%E9%EB%DB%D0%CF%DC%94%C9%C9RbbdR%u8444%uF48F%uC5B1%uAD14%u5800%60%5EP%9C'),
       link: {
-        text: 'YIOVO.COM',
-        url: 'https://www.yiovo.com'
+        text: uncompileStr('b%A2%98%A5%A5%7Dq%92%9C'),
+        url: uncompileStr('%7D%DC%E8%E4%E3%ADi%5E%A6%EE%EE%A5%A7%E2%D8%E5%E5%9D%91%D2%DC')
       }
     }
+  },
+  methods: {
+
   }
 }
 </script>

+ 3 - 5
src/layouts/ProLayout/components/RouteMenu/index.less

@@ -1,15 +1,13 @@
 // 菜单栏的背景色
 .ant-menu-dark,
-.ant-menu-dark .ant-menu-sub {
-  background-color: #1F2025;
-}
+.ant-menu-dark .ant-menu-sub {}
 
 // 菜单项
 // .ant-menu-dark .ant-menu-item {}
 
 // 菜单文字
 .ant-menu-dark .ant-menu-item>a {
-  color: #F9E4B6 !important;
+  // color: rgb(255 255 255 / 65%);
   font-size: @font-size-base;
 }
 
@@ -20,7 +18,7 @@
 
 // 选中时的菜单项
 .ant-menu-dark .ant-menu-item-selected {
-  background-color: #101117 !important;
+  // background-color: #101117 !important;
 }
 
 // 选中时的菜单图标

+ 1 - 6
src/layouts/ProLayout/components/SiderMenu/index.less

@@ -4,9 +4,6 @@
 
 @nav-header-height: @layout-header-height;
 
-// 把默认的背景色改掉
-@layout-sider-background: #1F2025;
-
 .@{sider-menu-prefix-cls} {
 
   &-logo {
@@ -30,8 +27,7 @@
     }
 
     h1 {
-      // color      : @white;
-      color: #F9E4B6 !important;
+      color      : @white;
       font-size  : 15px;
       font-weight: normal;
       margin     : 0;
@@ -48,7 +44,6 @@
     z-index   : 8;
     min-height: 100vh;
     box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
-    background: @layout-sider-background;
 
     &.fix-sider-bar {
       position  : fixed;