详细问题描述
在全局App.vue中引入css后,页面中使用带有var属性的样式没问题
但是在局部.vue页面引入css样式文件后,页面中使用带有var属性的样式却无效了,请问是什么问题呢?
IDE运行环境说明
[HBuilderX]
[1.9.0]
[windows10]
uni-app运行环境说明
[运行端是h5]
[Chrome最新版]
[项目是HBuilderX创建的]
[编译模式是老模板模式]
联系方式
[QQ] 2665815069
在全局App.vue中引入css后,页面中使用带有var属性的样式没问题
但是在局部.vue页面引入css样式文件后,页面中使用带有var属性的样式却无效了,请问是什么问题呢?
[HBuilderX]
[1.9.0]
[windows10]
[运行端是h5]
[Chrome最新版]
[项目是HBuilderX创建的]
[编译模式是老模板模式]
[QQ] 2665815069
2***@qq.com (作者)
是的,在全局App.vue中引入后,所有页面都没问题,但是在局部某个页面引入后,读取var样式就无效了
2019-04-26 18:42
ZGH0709
回复 2***@qq.com: 平台是什么,var 的样式是加在元素上,还是组件上?
2019-04-26 18:45
2***@qq.com (作者)
回复 ZGH0709: 是在css中的:.bg-gray {
background-color: #f0f0f0;
color: var(--black);
}
2019-04-26 18:49
ZGH0709
回复 2***@qq.com: 尽量不要用原生变量吧,在各个平台上会有兼容性问题。
2019-04-26 19:09
2***@qq.com (作者)
回复 ZGH0709: 好的,我再想想办法
2019-04-26 19:21