虎泰克博客

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


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

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

虎mk泰vsw克m新gnhtx闻p网x版权所有,请勿未授权转载!!!

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

虎ub泰zopoy克n新e_闻hevcd网qbn版权所有,请勿未授权转载!!!

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

虎btogx泰r克wzdse新pykd闻osqdq网yniox版权所有,请勿未授权转载!!!

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

虎y泰p克ujuc新nh闻igy网w_qd版权所有,请勿未授权转载!!!

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

虎vril泰soj克bjkah新gn闻t网zhwpm版权所有,请勿未授权转载!!!

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

虎meaon泰z克xf新m闻yqipw网twv版权所有,请勿未授权转载!!!

image.png

虎yrvx泰rqvp克k新snute闻aw网hwtbc版权所有,请勿未授权转载!!!

默认主题色

虎dyyy泰dwzsl克kouc新hxip闻ydg网txl版权所有,请勿未授权转载!!!

image.png

虎flqqf泰tn克hjou新fh闻bqar网o版权所有,请勿未授权转载!!!

后台配置模块

虎n泰et克ednhi新x闻f网knfx版权所有,请勿未授权转载!!!

image.png



ถ้าคุณมีข้อมูลอื่นๆใดๆเกี่ยวกับเรื่องนี้กรุณาเพิ่มฟรี

เข้าสู่ระบบเพื่อแสดงความคิดเห็น

แสดงความคิดเห็น

    ไม่มีข้อมูล