虎泰克博客

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


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

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

虎aptn泰z克_epu新d闻zmk网cjtq版权所有,请勿未授权转载!!!

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

虎himlc泰smmab克y新zjdc闻xox网mgt版权所有,请勿未授权转载!!!

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

虎x_l泰pmpe克fl新le闻gvdla网ryzrn版权所有,请勿未授权转载!!!

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

虎hb泰mble克klmxt新i闻w网tchef版权所有,请勿未授权转载!!!

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

虎vekn泰fpr克e新kxfpn闻mahvg网qz版权所有,请勿未授权转载!!!

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

虎qo泰jopw克cgg新qh闻zky网refv版权所有,请勿未授权转载!!!

image.png

虎f泰rgzp克yt_b新ozad闻k网nqrmf版权所有,请勿未授权转载!!!

默认主题色

虎o泰aezz克qdzci新ialzv闻ywf网ehnwj版权所有,请勿未授权转载!!!

image.png

虎wkr泰playg克e新k闻__a网uu_版权所有,请勿未授权转载!!!

后台配置模块

虎sl泰wca克je新tu闻o网ibk版权所有,请勿未授权转载!!!

image.png



Δήλωση: όλα τα άρθρα / τα σχέδια που αναδημοσιεύονται στον δικτυακό τόπο έχουν ως σκοπό τη διαβίβαση περισσότερων πληροφοριών και τη διευκόλυνση της συζήτησης, πράγμα που δεν σημαίνει ότι ο δικτυακός τόπος, ο οικοδεσπότης και ο διοργανωτής συμφωνούν με τις απόψεις τους ή επιβεβαιώνουν τη γνησιότητα του περιεχομένου τους. Τα περιεχόμενα των άρθρων είναι μόνο για αναφορά. Εάν παραβιαστούν τα δικαιώματα του αρχικού συγγραφέα, επικοινωνήστε με τον διαχειριστή του δικτυακού τόπου.

Υπόγραψε στο σχόλιο

Λίστα σχολίων

    Δεν υπάρχουν δεδομένα