var(--status-bar-height)不起作用

[magicsgxie]

Hello <script> export default { } </script> <style> .index { flex: 1; flex-direction: column; } .status { height: var(--status-bar-height); width: 100%; } .top_view{ height: var(--status-bar-height); width: 100%; position: fixed; top: 0; } .content{ justify-content: center; align-items: center; } </style>

"globalStyle": {
	"navigationStyle": "custom"
},

这里已经开启了
在andriod 6.0的手机上不起作用？这个是不是BUG，还是不支持

[xiaoyucoding]

首先检查下 HBuilderX 版本是否已顺利升级至 20180810 版，补充一个完整的 vue 文件的代码，方便重现问题。
PS：注意贴代码时，用 ``` 包围代码，可以清晰地预览代码内容。

[Zhjoker]

@magicsgxie 你的问题解决了吗

·

<script> export default { name: "page-head", props: { title: { type: String, default: "" } } } </script> <style> .page-head{ height:calc(var(--status-bar-height) + 88px); background-color: #007AFF; } .top-view{ width: 100%; position: fixed; top: 0; } .status{ height:var(--status-bar-height); } </style>·

[Zhjoker]

版本 0905

[Zhjoker]

Android7.1.1

[Zhjoker]

@xiaoyucoding

[hbcui1984]

@Zhjoker

建议通过微信开发者工具，去调试一下css定义，确认是css变量值未生效，还是flex布局错乱。

[hbcui1984]

issue超过1个月不回应，暂时关闭，若继续有问题，可以重开或发新issues