微信小程序怎么改成黑白灰

微信小程序怎么改成黑白灰,第1张

1、首败差先打开手机并输入密码进入手机主页面

2、其次在手机主页面找到微信小程序并点击册禅进入。

3、最后在微信小程序州枯尘找到设置并单击设置成黑白灰即可。

1、首先用已有的账号密码登陆飞虎商联后台(没有账号即点击注册),接局并弯着可以看到左上方有“小 程序”选项,点击进入小程序设置页面。

2、进入小程序设置页面后,点击设计—页面—左边栏小程序桐闷蔽槐头部菜单选项,点击想要的头部颜色,即可开始设置小程序头部颜色,如下图。

3、可以看到颜色有固定色系可选择,也可选择自定义色系,选择完成后点击右上方的“生成”,打包小程序并提 交,审 核通过后即可看到更 新头部颜色的小程序。

项目的需求是: 根据后台返回的配色信息,前端根据返回配色信息进行配色全局引用到小程序

百度和Google查了一番,都只查到用添加中隐拿类的方式,但是不满足需求,因为类里面的颜色都是写死的,我是想要样式动态,最后无奈想到全局变量的方式解决切换主题

具体实现:(在app.js文件中将小程序主题加载完成)

改变tabbar(我这里只改的图标颜色,如需改变背景色,可添加修改背景样式进行卖搭修改)

页面实现改变主题色:

组件中实现改变主题色:(大致都是一样的处理方式)

总结: 这种方法虽可以改变主题,但是也是有缺陷,比如每个页面去添加行内样式和每个页面去改变导航栏主题色,都是比较繁琐和麻烦的,而且页面改变导航栏主题色的时候,会有瞬间闪屏(真机上展示效果比编辑器好携茄多了,所以闪屏问题还算能接受),但最后实现了项目需求,也还不错.如你有更好的的方式方法,请留言告知,相互学习才能更快进步.


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12521381.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存