From cb0e31a61fb3131579b04e0615587d4f5534fd7e Mon Sep 17 00:00:00 2001
From: heimawl <1785969728@qq.com>
Date: 星期四, 08 六月 2023 09:25:56 +0800
Subject: [PATCH] 优化页面主题
---
src/assets/common/leftnavBg.png | 0
src/assets/styles/variables.scss | 2 +-
src/assets/styles/sidebar.scss | 7 ++++---
src/layout/components/Sidebar/Logo.vue | 6 +++---
4 files changed, 8 insertions(+), 7 deletions(-)
diff --git a/src/assets/common/leftnavBg.png b/src/assets/common/leftnavBg.png
new file mode 100644
index 0000000..a9e1dca
--- /dev/null
+++ b/src/assets/common/leftnavBg.png
Binary files differ
diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index ed308b8..fdb8adb 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -15,7 +15,8 @@
-webkit-transition: width .28s;
transition: width 0.28s;
width: $base-sidebar-width !important;
- background-color: $base-menu-background;
+ background: -webkit-linear-gradient(bottom, #3d6df8, #5b8cff);
+
height: 100%;
position: fixed;
font-size: 0px;
@@ -33,7 +34,7 @@
}
.scrollbar-wrapper {
- overflow-x: hidden !important;
+ background: url('~@/assets/common/leftnavBg.png') no-repeat 0 100%;
}
.el-scrollbar__bar.is-vertical {
@@ -46,7 +47,7 @@
&.has-logo {
.el-scrollbar {
- height: calc(100% - 50px);
+ height: calc(100% - 28px);
}
}
diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss
index c42e229..550e1db 100644
--- a/src/assets/styles/variables.scss
+++ b/src/assets/styles/variables.scss
@@ -13,7 +13,7 @@
// 榛樿鑿滃崟涓婚椋庢牸
$base-menu-color:#f7f8f8;
$base-menu-color-active:#f4f4f5;
-$base-menu-background:#4780d4;
+$base-menu-background:transparent;
$base-logo-title-color: #ffffff;
$base-menu-light-color:rgba(0,0,0,.70);
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 7fe6855..7245441 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -101,8 +101,8 @@
width: 100%;
& .sidebar-logo {
- width: 32px;
- height: 32px;
+ width: 42px;
+ height: 42px;
vertical-align: middle;
margin-right: 12px;
}
@@ -113,7 +113,7 @@
color: #fff;
font-weight: 600;
line-height: 50px;
- font-size: 14px;
+ font-size: 16px;
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
vertical-align: middle;
}
--
Gitblit v1.9.3