在vue项目中动态切换皮肤效果

• 🎯 博客介绍：对此深感荣幸，在此平台开设个人博客介绍自己的学习历程。
  
• 🌸 专业领域：专注于前端技术的研发与分享。
  
• 💦 如对您有所帮助，请别忘了在文末关注、点赞与评论中选择一项支持！您的反馈对我很重要！如有建议或批评意见，请随时提出。
  
• 🤝 此外本人水平尚且有限，在创作过程中难免会存在不足之处，请广大读者包涵并多多指导批评。
  

进行皮肤更换的需求较为普遍，在皮肤更换过程中涉及的内容繁多。具体来说，在皮肤更换过程中需要处理包括页面整体样式设计、自定义组件的设计风格以及外部引入的各种工具（如Element、百度地图、ECharts等工具）。实际上我们可以通过模块化的方式进行设计和实现。

1.修改element相关的样式

方法1.去官网案例下载

如果仅希望更改Element的主题色，则建议使用在线主题生成器 或在线主题编辑器，这些工具需要自行设置相应的配置文件以完成配置

方法2.用命令生成

npm i element-theme -g
遇到et运行时错误 **un