虎泰克博客

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


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

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

虎axq泰kgkz克coi新tc闻ptz网lgxhd版权所有,请勿未授权转载!!!

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

虎qg泰pzg克yx新gnz闻mxovb网kbvzq版权所有,请勿未授权转载!!!

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

虎kn泰xmaco克_j新q闻hzgf网pv版权所有,请勿未授权转载!!!

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

虎q泰wc克fg新eyeon闻mh_网wmqcf版权所有,请勿未授权转载!!!

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

虎kxeu泰w克rik新up闻c__n网i版权所有,请勿未授权转载!!!

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

虎y泰xatu克pbxsc新ihqik闻twky网m版权所有,请勿未授权转载!!!

image.png

虎ds泰ean克ntyfb新b闻dnlq网y版权所有,请勿未授权转载!!!

默认主题色

虎ct泰_克r新_闻m网wahh版权所有,请勿未授权转载!!!

image.png

虎miia_泰pg克eozx新pb_闻az网qswz版权所有,请勿未授权转载!!!

后台配置模块

虎_of泰wexev克yqqxx新jlq闻mtuym网r版权所有,请勿未授权转载!!!

image.png



заявление: все рукописи и диаграммы, которые перевернулись, для того, чтобы получить больше информации и удобного изучения, не означают, что станция и организатор, организатор и спонсор согласны с их взглядами или подтверждают их подлинность, содержание статьи только для справки, если нарушение прав автора обратитесь к администратору сайта.

Спасибо за комментарий!

Список комментариев

    Пока нет данных