Merge branch 'master' of http://222.71.165.188:3000/linkage/YX-MANAGE

yunxi-ui-admin/src/layout/components/Navbar.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="navbar">
-    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
+      @toggleClick="toggleSideBar" />
 
     <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav" />
     <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav" />
@@ -38,9 +39,9 @@
           <router-link to="/user/profile">
             <el-dropdown-item>个人中心</el-dropdown-item>
           </router-link>
-          <el-dropdown-item @click.native="setting = true">
+          <!-- <el-dropdown-item @click.native="setting = true">
             <span>布局设置</span>
-          </el-dropdown-item>
+          </el-dropdown-item> -->
           <el-dropdown-item divided @click.native="logout">
             <span>退出登录</span>
           </el-dropdown-item>
@@ -119,7 +120,7 @@ export default {
   height: 50px;
   overflow: hidden;
   position: relative;
-  background: #fff;
+  background: rgba(51, 55, 68, 1);
   box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
 
   .hamburger-container {
@@ -140,10 +141,13 @@ export default {
   }
 
   .topmenu-container {
+    background: rgba(51, 55, 68, 1);
     position: absolute;
     left: 50px;
   }
 
+
+
   .errLog-container {
     display: inline-block;
     vertical-align: top;
@@ -163,7 +167,7 @@ export default {
       padding: 0 8px;
       height: 100%;
       font-size: 18px;
-      color: #5a5e66;
+      color: rgba(255, 255, 255, 0.8);
       vertical-align: text-bottom;
 
       &.hover-effect {
@@ -175,6 +179,9 @@ export default {
         }
       }
     }
+    .right-menu-item:hover {
+      color: rgba(255, 255, 255);
+    }
 
     .avatar-container {
       margin-right: 30px;
@@ -191,6 +198,7 @@ export default {
           height: 35px;
           border-radius: 50%;
         }
+
         .user-nickname {
           margin-left: 5px;
           font-size: 14px;
@@ -208,3 +216,29 @@ export default {
   }
 }
 </style>
+<style lang="scss">
+.topmenu-container.el-menu--horizontal>.el-menu-item {
+  color: rgba(255, 255, 255, 0.8) !important;
+}
+.topmenu-container.el-menu--horizontal>.el-menu-item:hover {
+  color: rgba(255, 255, 255) !important;
+}
+.topmenu-container.el-menu--horizontal > .el-menu-item.is-active {
+    color: rgba(255, 255, 255) !important;
+}
+.topmenu-container.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus{
+  background-color: rgba(51, 55, 68, 1);
+}
+.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
+    background-color: rgba(51, 55, 68, 1);
+}
+.topmenu-container.el-menu--horizontal > .el-submenu .el-submenu__title {
+    color: rgba(255, 255, 255, 0.8) !important;
+}
+.topmenu-container.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
+    color: rgba(255, 255, 255) !important;
+}
+.topmenu-container.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
+    color: rgba(255, 255, 255) !important;
+}
+</style>

yunxi-ui-admin/src/store/modules/settings.js

@@ -2,7 +2,16 @@ import defaultSettings from '@/settings'
 
 const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings
 
-const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
+let storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
+storageSetting = {
+  dynamicTitle: true,
+  fixedHeader: true,
+  sideTheme: "theme-light",
+  sidebarLogo: true,
+  tagsView: false,
+  theme: "#409EFF",
+  topNav: true
+}
 const state = {
   title: '',
   theme: storageSetting.theme || '#409EFF',