根据预设的配色方案,在前端实现动态切换系统主题颜色。 大概的思路就是给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
不知道大家有没有新的想法,网传说根据用户的心情来实现主题颜色,哈哈哈这个功能实现不了那就手动去切换吧。。这个小demo主要是教你怎么实现切换全局主题颜色。结构并不复杂。代码也不多。
2021-03-07 16:06:09 26KB 微信小程序 切换主题颜色 源码
1