feat: 更新UI主题和样式，优化页面布局和交互

- 将侧边栏主题从深色改为浅色
- 移除多个组件的背景色和金属风格样式
- 调整按钮、表格和分页组件的样式和间距
- 新增easycode扫码功能页面
- 更新基础URL配置和应用版本号
- 优化登录后跳转逻辑和登出功能
- 调整滚动条和菜单项的样式

apps/l2/src/assets/styles/variables.scss

@@ -1,38 +1,45 @@
-// 基础金属色调
-$metal-dark: #637994;      // 主色调1 - 深金属色
-$metal-light: #bec3c9;     // 主色调2 - 浅金属色
-$metal-bg: #a1a6ac;        // 背景主色调
-$metal-highlight: #d0d5db; // 金属高光色
-$metal-shadow: #8c949d;    // 金属阴影色
+// base color
+$blue:#324157;
+$light-blue:#3A71A8;
+$red:#C03639;
+$pink: #E65D6E;
+$green: #30B08F;
+$tiffany: #4AB7BD; 
+$yellow:#FEC171;
+$panGreen: #30B08F;
 
-// 功能色（保持原有，但调整为金属质感）
-$blue: mix($metal-dark, #324157, 30%);
-$light-blue: mix($metal-light, #3A71A8, 30%);
-$red: mix($metal-light, #C03639, 20%);
-$pink: mix($metal-light, #E65D6E, 20%);
-$green: mix($metal-light, #30B08F, 20%);
-$tiffany: mix($metal-light, #4AB7BD, 20%);
-$yellow: mix($metal-light, #FEC171, 20%);
-$panGreen: mix($metal-light, #30B08F, 20%);
+// 默认菜单主题风格
+$base-menu-color:#bfcbd9;
+$base-menu-color-active:#f4f4f5;
+$base-menu-background:#304156;
+$base-logo-title-color: #ffffff;
 
-// 金属风格菜单主题
-$base-menu-color: mix($metal-light, rgba(255, 255, 255, 0.7), 60%); // 菜单文字色
-$base-menu-color-active: #ffffff; // 激活菜单文字色
-$base-menu-background: linear-gradient(145deg, darken($metal-bg, 3%), $metal-bg); // 菜单背景
-$base-logo-title-color: $metal-highlight; // Logo文字色
+$base-menu-light-color:rgba(0,0,0,.70);
+$base-menu-light-background:#ffffff;
+$base-logo-light-title-color: #001529;
 
-// 浅色金属菜单风格
-$base-menu-light-color: mix($metal-dark, rgba(0, 0, 0, 0.7), 70%); // 浅色菜单文字色
-$base-menu-light-background: linear-gradient(145deg, $metal-bg, lighten($metal-bg, 3%)); // 浅色菜单背景
-$base-logo-light-title-color: $metal-dark; // 浅色Logo文字色
+$base-sub-menu-background:#1f2d3d;
+$base-sub-menu-hover:#001528;
 
-// 子菜单样式
-$base-sub-menu-background: darken($metal-bg, 5%); // 子菜单背景
-$base-sub-menu-hover: linear-gradient(145deg, $metal-bg, $metal-dark); // 子菜单悬停背景
+// 自定义暗色菜单风格
+/**
+$base-menu-color:hsla(0,0%,100%,.65);
+$base-menu-color-active:#fff;
+$base-menu-background:#001529;
+$base-logo-title-color: #ffffff;
 
-$base-sidebar-width: 200px; // 侧边栏宽度
+$base-menu-light-color:rgba(0,0,0,.70);
+$base-menu-light-background:#ffffff;
+$base-logo-light-title-color: #001529;
 
-// 导出变量供JS使用
+$base-sub-menu-background:#000c17;
+$base-sub-menu-hover:#001528;
+*/
+
+$base-sidebar-width: 200px;
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
 :export {
   menuColor: $base-menu-color;
   menuLightColor: $base-menu-light-color;
@@ -43,9 +50,5 @@ $base-sidebar-width: 200px; // 侧边栏宽度
   subMenuHover: $base-sub-menu-hover;
   sideBarWidth: $base-sidebar-width;
   logoTitleColor: $base-logo-title-color;
-  logoLightTitleColor: $base-logo-light-title-color;
-  // 导出金属主题基础色供全局使用
-  metalDark: $metal-dark;
-  metalLight: $metal-light;
-  metalBg: $metal-bg;
-}
+  logoLightTitleColor: $base-logo-light-title-color
+}