小程序中如何动态加载css代码块
发布于 6 年前 作者 weitan 16006 次浏览 来自 问答

小程序中如何动态加载css代码块,如果我需要做一个动态风格的页面,比如整体风格换色,应该如何做?

类似this.setData 的this.setCss之类能动态设置样式的功能。

4 回复

有一种方法,使用 wxParse 融合 cssToJson ,然后修改 wxParse 中的代码,进行 link 及 style 标签的支持,然后绑定到相应的 node 上即可。具体做法比较麻烦,但是经过本人亲身测试可以实现。

如需代码,请访问:

https://git.math3d.xyz/nivk/WeAppJyoUI

使用其中的 HTMLView 组件,以上内容全部包括。

您可以在最外层套上一层 view ,用于控制样式。

如: <view class="{{theme}}">…您的其他标签…</view>

然后通过 JS 中的 data 对象设置:

this.setData({theme:“light”});

即可。

其中要设置的值可以通过网络请求得到。

当然,前提是我们在 wxss 中已经存在此主题样式。

这种方式我知道,我是想用户在后台可以控制某些自定义样式配置,比如用户自己设置字体颜色,按钮颜色,背景色,背景图之类的可自定义风格,不是固定的风格

让用户选择小程序的主题样式,怎样去动态控制引入样式文件?wxss中可以用像{{data}}.css这样的吗?或者this.setCss直接载入css样式

回到顶部