虎泰克博客

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


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

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

虎u泰idfal克paib新widyj闻f网ytdk版权所有,请勿未授权转载!!!

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

虎ungs泰axoo克gke新dc闻h网rljck版权所有,请勿未授权转载!!!

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

虎cmdz泰nl克qywin新poij闻sqs网qcoj版权所有,请勿未授权转载!!!

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

虎s泰x克in_h新azd闻b网_版权所有,请勿未授权转载!!!

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

虎vzqvd泰e克y新xcwpi闻f网kdm版权所有,请勿未授权转载!!!

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

虎ncko泰m克kkx_y新wfhm闻ltwk网qst版权所有,请勿未授权转载!!!

image.png

虎dop泰izdg克xz新kr闻xoxl网yfgev版权所有,请勿未授权转载!!!

默认主题色

虎t泰lt克qgez新p闻htax网uxx版权所有,请勿未授权转载!!!

image.png

虎k泰g克mvddu新taw闻ps_jl网y版权所有,请勿未授权转载!!!

后台配置模块

虎zxofz泰mu克hlq新tu_yc闻yhvxk网q版权所有,请勿未授权转载!!!

image.png



Erklärung: Alle auf dieser Website wiedergegebenen Artikel /Zeichnungen dienen dem Zweck, mehr Informationen zu übermitteln und die Diskussion zu erleichtern, was nicht bedeutet, dass die Website, der Host und der Veranstalter mit ihren Meinungen einverstanden sind oder die Authentizität ihrer Inhalte bestätigen. Der Inhalt der Artikel dient nur als Referenz. Wenn die Rechte des ursprünglichen Autors verletzt werden, wenden Sie sich bitte an den Verwalter der Website.

Melden Sie sich an

Liste der Kommentare

    Keine Daten