虎泰克博客

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


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

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

虎eea泰s克wal新c_闻zipa网pf版权所有,请勿未授权转载!!!

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

虎jdu泰__vwp克ssj新yo闻eb网yrdzr版权所有,请勿未授权转载!!!

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

虎oz泰s克jac新dogfp闻wby网wizx版权所有,请勿未授权转载!!!

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

虎oq泰ibfw克fq新qkyx闻_tf网a_版权所有,请勿未授权转载!!!

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

虎w泰uk克ncqud新w闻vu网fa版权所有,请勿未授权转载!!!

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

虎fgj泰solsi克wtks新rypgc闻g网pxk版权所有,请勿未授权转载!!!

image.png

虎ws泰u克uomc新cvclp闻hsfu网m版权所有,请勿未授权转载!!!

默认主题色

虎cw泰rilbg克kixpr新tj闻t网ad版权所有,请勿未授权转载!!!

image.png

虎ucxkf泰n克g新_gmv闻ng网domzy版权所有,请勿未授权转载!!!

后台配置模块

虎wk泰fr克cwvc新yf闻x网_版权所有,请勿未授权转载!!!

image.png



Lausunto: kaikki tällä sivustolla olevat artikkelit / piirrokset on tarkoitus välittää enemmän tietoa ja helpottaa keskustelua, mikä ei tarkoita sitä, että sivusto, isäntä ja järjestäjä ovat samaa mieltä heidän mielipiteistään tai vahvistaa niiden sisällön aitoutta. Artikkelien sisältö on tarkoitettu ainoastaan viitteeksi. Jos alkuperäisen tekijän oikeuksia rikotaan, ota yhteyttä verkkosivuston ylläpitäjään.

Allekirjoitus ja kommentti

Kommenttien luettelo

    Ei tietoja