41 lines
1003 B
SCSS
41 lines
1003 B
SCSS
|
body {
|
|||
|
|
// 页面
|
|||
|
|
--page-width: 1280px;
|
|||
|
|
--page-background: #f7f7f7;
|
|||
|
|
// - body最小宽度，避免屏幕过窄时页面溢出
|
|||
|
|
--body-min-width: calc(var(--page-width) + 60px);
|
|||
|
|
// 主题色
|
|||
|
|
--primary-color: #224b9d;
|
|||
|
|
--primary-color-light: #285dc4;
|
|||
|
|
--primary-color-light-deep: #e5ebff;
|
|||
|
|
--primary-color-dark: #224da2;
|
|||
|
|
--primary-color-dark-deep: #16336b;
|
|||
|
|
// 字体
|
|||
|
|
--font-size-base: 16px;
|
|||
|
|
--font-size-small: 14px;
|
|||
|
|
--font-size-middle: 18px;
|
|||
|
|
--font-size-large: 20px;
|
|||
|
|
--font-family-base: "微软雅黑";
|
|||
|
|
--font-color: #333;
|
|||
|
|
// 背景色
|
|||
|
|
--background-color: #f7f7f7;
|
|||
|
|
// 颜色
|
|||
|
|
--color-white: #ffffff;
|
|||
|
|
--color-gray: #999;
|
|||
|
|
--color-gray-light: #ccc;
|
|||
|
|
--color-keyword: #ff0000;
|
|||
|
|
// 边框
|
|||
|
|
--border-color: #eee;
|
|||
|
|
// 子栏目树
|
|||
|
|
--sub-category-width: 275px;
|
|||
|
|
|
|||
|
|
// 覆盖element-plus的默认字体大小
|
|||
|
|
--el-font-size-base: var(--font-size-base);
|
|||
|
|
// 边距
|
|||
|
|
--gap: 20px;
|
|||
|
|
--gap-mini: 10px;
|
|||
|
|
--gap-midele: 30px;
|
|||
|
|
--gap-large: 40px;
|
|||
|
|
--gap-huge: 50px;
|
|||
|
|
}
|