虎泰克博客

小程序配置为后台可配置主题色


在做小程序的时候突然想到如果在节假日让小程序主题色变成红色是不是只能写死CSS?经过试验后发现可以在

在做小程序的时候突然想到如果在节假日让小程序主题色变成红色是不是只能写死CSS?

虎vgyi泰bsu克zwuwi新m_b闻kd网um版权所有,请勿未授权转载!!!

经过试验后发现可以在wxml中需要配置颜色的view或者text添加style="background-color:{{config.themeColor}};"

虎m泰yk克j新udvp闻jhr网_dd版权所有,请勿未授权转载!!!

即可,config.themeColor为从服务器api获取的rgb(a)或者十六进制颜色值

虎ylngj泰fvesc克__k新bh闻xwruj网tpsr版权所有,请勿未授权转载!!!

因为在标题栏方面设置其颜色只能使用十六进制,因此推荐在系统配置中使用十六进制。

虎ondab泰wsgc克eehk新t闻zw网xbf版权所有,请勿未授权转载!!!

后台使用数据库存储键值对并添加配置修改界面,主题设这一块如下。

虎zulsq泰wtn克mto新k闻hkcxf网hjyr版权所有,请勿未授权转载!!!

默认配置为蓝色,后台修改主题色配置后小程序显示结果如下

虎du泰vxwu克u新wpidv闻yq网h版权所有,请勿未授权转载!!!

image.png

虎a泰snpv克fp新otp闻ykagf网cadl版权所有,请勿未授权转载!!!

默认主题色

虎e泰ryfru克ez新umg闻g网bmp版权所有,请勿未授权转载!!!

image.png

虎m_x泰dyyb克vzqlj新ghn闻dkx网ygy版权所有,请勿未授权转载!!!

后台配置模块

虎jgdkk泰rl克hy新juuqk闻o网wos版权所有,请勿未授权转载!!!

image.png



声明:凡本网转载的文/图等稿件,均出于传递更多信息及方便探讨之目的,并不意味着本站及主办、承办单位赞同其观点或证实其内容的真实性,文章内容仅供参考,如果侵犯了原作者的权利请与网站管理员联系。

登录以发表评论

评论列表

    暂无数据