收藏
回答

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

问题模块
开发者工具

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

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


最后一次编辑于  2017-10-28  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

4 个回答

  • 吃软饭.孙
    吃软饭.孙
    2017-10-30

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

    如需代码,请访问:

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

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

    2017-10-30
    赞同
    回复
  • 惠聪网络~微信小程序APP开发
    惠聪网络~微信小程序APP开发
    2017-10-30

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

    2017-10-30
    赞同
    回复
  • 吃软饭.孙
    吃软饭.孙
    2017-10-30

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

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

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

    this.setData({theme:"light"});

    即可。

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

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

    2017-10-30
    赞同
    回复
  • 惠聪网络~微信小程序APP开发
    惠聪网络~微信小程序APP开发
    2017-10-28

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

    2017-10-28
    赞同
    回复