收藏
回答

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

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

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


回答关注问题邀请回答
收藏

4 个回答

  • 女娲的小泥人
    女娲的小泥人
    2017-10-30

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

    如需代码,请访问:

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

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

    2017-10-30
    有用
    回复 1
    • Cynthia.🍀
      Cynthia.🍀
      08-29
      可以重新给个链接吗,之前的打不开了
      08-29
      回复
  • 小程序、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
    有用
    回复 1
    • 🇨🇳
      🇨🇳
      2021-03-25
      同问,可以用js动态控制加载的cs文件吗
      2021-03-25
      回复
登录 后发表内容