虎泰克博客

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


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

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

虎crbxj泰nfx克tcft新g闻u网huj版权所有,请勿未授权转载!!!

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

虎fwox泰y克t新tka闻_yz网pg_z版权所有,请勿未授权转载!!!

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

虎qbll泰fagps克yvmcs新utzc闻g网jyj版权所有,请勿未授权转载!!!

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

虎bsj泰vfko克sbk新jn闻rqly网w版权所有,请勿未授权转载!!!

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

虎iu泰_j克sdrhh新qak闻s_网m版权所有,请勿未授权转载!!!

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

虎skq泰dat克fq新qwzj闻s网m_cb版权所有,请勿未授权转载!!!

image.png

虎y泰ieuv克_mxlx新iwb闻_su网hhx版权所有,请勿未授权转载!!!

默认主题色

虎a泰bfi克gga新yr_m闻ulhe网dhkqt版权所有,请勿未授权转载!!!

image.png

虎l泰svkwg克uz新z闻pclj网qai版权所有,请勿未授权转载!!!

后台配置模块

虎fmnx泰kv克yd新z闻c网yr版权所有,请勿未授权转载!!!

image.png



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

登录以发表评论

评论列表

    暂无数据