关于uniapp:uniapp自定义跨端标题头相关说明

10次阅读

共计 401 个字符,预计需要花费 2 分钟才能阅读完成。

需要

咱们在自定义题目的时候,须要计算的值次要包含状态栏和标题栏的高度,具体如下:

状态栏

这个比拟好计算,间接调用办法即可:

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
正文完
 0