1.iphone全面屏安全区设置
constant(safe-area-inset-bottom)
env(safe-area-inset-bottom)
可以根据具体业务做具体j计算页面上view高度或者padding等
2.自定义顶部高度
wxml:
<view class="header nav-wrap" style='height: {{height*2 + 20}}px;{{headerStyle}}'> <image src="/static/images/index_header_bg.png" mode="widthFix" class="bg"></image> <view class='nav-title title' style='line-height: {{height*2 + 44}}px;'> <image class="logo" src="/static/images/index_logo.png"></image> 你的标题 </view> </view>
页面js:
data:{
height: app.globalData.height,
}
app.js
wx.getSystemInfo({ success: (res) => { this.globalData.height = res.statusBarHeight } }) globalData: { height:0 }
如在滚动页面过程中有需要处理的逻辑或者样式等,在onPageScroll里面去实现:
onPageScroll: function (e) { // 获取滚动条当前位置 let scrollTop = e.scrollTop if (scrollTop >= (this.data.height * 3 )) {//这里的 this.data.height * 3 是我根据我的业务逻辑来做的判断 ,你可以使用你应用需要的值 let h = this.data.height*2+44 处理你的逻辑... } else { 处理你的逻辑... } },