本来想通过css自定义属性值:
:root{
--red:red;
}
p{
color:var(--red);
}
div{
background:var(--red);
}
在ionic2设置动态切换主题,结果在网页chrome调试下可以实现,不过在模拟器和真机下就失效了......
原因:有可能是sass编译的影响。
后来换了一个思路,既然自定义属性值不行,就采用传统办法了(不太喜欢)--通过js更换css配置,可以写多个skin.css,进行切换。
2022-04-02 09:32:30
本来想通过css自定义属性值:
:root{
--red:red;
}
p{
color:var(--red);
}
div{
background:var(--red);
}
在ionic2设置动态切换主题,结果在网页chrome调试下可以实现,不过在模拟器和真机下就失效了......
原因:有可能是sass编译的影响。
后来换了一个思路,既然自定义属性值不行,就采用传统办法了(不太喜欢)--通过js更换css配置,可以写多个skin.css,进行切换。