微信小程序设置自定义头部居中

设计图界面需要使用自定义头部

代码语言：javascript复制

 "navigationStyle":"custom"

标题等信息就需要与胶囊按钮对齐

代码语言：javascript复制

  // 获取胶囊信息
  let rect = wx.getMenuButtonBoundingClientRect()
  // 获取标题文字信息
  let query = wx.createSelectorQuery()
  query.select('.title').boundingClientRect()
  query.exec((res) => {
      let textHeight = res[0].height
      let top = rect.top   rect.height / 2 - textHeight / 2
      return top
  })

微信小程序

0 人点赞