对于主题色,有没有什么比较好的解决方案?
发布于 6 年前 作者 jinxiulan 14950 次浏览 来自 问答

    对于一个产品,会有一个大体上的风格样式和主题色;

    但是如果对于某些希望能够自定风格的,如某些app上的不同主题,会同时更改背景颜色,字体颜色,顶部栏颜色等等;

    在小程序上实现起来却不是很方便,以下是我现在使用的设置方式:

        1.从服务器获取主题色,并将其置于app.globalData

        2.在需要使用的页面获取到该颜色值,然后setData进页面数据

        3.在页面上元素中添加style=“background-color:{{color}}”

    而以上是我所有需要此颜色的页面都会进行2.3步操作,感觉很繁琐

    有没有什么更加简便的方式来实现类似的功能

1 回复

用css变量实现

优点:

只需设置最顶层元素style,内部元素直接在wxss中取值

切换主题色不需要频繁setData,响应迅速

不受组件样式隔离影响

回到顶部