需求
我们在自定义标题的时候,需要计算的值主要包括状态栏和标题栏的高度,具体如下:
状态栏
这个比较好计算,直接调用方法即可:
ztlHeight = uni.getSystemInfoSync().statusBarHeight;
标题栏
对于小程序而言,考虑到右边有个 胶囊 ,所以计算的时候按照如下原则:
胶囊 + 2 * (胶囊顶部到顶的距离 - 状态栏的高)
而对于H5或者APP这种没有胶囊的,直接写死一个合适的值即可。由此,最终代码如下:
// #ifndef APP-PLUS || H5
btlHeight = (uni.getMenuButtonBoundingClientRect().top - ztlHeight) * 2 + uni.getMenuButtonBoundingClientRect().height;
// #endif
// #ifdef APP-PLUS || H5
btlHeight = uni.upx2px(80);
// #endif
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。