vue + element-ui动态主题及网站换肤2021，亲测可用

原文地址

猛击标题 预览主题切换效果

• 本文 git 仓库地址 猛击查看
• 本文主题换肤整体实现换肤思路是，定制多套 element-ui 主题，然后通过动态更改 link href样式文件来实现，最后结合 css 变量实现网站整体换肤。
• 此处点名表扬 arcoDesign 自带了暗黑主题切换还十分方便。不过只支持vue3。
• 说到这里就不得不说 element-plus 都更新这么久了在线定制主题还没做好(2021-11-08)，所以本文不适用于 element-plus (element-plus貌似重写了部分样式 所以直接使用element-ui样式会有些问题🤐)。

项目环境

• 系统 win
• vue-cli3.x
• element-ui: “^2.14.1”
• vue：“^2.6.11”

element-ui 定