网站导航
> 文章列表 > Vue - 超详细 Element 组件库主题颜色进行 “统一全局“ 替换，将默认的蓝色主题色更换为其他自定义颜色（保姆级教程，简易且标准全局替换主题色）

Vue - 超详细 Element 组件库主题颜色进行 “统一全局“ 替换，将默认的蓝色主题色更换为其他自定义颜色（保姆级教程，简易且标准全局替换主题色）

网友: 文章列表 2024-03-21 17:29:39

Vue - 超详细 Element 组件库主题颜色进行 “统一全局“ 替换，将默认的蓝色主题色更换为其他自定义颜色（保姆级教程，简易且标准全局替换主题色）

前言

网上的文章可以用乱七八糟来形容了，各种奇葩的引入、安装各种东西，本文提供简洁且符合官方标准的解决方案。

Element UI 默认主题色是蓝色，很可能与我们设计稿不一致（比如设计稿是绿色主题），

这时候问题就出现了，难不成每个组件都要来一遍颜色样式覆盖？ 绝对不可行，所以要把主题颜色进行 “统一” 修改。

如下图所示，您可以按照本文的方法，简单几步无任何装包、覆盖等过程，

您可以修改默认主题色，进行全局统一覆盖，引入一次全项目生效。

提供完整的示例，保证您 100% 成功

Vue - 超详细 Element 组件库主题颜色进行 “统一全局“ 替换，将默认的蓝色主题色更换为其他自定义颜色（保姆级教程，简易且标准全局替换主题色） Vue - 超详细 Element 组件库主题颜色进行 “统一全局“ 替换，将默认的蓝色主题色更换为其他自定义颜色（保姆级教程，简易且标准全局替换主题色）

第一步

首先，

网络标签：

相关问题