根据预设的配色方案,在前端实现动态切换系统主题颜色。
大概的思路就是给html根标签设置一个data-theme属性,然后通过js切换data-theme的属性值,Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。
一、首先需要给项目下载配置Scss
1.安装依赖
npm install node-sass sass-loader --save-dev
2.找到build中webpack.base.conf.js,在rules中添加scss规则
{
test: /\.scss$/,
loaders: ['style', 'css', 'sass
2022-04-06 17:36:31
59KB
c
css
ss
1