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

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

阅读 2.5k
2 个回答

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏