原生内嵌H5移动端,解决ios刘海屏适配问题
原生内嵌H5移动端,解决ios刘海屏适配问题。
·
<div class="evaluate-box">
<van-nav-bar safe-area-inset-top
left-arrow
@click-left="resultClick"
title="问题反馈"
fixed
/>
<div class="eva-style">
<van-cell
required
title="问题反馈类型"
@click="feedbackClick"
is-link
:value="mapObj[feedBackData.pfType]"
arrow-direction="down"
/>
</div>
</div>
.evaluate-box {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
background-color: rgb(255, 255, 255);
.eva-style {
@supports (height: constant(safe-area-inset-top)) or
(height: env(safe-area-inset-top)) {
padding-top: calc(48px + constant(safe-area-inset-top));
padding-top: calc(48px + env(safe-area-inset-top));
}
width: 100%;
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)