如何对Element ui进行二次封装,特别是样式?

目前多个项目想基于element ui进行开发,但是样式方面更想自定义为公司自己的风格,那么如何统一对样式进行修改,再提供给多个项目使用呢?


回答:

一般来说简单的可以用 自定义主题 的方式来做客制化主题。

但是自定义主题其实可定制的范围是很有限的,只能修改一下已提供的SCSS变量 ? Element Chalk Variables
所以很多情况下我们都会去专门写一个 app.css 来覆写 ElementUI 的默认样式并在 main.js 中引入(需要在 import 'element-ui/lib/theme-chalk/index.css' 之后)。


回答:

可以把element的全部组件按照最新样式二次封装下,然后把新封装的组件放在npm包中,每次在新项目中直接引入依赖就行

以上是 如何对Element ui进行二次封装,特别是样式? 的全部内容, 来源链接: utcz.com/p/934553.html

回到顶部