element-style-override
项目统一 UI 规范用标准样式库
0. 介绍
本样式库针对使用 element-plus 的项目,提供了一套统一样式。
主要内容包括:
-
基于 element 主题工具生成出来的 CSS 预编译变量值的覆盖
-
主题工具未提供修改入口的变量值的覆盖
-
针对某些组件的特定样式覆盖
-
通用的 CSS Reset
-
一些通用的原子 CSS 风格的公共样式(如布局、字号等)
1. 使用
安装后,使用方式有两种:
-
一种是引入已编译的样式(
index.css
) -
或者是引入未编译的源码(
index.scss
)
npm install element-style-override --save
main.js
中修改如下:
- import 'element-plus/lib/theme-chalk/index.css';
+ import 'element-style-override/dist/index.css';
或者
- import 'element-plus/lib/theme-chalk/index.css';
+ import 'element-style-override/src/index.scss';
(引入 scss 文件,项目一定是要依赖了 sass-loader 的)