如何更改Vue中Element-UI主题色以匹配自定义设计？

本文共计665个文字，预计阅读时间需要3分钟。

目录 + Vue修改Element-UI主题色 + 第一步 + 第二步 + 第三步 + 第四步 + 最后一步 + 使用Element-UI自定义主题色 + 效果图 + Vue修改Element-UI主题色 + 第一步 + 打开ElementUI官网 + 点击自定义主题色 + 找到在线主题生成器

目录

• vue更改element-ui主题色
• 第一步
• 第二步
• 第三步
• 第四步
• 最后一步
• 使用element-ui自定义主题色
• 效果图

vue更改element-ui主题色

第一步

打开“elementUI官网“

点击“自定义主题“，

找到“在线主题生成工具“

第二步

点击“在线主题生成工具“，会进到一个新的页面，点击“切换主题色“，点完之后，会出现一个弹出层，可以自己选择颜色，也可以自己输入自己的主题色，选择好之后，点击“确定“，最后记得点击“切换“，你就会看见主题色已经已经切换了。

例如我设置的主题色是“#4FCC19“。