提交代码

src/styles/variables.scss

@@ -0,0 +1,39 @@
+// 定义常量
+$color-text: #111;
+$color-title: #333;
+$color-disabled: #999;
+$color-error:#fa4c4e;
+$color-danger:#FA4C4E;
+$color-white:#fff;
+$primary:#409eff;
+$text:$color-text;
+$selected-bg: transparentize($primary, 0.9);
+
+
+// sidebar  
+$menuText: #bfcbd9;
+$menuActiveText: #ffffff;
+$subMenuActiveText: #f4f4f5;
+
+$menuBg: #304156; //
+$menuHover: #263445;
+
+$subMenuBg: #1f2d3d;
+$subMenuHover: #001528;
+
+$sideBarWidth: 210px;
+$hideSideBarWidth: 54px;
+$sideBarDuration: 0.28s;
+
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+// JS 与 scss 共享变量，在 scss 中通过 :export 进行导出，在 js 中可通过 ESM 进行导入
+:export {
+  menuText: $menuText;
+  menuActiveText: $menuActiveText;
+  subMenuActiveText: $subMenuActiveText;
+  menuBg: $menuBg;
+  menuHover: $menuHover;
+  subMenuBg: $subMenuBg;
+  subMenuHover: $subMenuHover;
+  sideBarWidth: $sideBarWidth;
+}