2020
09-28
09-28
Vue + Scss 动态切换主题颜色实现换肤的示例代码
根据预设的配色方案，在前端实现动态切换系统主题颜色。大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。一、首先需要给项目下载配置Scss1.安装依赖npminstallnode-sasssass-loader--save-dev2.找到build中webpack.base.conf.js,在rules中添加scss规则{test:/\.scss$/,loaders:['style','c...
继续阅读 >