init

src/styles/variables.scss

@@ -0,0 +1,44 @@
+// 该文件由 Vite scss additionalData 自动注入，请只放置变量与 mixin，不要输出任何样式
+
+// 布局尺寸
+$sidebar-width: 220px;
+$sidebar-width-collapsed: 64px;
+$navbar-height: 50px;
+$container-padding: 16px;
+
+// 主题色（Element Plus 主色通过 CSS 变量覆盖，见 styles/element/index.scss）
+$color-primary: #409eff;
+$color-success: #67c23a;
+$color-warning: #e6a23c;
+$color-danger: #f56c6c;
+$color-info: #909399;
+
+// 文字
+$text-color-primary: #303133;
+$text-color-regular: #606266;
+$text-color-secondary: #909399;
+
+// 背景与边框
+$bg-page: #f5f7fa;
+$bg-sidebar: #ffffff;
+$border-color: #e4e7ed;
+$border-color-light: #ebeef5;
+
+// 层级
+$z-index-sidebar: 1001;
+$z-index-navbar: 1002;
+
+// 过渡
+$transition-duration: 0.28s;
+
+@mixin flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@mixin text-ellipsis {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}