小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序中如何动态加载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样式
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
有一种方法,使用 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样式