1、先声明
2、写wxml
<view class="box"> <!-- 状态栏高度 --> <view style="height: {{statusBarHeight}}px"></view> <!-- 标题栏高度 --> <view class='nav' style="height: {{toBarHeight}}px;" bindtap="backClick"> <!-- <image src="/image/tab/icon_item_1.png"></image>--> <view class="img-back"><van-icon name="arrow-left" size="22" /></view> <text class="title-custom" style="height: {{toBarHeight}}px;line-height: {{toBarHeight}}px">{{cusTitle}} </text> </view> </view>
3、设置状态栏高度
statusBarHeight: 44, //状态栏初始高度 toBarHeight: 44, //标题栏高度:安卓:48px,iOS:44px;单位必需跟胶囊按钮一致用px
// 手机状态栏的高度 let sysinfo = wx.getSystemInfoSync(); this.setData({ statusBarHeight: sysinfo.statusBarHeight })