refactor(layout): 调整布局样式并优化轮播卡片组件

云

10 小时以前 1c829f9177eab675b22be4d20ef2761ed1bbb423

 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;