虎泰克博客

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


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

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

虎ghrmo泰wiip克yohu新cdpag闻rcf网au版权所有,请勿未授权转载!!!

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

虎yv泰vz克aswmj新rzz闻gvi网fyt_版权所有,请勿未授权转载!!!

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

虎mizsk泰tluu克n新onws闻_sig网ybe版权所有,请勿未授权转载!!!

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

虎cosja泰id克oz新xzh闻pa网_yzty版权所有,请勿未授权转载!!!

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

虎ylib泰b克sq新dvho闻qwnsu网p版权所有,请勿未授权转载!!!

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

虎wqfc泰wd克a新fwczi闻ikbcq网kjzwv版权所有,请勿未授权转载!!!

image.png

虎pwf泰qlr克g新b闻ec网azt版权所有,请勿未授权转载!!!

默认主题色

虎qayh泰hh_t克calj新wlz闻gajcb网hj版权所有,请勿未授权转载!!!

image.png

虎ve泰dk克alzg新s闻k网sbm版权所有,请勿未授权转载!!!

后台配置模块

虎v泰old克n_新zlq闻lbds网v版权所有,请勿未授权转载!!!

image.png



성명: 본 사이트 에 옮 겨 실 린 문서 / 그림 등 원 고 는 모두 더 많은 정 보 를 전달 하고 토론 하 는 목적 에서 본 사이트 와 주최, 담당 부서 가 자신의 의견 을 찬성 하거나 그 내용 의 진실성 을 증명 하 는 것 을 의미 하지 않 는 다. 글 의 내용 은 참고 로 제공 하고 원작 자의 권 리 를 침해 하면 사이트 관리자 에 게 연락 하 십시오.

로그인 으로 논평 을 발표하다

평론 목록

    일시 데이터 없음