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

作者站长头像
站长
· 阅读数 9

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

回复
1个回答
avatar
test
2024-07-01

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

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

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容