ionic动态切换主题皮肤

本来想通过css自定义属性值:

  :root{

    --red:red;

  } 

  p{

    color:var(--red);

  }

  div{

    background:var(--red);

  }

在ionic2设置动态切换主题,结果在网页chrome调试下可以实现,不过在模拟器和真机下就失效了......

原因:有可能是sass编译的影响。

后来换了一个思路,既然自定义属性值不行,就采用传统办法了(不太喜欢)--通过js更换css配置,可以写多个skin.css,进行切换。

posted @ 2017-09-27 16:13  dnoyeb  阅读(578)  评论(0编辑  收藏  举报