m0_73526957的博客

原创 微信小程序自定义主题颜色【状态栏tab样式同步更改】

3.index.wxml中将变量放入Style中。style="{{userColor.homeColor}}"，把变量绑定到了页面顶级元素上。动态切换可以在 userStyle.js 中添加网络请求，通过判断后台返回的用户类型切换不同的颜色，或直接后端返回颜色值。1.创建公共样式userStyle.js文件，通过定义style1和style2来控制全局颜色改变。此功能使用js控制变量 调整颜色值，赋值给css颜色达到切换自定义颜色效果。2.在index.js中引入userColor并放入data中。