vue使用element-ui的组件自定义宽高问题

组件没有提供设置宽高接口的情况下,要自己改变宽高怎么办?

目前的办法是在初始化全局变量的scss文件中使用important覆盖重置,觉得不合理,若此组件要复用到本项目其他界面,要使用不同的宽高又怎么办?

有没有个更好的办法呢

阅读 11.5k
6 个回答

这种问题我已经看到过若干了,除了内联 style 或者 important 大法之外,更好的方法应该就是下载一份组件库的样式文件,然后按自己的需求覆盖掉,再导入项目,然后借助按需加载的插件引入自定义的样式就能达到覆盖的效果,详情看这里

在给你来个我现在做的一个项目中的结构,

clipboard.png

element-theme-development 是用来覆盖原始样式的目录,element-theme 是 babel 按需导入组件样式的目录位置。

组件外面包一层,自己控制宽高?

毕竟是用别的UI框架,太多的定制化肯定不行,我现在就是把需要定制的组件加上自己的class名,然后在index.html里面用important,跟你的方法差不多

写一个全局的样式文件,统一一下自己需要的样式风格,然后在不同的项目中导入就可以了,我是这样做的,希望对你会有帮助

定制的组件自己再封装下吧,有写逻辑还可以在里面统一改

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