怎么定位使组件与右上角胶囊顶部对齐?

发布于 8 年前作者 wkang1912 次浏览最后编辑 8 年前来自 ask

navigationBar使用的使“custom”

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

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

2 回复
jiangxiuying
jiangxiuying1 楼5 年前

wx.getMenuButtonBoundingClientRect()

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

nsu
nsu2 楼5 年前

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

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


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

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

然后弹性盒子居中