虎泰克博客

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


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

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

虎bxa泰g克uztwf新v闻pzzx网kbn版权所有,请勿未授权转载!!!

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

虎ryx泰yr克rofwl新o闻ccnuf网a版权所有,请勿未授权转载!!!

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

虎fth泰lw_jl克msk新disr闻e网xnxvm版权所有,请勿未授权转载!!!

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

虎jvnf泰rt克fspx新d闻_xov网pvemt版权所有,请勿未授权转载!!!

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

虎y泰wuuyu克kowj新dqrat闻cga网kd版权所有,请勿未授权转载!!!

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

虎r泰ubvbj克yycbm新g闻a网lw版权所有,请勿未授权转载!!!

image.png

虎luaen泰veb克lg新jmkg闻bbsfv网c_版权所有,请勿未授权转载!!!

默认主题色

虎itbb泰w克cqizh新cc闻zme网efvbm版权所有,请勿未授权转载!!!

image.png

虎j泰y_c克j新g闻z网av版权所有,请勿未授权转载!!!

后台配置模块

虎b泰u克gwqn新jdxq闻ejsti网sghfn版权所有,请勿未授权转载!!!

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