CC/ruoyi-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
van
2026-04-30 19:43:20 +08:00
parent fd99e616b4
commit b2887a001d
2 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/assets/styles/sidebar.scss
View File

@@ -100,8 +100,8 @@
text-overflow: ellipsis !important; text-overflow: ellipsis !important;
white-space: nowrap !important; white-space: nowrap !important;
font-size: 14px !important; font-size: 14px !important;
font-weight: 500; font-weight: 600;
color: rgba(33, 33, 33, 0.85) !important; color: $base-menu-color !important;
background: transparent !important; background: transparent !important;
border-radius: 12px; border-radius: 12px;
margin: 4px 12px; margin: 4px 12px;
@@ -123,16 +123,16 @@
&:hover { &:hover {
background: rgba(25, 118, 210, 0.1) !important; background: rgba(25, 118, 210, 0.1) !important;
color: #1976d2 !important; color: $base-menu-color-active !important;
transform: translateX(4px); transform: translateX(4px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
} }
&.is-active { &.is-active {
background: rgba(25, 118, 210, 0.15) !important; background: rgba(21, 101, 192, 0.18) !important;
color: #1976d2 !important; color: $base-menu-color-active !important;
font-weight: 600; font-weight: 600;
box-shadow: 0 4px 16px rgba(25, 118, 210, 0.2); box-shadow: 0 4px 16px rgba(21, 101, 192, 0.2);
&::before { &::before {
content: ''; content: '';
@@ -142,7 +142,7 @@
transform: translateY(-50%); transform: translateY(-50%);
width: 4px; width: 4px;
height: 20px; height: 20px;
background: #1976d2; background: $base-menu-color-active;
border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
} }
} }
@@ -159,7 +159,7 @@
&:hover { &:hover {
background: rgba(25, 118, 210, 0.1) !important; background: rgba(25, 118, 210, 0.1) !important;
color: #1976d2 !important; color: $base-menu-color-active !important;
transform: translateX(4px); transform: translateX(4px);
} }
} }
@@ -190,13 +190,13 @@
&:hover { &:hover {
background: rgba(25, 118, 210, 0.08) !important; background: rgba(25, 118, 210, 0.08) !important;
color: #1976d2 !important; color: $base-menu-color-active !important;
transform: translateX(2px); transform: translateX(2px);
} }
&.is-active { &.is-active {
background: rgba(25, 118, 210, 0.12) !important; background: rgba(21, 101, 192, 0.14) !important;
color: #1976d2 !important; color: $base-menu-color-active !important;
&::before { &::before {
width: 3px; width: 3px;
@@ -209,12 +209,12 @@
// 图标样式优化 // 图标样式优化
.svg-icon { .svg-icon {
color: rgba(33, 33, 33, 0.7) !important; color: #1e293b !important;
transition: all 0.3s ease; transition: all 0.3s ease;
margin-right: 12px; margin-right: 12px;
&:hover { &:hover {
color: #1976d2 !important; color: $base-menu-color-active !important;
transform: scale(1.1); transform: scale(1.1);
} }
} }
@@ -385,20 +385,20 @@
padding: 8px 0; padding: 8px 0;
.el-menu-item { .el-menu-item {
color: rgba(33, 33, 33, 0.85) !important; color: $base-menu-color !important;
margin: 2px 8px; margin: 2px 8px;
border-radius: 8px; border-radius: 8px;
transition: all 0.3s ease; transition: all 0.3s ease;
&:hover { &:hover {
background: rgba(25, 118, 210, 0.1) !important; background: rgba(25, 118, 210, 0.1) !important;
color: #1976d2 !important; color: $base-menu-color-active !important;
transform: translateX(4px); transform: translateX(4px);
} }
&.is-active { &.is-active {
background: rgba(25, 118, 210, 0.15) !important; background: rgba(21, 101, 192, 0.15) !important;
color: #1976d2 !important; color: $base-menu-color-active !important;
} }
} }

6
src/assets/styles/variables.scss
View File

@@ -8,9 +8,9 @@ $tiffany: #4AB7BD;
$yellow:#FEC171; $yellow:#FEC171;
$panGreen: #30B08F; $panGreen: #30B08F;
// 默认菜单主题风格 - 现代化渐变主题 // 默认菜单主题风格 - 现代化渐变主题（文字用不透明深色，保证浅蓝底对比度）
$base-menu-color:rgba(33, 33, 33, 0.85); $base-menu-color: #0f172a;
$base-menu-color-active:#1976d2; $base-menu-color-active:#1565c0;
$base-menu-background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%); $base-menu-background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
$base-logo-title-color: #1976d2; $base-logo-title-color: #1976d2;