虎泰克博客

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


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

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

虎c_yv泰v克pkfv新qiam闻qtgy网oa_h版权所有,请勿未授权转载!!!

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

虎ntoj泰tgmm克b_f新jtri闻xc网_x版权所有,请勿未授权转载!!!

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

虎j泰knf克cej新jkp闻zpgw网brnn版权所有,请勿未授权转载!!!

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

虎oirpv泰ym_克gnc新dyj闻iarab网ogj版权所有,请勿未授权转载!!!

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

虎l泰a克b新qzjxb闻aibs网lmz版权所有,请勿未授权转载!!!

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

虎r泰qcxb克um新cjasr闻t网sywrv版权所有,请勿未授权转载!!!

image.png

虎k泰a_ua克xh新co闻em网_u版权所有,请勿未授权转载!!!

默认主题色

虎fco_q泰lmm克r新pxo闻ljy网p版权所有,请勿未授权转载!!!

image.png

虎quz泰s克ly新ngzj闻yrn网mbv版权所有,请勿未授权转载!!!

后台配置模块

虎eep_泰dbxh克q_qv新cpq闻m网ko版权所有,请勿未授权转载!!!

image.png



Verklaring: alle artikelen /tekeningen die op deze website worden weergegeven, zijn bedoeld om meer informatie te verzenden en de discussie te vergemakkelijken, wat niet betekent dat de website, de host en de organisator het eens zijn met hun meningen of de authenticiteit van hun inhoud bevestigen. De inhoud van de artikelen is alleen voor referentie. Indien de rechten van de oorspronkelijke auteur worden geschonden, neem dan contact op met de beheerder van de website.

Schrijf in om commentaar te geven

Lijst van opmerkingen

    Geen gegevens