修改样式文件目录结构,优化 element plus 样式载入

This commit is contained in:
hooray
2022-08-14 18:15:29 +08:00
parent 0af32c7485
commit 86879cca79
6 changed files with 17 additions and 27 deletions
@@ -6,3 +6,4 @@
// )
// );
@use "element-plus/theme-chalk/src/index.scss" as *;
@use "./dark.scss";
+16 -4
View File
@@ -1,8 +1,20 @@
@use "./layout.scss" as *;
@use "./themes.scss" as *;
@use "./element.customized.scss" as *;
@use "./element.customized.dark.scss" as *;
@use "./themes.scss";
@use "./element-plus/index.scss";
// 全局变量
:root {
// 头部宽度(默认自适应宽度,可固定宽度,固定宽度后为居中显示)
--g-header-width: 100%;
// 头部高度
--g-header-height: 70px;
// 侧边栏宽度
--g-main-sidebar-width: 70px;
--g-sub-sidebar-width: 220px;
// 侧边栏Logo高度
--g-sidebar-logo-height: 50px;
// 顶栏高度
--g-topbar-height: 50px;
}
// 全局样式
::-webkit-scrollbar {
width: 12px;
-14
View File
@@ -1,14 +0,0 @@
// 全局变量
:root {
// 头部宽度(默认自适应宽度,可固定宽度,固定宽度后为居中显示)
--g-header-width: 100%;
// 头部高度
--g-header-height: 70px;
// 侧边栏宽度
--g-main-sidebar-width: 70px;
--g-sub-sidebar-width: 220px;
// 侧边栏Logo高度
--g-sidebar-logo-height: 50px;
// 顶栏高度
--g-topbar-height: 50px;
}
-8
View File
@@ -1,11 +1,3 @@
@use "sass:math";
// @mixin 通过 @include 调用使用
// % 通过 @extend 调用使用
@function division($a, $b) {
@return math.div($a, $b);
}
// 文字超出隐藏,默认为单行超出隐藏,可设置多行
@mixin text-overflow($line: 1, $fixed-width: true) {
@if $line == 1 and $fixed-width == true {