小程序 去掉顶部bar,刘海屏挡住了文字，怎么解决

Question

如图，这种情况要怎么解决，谢谢！

Answer 1

是否判断刘海，windowIsBang结果：true表示有，false表示没有

var page_this = this;
wx.getSystemInfo({
    success: (res) => {
        page_this.setData({
            windowHeight: res.windowHeight,
            windowWidth: res.windowWidth,
            windowIsBang: (res.windowWidth / res.windowHeight < 0.5 ? true : false) //判断是否刘海
        })
    }
})

调整的元素样式

<view class="h-false" style="height:calc({{windowIsBang ? 40 : 16}}px + 52px);"></view>