symbol微信小程序怎么调整颜色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了symbol微信小程序怎么调整颜色相关的知识,希望对你有一定的参考价值。

在Symbol微信小程序中,可以通过「Component」面板中的「Style」属性调整元素的颜色,也可以在「Symbol」面板中直接更改元素颜色。此外,可以通过在代码栏中输入style等语言,以及输入相应的颜色代码,来实现颜色调整的功能。 参考技术A 可以使用Symbol微信小程序的“自定义配色”功能进行颜色调整

微信小程序 切换主题色

参考技术A 项目的需求是: 根据后台返回的配色信息,前端根据返回配色信息进行配色全局引用到小程序
百度和Google查了一番,都只查到用添加类的方式,但是不满足需求,因为类里面的颜色都是写死的,我是想要样式动态,最后无奈想到全局变量的方式解决切换主题

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

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

页面实现改变主题色:

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

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

以上是关于symbol微信小程序怎么调整颜色的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序可以调整顶部标题栏颜色吗

微信小程序怎么调整按钮位置

微信小程序头部颜色怎么设置

微信小程序链接字体改掉蓝色

微信小程序,weixin,请问下各位大大如何给placeholder设置颜色

微信小程序点进去不显示是怎么回事?