虎泰克博客

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


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

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

虎h泰ui克wr新wzxua闻sykk网ugdt版权所有,请勿未授权转载!!!

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

虎xa泰sg克gyv新r_闻jri网r__版权所有,请勿未授权转载!!!

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

虎qew泰ypjwr克qq新sd闻w网g版权所有,请勿未授权转载!!!

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

虎tiu泰kgjms克jxf_b新zs闻j网diz_版权所有,请勿未授权转载!!!

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

虎gt泰p克ce新nm闻wws网v_k版权所有,请勿未授权转载!!!

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

虎gihty泰x克ujhsh新g闻akk网bc版权所有,请勿未授权转载!!!

image.png

虎ejxup泰hx克quirl新gfeeg闻vwj网qn版权所有,请勿未授权转载!!!

默认主题色

虎wk泰ffij克xz新spf闻j_kv网dvhp版权所有,请勿未授权转载!!!

image.png

虎lzigh泰tl克fbvxn新gd闻zl网zojj_版权所有,请勿未授权转载!!!

后台配置模块

虎nie泰_gxps克gyv新vqt闻ew_网w版权所有,请勿未授权转载!!!

image.png



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

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

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

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