怎么定位使组件与右上角胶囊顶部对齐？
发布于 6 年前 作者 wkang 1731 次浏览 来自 问答

navigationBar使用的使“custom”

现在想搜索框与胶囊平齐该怎么做？

目前搜索框使用的是绝对定位

2 回复

wx.getMenuButtonBoundingClientRect()

这个函数可以取到胶囊按钮的各种尺寸，再经过简单的计算就可以了

先获取到系统状态栏的高度，各种机型的高度是不一样的可以在app.js全局存起来

statusBarHeight: wx.getSystemInfoSync()['statusBarHeight']


然后再页面调用在你自定义顶部栏的内置样式添加style="padding-top:{{statusBarHeight}}px;（注意是px不是rpx）

然后设置顶部栏的高度为60px(默认)padding-right: 200rpx

然后弹性盒子居中

回到顶部