小程序中如何动态加载css代码块 - WXOPEN Club

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

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

lhe 1楼•5 年前

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

如需代码，请访问：

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

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

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

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

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

即可。

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

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

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

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