2***@qq.com
2***@qq.com
  • 发布:2019-04-26 18:17
  • 更新:2019-04-26 18:25
  • 阅读:2568

局部.vue页面引入css样式文件,含有var属性的样式无效

分类:HBuilderX

详细问题描述

在全局App.vue中引入css后,页面中使用带有var属性的样式没问题
但是在局部.vue页面引入css样式文件后,页面中使用带有var属性的样式却无效了,请问是什么问题呢?

IDE运行环境说明

[HBuilderX]

[1.9.0]

[windows10]

uni-app运行环境说明

[运行端是h5]

[Chrome最新版]

[项目是HBuilderX创建的]

[编译模式是老模板模式]

联系方式

[QQ] 2665815069

2019-04-26 18:17 负责人:无 分享
已邀请:
ZGH0709

ZGH0709

var 读取变量的样式无效?

  • 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

该问题目前已经被锁定, 无法添加新回复