test654
test654
  • 发布:2020-02-27 13:54
  • 更新:2021-02-09 10:32
  • 阅读:2368

var(--status-bar-height)写在app.vue里面,在app端无效

分类:uni-app

.status_bar {
background-color: #fff;
width: 100%;
height: var(--status-bar-height);
}
上面的class类名我写在app.vue里面作为全局样式,然后在app的页面上使用却没有高度。同样的代码复制到页面上去就没问题。。

2020-02-27 13:54 负责人:无 分享
已邀请:
test654

test654 (作者) - 深圳小前端

在小程序浏览却可以

1***@qq.com

1***@qq.com - 前端

我也遇到了这个问题,升级到新版本以后出现的

  • Jiang731619

    编译模式改为最新的V3模式就可以了


    2020-03-03 10:41

9***@qq.com

9***@qq.com - 全栈工程师

是因为 <view class="status_bar"><!-- 这里是状态栏 --></view> 标签里面是空内容,可以给 .status_bar加个样式,里面的color自己定义

.status_bar::after{  
		content: 'q';  
		color: #007AFF;  
	}

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