虎泰克博客

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


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

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

虎rzqyt泰bolpx克ezyr新h闻iwhii网rqr版权所有,请勿未授权转载!!!

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

虎wqj_k泰wpl克hwzey新d闻o网zzjd版权所有,请勿未授权转载!!!

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

虎whjh泰agj克w新n_闻tmki网pvw版权所有,请勿未授权转载!!!

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

虎smxq泰kz_uj克rcgk新sqb闻vdf网fxhpq版权所有,请勿未授权转载!!!

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

虎q泰kqnlb克wa新k闻m网ojfnf版权所有,请勿未授权转载!!!

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

虎wytr泰fap克w新tptw闻p网cu版权所有,请勿未授权转载!!!

image.png

虎on泰maxi克g新afce闻uuq网qxaj版权所有,请勿未授权转载!!!

默认主题色

虎pz泰rji克lgpce新ptmyt闻ud网yih版权所有,请勿未授权转载!!!

image.png

虎svodp泰ytmhh克xwtoy新q闻kbt_g网fkx版权所有,请勿未授权转载!!!

后台配置模块

虎iczgg泰c_lws克agc新nad闻t网c版权所有,请勿未授权转载!!!

image.png



Statement: all articles / drawings reproduced on this website are for the purpose of transmitting more information and facilitating discussion, which does not mean that the website, the host and the organizer agree with their opinions or confirm the authenticity of their contents. The contents of the articles are for reference only. If the rights of the original author are violated, please contact the website administrator.

Sign in to comment

Comment list

    No data