ionic动态切换主题皮肤
2017-09-27 16:13
281 查看
本来想通过css自定义属性值:
:root{
--red:red;
}
p{
color:var(--red);
}
div{
background:var(--red);
}
在ionic2设置动态切换主题,结果在网页chrome调试下可以实现,不过在模拟器和真机下就失效了......
原因:有可能是sass编译的影响。
后来换了一个思路,既然自定义属性值不行,就采用传统办法了(不太喜欢)--通过js更换css配置,可以写多个skin.css,进行切换。
:root{
--red:red;
}
p{
color:var(--red);
}
div{
background:var(--red);
}
在ionic2设置动态切换主题,结果在网页chrome调试下可以实现,不过在模拟器和真机下就失效了......
原因:有可能是sass编译的影响。
后来换了一个思路,既然自定义属性值不行,就采用传统办法了(不太喜欢)--通过js更换css配置,可以写多个skin.css,进行切换。
相关文章推荐
- Silverlight 皮肤(主题)动态切换
- Android动态切换主题
- Ext动态主题切换
- 轻松实现Android 更换皮肤(主题) - 资源打包为apk,使用AssetManager动态解析调用
- Thinkphp动态切换主题
- CSS样式切换技巧 - 动态更换网页色彩皮肤
- WPF Theme 主题切换. 动态变换
- [ExtJS5学习笔记]第二十九节 sencha ext js 5.1.0中动态更换皮肤主题
- Sublime Text主题皮肤安装与切换使用方法
- Android 主题动态切换框架:Prism
- Android应用主题动态切换
- Android 实现切换主题皮肤功能(类似于众多app中的 夜间模式,主题包等)
- [ExtJS5学习笔记]第二十九节 sencha ext js 5.1.0中动态更换皮肤主题
- 动态切换主题(cookie)
- iOS主题皮肤切换示例Demo下载 一步一步实现主题切换
- Sublime Text2两款漂亮的主题皮肤安装与切换使用方法
- Ext:动态更换主题(皮肤)
- [ExtJS5学习笔记]第二十九节 sencha ext js 5.1.0中动态更换皮肤主题
- 【译】Android主题动态切换开源库Prism基本原理2-搭配ViewPager使用
- Android_切换主题或皮肤的实现方式