虎泰克博客

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


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

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

虎jiqon泰wbs克y新jfkqv闻kpa网rc版权所有,请勿未授权转载!!!

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

虎cwyr泰excyl克xqga新daf闻ogl网e版权所有,请勿未授权转载!!!

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

虎lm_泰rafv_克t新jyko_闻hhm网oazr版权所有,请勿未授权转载!!!

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

虎ytmqs泰odf克mqj新zli闻nau网nn版权所有,请勿未授权转载!!!

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

虎uokdi泰rfyu克kp新s闻u网ykar版权所有,请勿未授权转载!!!

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

虎lgi泰vaz克ty新v闻suwh网xyd版权所有,请勿未授权转载!!!

image.png

虎uia泰g克ts_k新abbif闻pov网o版权所有,请勿未授权转载!!!

默认主题色

虎eaya泰_t克r新omc闻bejt网fsk_版权所有,请勿未授权转载!!!

image.png

虎en泰b克ks新fv闻iu网lyyun版权所有,请勿未授权转载!!!

后台配置模块

虎sr泰q克ia新wr闻fql网k版权所有,请勿未授权转载!!!

image.png



Declaração: todos OS artigos / desenhos reproduzidos Neste site têm por objectivo TRANSMITIR Mais informações e facilitar a discussão, o que não significa que o site, o anfitrião e o organizador concordem com as SUAS opiniões ou confirmem a autenticidade do SEU conteúdo. O conteúdo DOS artigos é apenas para referência. Se OS direitos do autor original forem violados, contacte o Administrador do site.

Assine para comentar.

Lista de comentários

    Sem dados