Browse Source

登录页和菜单栏样式调整

linfei.luo 3 years ago
parent
commit
d00f06b8d2
3 changed files with 19 additions and 3 deletions
  1. BIN
      src/assets/images/login_bg.png
  2. 15 0
      src/layout/components/Sidebar/index.vue
  3. 4 3
      src/views/login.vue

BIN
src/assets/images/login_bg.png


+ 15 - 0
src/layout/components/Sidebar/index.vue

@@ -52,3 +52,18 @@ export default {
   }
 }
 </script>
+
+<style lang="scss" scoped>
+::v-deep .el-menu {
+  .menu-wrapper:not(.nest-menu) {
+    > a {
+      .el-menu-item {
+        &.is-active {
+          background-color: #014bae !important;
+          color: #fff !important;
+        }
+      }
+    }
+  }
+}
+</style>

+ 4 - 3
src/views/login.vue

@@ -46,7 +46,7 @@ import { encrypt } from '@/utils/rsaEncrypt'
 import Config from '@/settings'
 import { getCodeImg } from '@/api/login'
 import Cookies from 'js-cookie'
-import Background from '@/assets/images/background.jpg'
+import Background from '@/assets/images/login_bg.png'
 export default {
   name: 'Login',
   data() {
@@ -176,7 +176,7 @@ export default {
   .login-form {
     border-radius: 6px;
     background: #ffffff;
-    width: 385px;
+    width: 285px;
     padding: 25px 25px 5px 25px;
     .el-input {
       height: 38px;
@@ -200,7 +200,8 @@ export default {
     float: right;
     img{
       cursor: pointer;
-      vertical-align:middle
+      vertical-align:middle;
+	  width: 100%;
     }
   }
 </style>