liubiao/dyf-vue-ui
1
0
Fork 0
forked from dyf/dyf-vue-ui
Code Pull Requests Activity

左侧菜单栏样式修改

Browse Source
This commit is contained in:
fengerli
2025-09-05 16:56:46 +08:00
parent a31318aa1a
commit c95c0e65d2
6 changed files with 78 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
// 全局SCSS变量
:root {
--menuBg: #2c3e50; // 精确匹配图片中的深色背景
--menuBg: linear-gradient(0.00deg, rgba(0, 87, 159, 0.15),rgba(0, 87, 159, 0) 100%);; // 精确匹配图片中的深色背景
--menuColor: #bfcbd9; // 非激活菜单项的文字颜色
--menuActiveText: #ffffff; // 激活菜单项的文字颜色
--menuHover: #34495e; // 悬停时的背景色
@ -11,7 +11,7 @@
--subMenuTitleHover: #293444; // 子菜单标题悬停背景色
// 激活菜单项的渐变颜色 - 根据设计UI调整
--menuActiveGradient: linear-gradient(90deg, #0080EA 0%, #000F27 100%);
--menuActiveGradient:linear-gradient(90.00deg, rgba(0, 128, 234, 1),rgba(0, 15, 39, 0) 100%);
--fixedHeaderBg: #ffffff;
--tableHeaderBg: #f8f8f9;
@ -130,7 +130,7 @@ $--color-warning: #e6a23c;
$--color-danger: #f56c6c;
$--color-info: #909399;
$base-sidebar-width: 280px;
$base-sidebar-width: 250px;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass