diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss index f6a1797..878aa53 100644 --- a/src/assets/styles/sidebar.scss +++ b/src/assets/styles/sidebar.scss @@ -75,6 +75,12 @@ overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; + border-right: 3px solid transparent !important; + } + + .el-menu-item.is-active { + background-color: $base-menu-background-active !important; + border-right: 3px solid $base-menu-background-active-border !important; } // menu hover @@ -84,7 +90,7 @@ line-height: $base-sidbar-height !important; &:hover { - background-color: rgba(0, 0, 0, 0.06) !important; + background-color: $base-menu-background-active !important; } } @@ -99,7 +105,7 @@ line-height: $base-sidbar-height !important; &:hover { - background-color: rgba(0, 0, 0, 0.06) !important; + background-color: $base-menu-background-active !important; } } diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss index 4c80f08..58b7356 100644 --- a/src/assets/styles/variables.scss +++ b/src/assets/styles/variables.scss @@ -11,6 +11,8 @@ $panGreen: #30B08F; // 默认菜单主题风格 $base-menu-color:#bfcbd9; $base-menu-color-active:#f4f4f5; +$base-menu-background-active:#e5f0ff; +$base-menu-background-active-border:#829dff; $base-menu-background:#304156; $base-logo-title-color: #ffffff; diff --git a/src/components/Avatar/index.vue b/src/components/Avatar/index.vue index 4067106..4b062d5 100644 --- a/src/components/Avatar/index.vue +++ b/src/components/Avatar/index.vue @@ -1,5 +1,5 @@ diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue index 42b28b1..bc526ce 100644 --- a/src/components/ImageUpload/index.vue +++ b/src/components/ImageUpload/index.vue @@ -66,9 +66,6 @@
-
- 建议尺寸:700×286 -
请上传 @@ -91,10 +88,10 @@