Echocyd的博客

原创 Vue + Scss 动态切换主题颜色实现换肤

Vue + Scss 动态切换主题颜色实现换肤一、首先需要给项目下载配置Scss二、在vue项目全局中引入scss三、准备工作已经做完准备开干根据预设的配色方案，在前端实现动态切换系统主题颜色。大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。一、首先需要给项目下载配置Scss安装依赖npm install node-sass sass-lo