虎泰克博客

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


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

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

虎yoiv泰xvl克dt新whkp闻uihev网d版权所有,请勿未授权转载!!!

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

虎zcftn泰a克ox新y闻puqh网pxmt版权所有,请勿未授权转载!!!

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

虎cdgre泰qz克x新vf闻gm_ib网d版权所有,请勿未授权转载!!!

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

虎dfn泰ukf克oxag新mpl闻_c网alonx版权所有,请勿未授权转载!!!

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

虎akxct泰al克j新qeb闻jyl网uedul版权所有,请勿未授权转载!!!

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

虎hz泰ocg克ufa新tudf闻koc网bqvin版权所有,请勿未授权转载!!!

image.png

虎bcei_泰t克al新tiv闻p网mfvz版权所有,请勿未授权转载!!!

默认主题色

虎m泰e克w新qg闻qif网ev版权所有,请勿未授权转载!!!

image.png

虎r泰m克oufb新azz闻t_jas网epefc版权所有,请勿未授权转载!!!

后台配置模块

虎yts泰gexf克iga新fv_py闻y_网s版权所有,请勿未授权转载!!!

image.png



Declaración: los textos que se reproducen en la red, como textos / gráficos, tienen por objeto transmitir más información y facilitar las deliberaciones, y no implican que el sitio y los patrocinadores o patrocinadores compartan sus opiniones o confirmen la autenticidad de su contenido, que sólo es de carácter informativo y que si se violan los derechos de los autores originales, por favor se pongan en contacto con el Administrador del sitio web.

Gracias por tu comentario.

Lista de comentarios

    Datos no disponibles