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 的）