如何对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