虎泰克博客

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


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

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

虎gp泰g克_ukqg新fbpg闻zl网l版权所有,请勿未授权转载!!!

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

虎f_泰qne克nmfsf新gpcmt闻ux_zv网uvidt版权所有,请勿未授权转载!!!

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

虎vtuu_泰r克unojq新rdx闻n网t版权所有,请勿未授权转载!!!

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

虎oehuh泰u克ta新bsp闻bqgml网q版权所有,请勿未授权转载!!!

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

虎xvqhr泰ddt克rfy新wl闻y网s版权所有,请勿未授权转载!!!

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

虎oulp泰ruj克zen新c闻np_hw网qmzq版权所有,请勿未授权转载!!!

image.png

虎k泰dd克fc新yt闻wwivw网bbclr版权所有,请勿未授权转载!!!

默认主题色

虎xf泰s克pums新sqj闻nfae网degbo版权所有,请勿未授权转载!!!

image.png

虎iuns泰j克r新djcq闻szowo网takd版权所有,请勿未授权转载!!!

后台配置模块

虎s泰d克kj新d闻z网_zpxw版权所有,请勿未授权转载!!!

image.png



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

登录以发表评论

评论列表

    暂无数据