虎泰克博客

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


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

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

虎unwh泰tj克xyxly新b闻gtisi网ffuqg版权所有,请勿未授权转载!!!

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

虎k泰lokv克f_hr新w闻z网afpg版权所有,请勿未授权转载!!!

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

虎az泰w克mfqd新kxpld闻_dvkg网r版权所有,请勿未授权转载!!!

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

虎suw泰tbnv克mpyy新vbsea闻ai网doi版权所有,请勿未授权转载!!!

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

虎gqax泰vrke克hun新qfi闻xtn网tf版权所有,请勿未授权转载!!!

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

虎vuyd泰xl克yrt新fi闻thd_网ddm版权所有,请勿未授权转载!!!

image.png

虎_泰uyr克av新_ag闻fixr网g版权所有,请勿未授权转载!!!

默认主题色

虎ojqyr泰cxw克fboxz新hppll闻nf网rusbi版权所有,请勿未授权转载!!!

image.png

虎turzj泰wlu克ockk新ub闻xrqrp网yf版权所有,请勿未授权转载!!!

后台配置模块

虎ddwre泰u克sfmlr新bzc闻i_网yhzrw版权所有,请勿未授权转载!!!

image.png



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

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

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

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