虎泰克博客

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


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

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

虎fq泰ts克kuckz新txjg闻dhg网x版权所有,请勿未授权转载!!!

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

虎q泰v克btel新co_is闻wfceu网tjq版权所有,请勿未授权转载!!!

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

虎g泰i克m新dl闻r网nwnww版权所有,请勿未授权转载!!!

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

虎vsbpg泰nqra克j新k闻fkkjf网kcbh版权所有,请勿未授权转载!!!

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

虎_jj泰_uyzj克nnp新jmzi闻p网vud版权所有,请勿未授权转载!!!

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

虎l泰ol克o新ve闻gcj网ofh版权所有,请勿未授权转载!!!

image.png

虎et泰kgs克mrtti新o闻ejiio网dcz版权所有,请勿未授权转载!!!

默认主题色

虎wx泰k克wezl新jv闻i网ro版权所有,请勿未授权转载!!!

image.png

虎r泰hwruo克g新zjpng闻afnvn网ipx版权所有,请勿未授权转载!!!

后台配置模块

虎ava泰oiv克iseo新fsqiw闻nlgmw网bwhi版权所有,请勿未授权转载!!!

image.png



من أجل نقل المزيد من المعلومات و تيسير المناقشة ، لا يعني أن الموقع و منظم و المقاول يوافق على وجهة نظره أو يؤكد أصالة محتوياته ، هذه المادة هي للإشارة فقط ، إذا كان انتهاك حقوق المؤلف الأصلي ، يرجى الاتصال بمسؤول الموقع

تسجيل الدخول لتعليق

قائمة التعليقات

    بيانات مؤقتة