From 1c829f9177eab675b22be4d20ef2761ed1bbb423 Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期二, 15 九月 2026 16:15:48 +0800
Subject: [PATCH] refactor(layout): 调整布局样式并优化轮播卡片组件
---
src/assets/styles/variables.module.scss | 32 ++++++++++++++++++++++++++------
1 files changed, 26 insertions(+), 6 deletions(-)
diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index 3194051..cc8e25c 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -21,8 +21,8 @@
$menuLightActiveText: #002fa7;
// 鍩虹鍙橀噺
-$base-sidebar-width: 200px;
-$sideBarWidth: 200px;
+$base-sidebar-width: 220px;
+$sideBarWidth: 220px;
// 鑿滃崟鏆楄壊鍙橀噺
$base-menu-color: #bfcbd9;
@@ -67,13 +67,27 @@
// CSS鍙橀噺瀹氫箟
:root {
- /* 浜壊妯″紡鍙橀噺 */
- --sidebar-bg: #{$menuBg};
- --sidebar-text: #{$menuText};
- --menu-hover: #{$menuHover};
+ /* 渚ц竟鏍忥細绉戞妧钃濇笎鍙橈紙鍛煎簲鐧诲綍椤� hero 瀹濊摑鈫掓繁钃濓級 */
+ --sidebar-bg: #1b3a94;
+ --sidebar-sub-bg: rgba(0, 0, 0, 0.16);
+ --sidebar-grad-from: #2f57e0;
+ --sidebar-grad-to: #14264f;
+ --sidebar-text: rgba(255, 255, 255, 0.72);
+ --menu-hover: rgba(255, 255, 255, 0.10);
+ --menu-active-bg: rgba(255, 255, 255, 0.18);
+ --menu-active-text: #ffffff;
+ --menu-active-indicator: #ffffff;
--navbar-bg: #ffffff;
--navbar-text: #303133;
+ --navbar-border: #e8ecf1;
+
+ /* 椤电鏍� */
+ --tags-bg: #ffffff;
+ --tags-item-bg: #ffffff;
+ --tags-item-border: #dfe5ee;
+ --tags-item-text: #4e5969;
+ --tags-item-hover: #f2f5fa;
/* splitpanes default-theme 鍙橀噺 */
--splitpanes-default-bg: #ffffff;
@@ -91,14 +105,20 @@
/* 渚ц竟鏍� */
--sidebar-bg: #141414;
+ --sidebar-sub-bg: #1d1e1f;
+ --sidebar-grad-from: #1d1e1f;
+ --sidebar-grad-to: #141414;
--sidebar-text: #ffffff;
--menu-hover: #2d2d2d;
+ --menu-active-bg: #2d2d2d;
--menu-active-text: #{$menuActiveText};
+ --menu-active-indicator: #{$menuActiveText};
/* 椤堕儴瀵艰埅鏍� */
--navbar-bg: #141414;
--navbar-text: #ffffff;
--navbar-hover: #141414;
+ --navbar-border: #303030;
/* 鏍囩鏍� */
--tags-bg: #141414;
--
Gitblit v1.9.3