自定义顶部导航栏

1、替换微信小程序默认使用的顶部导航栏

  

2、在进行开发前查阅api。初步分析主要思路就是关闭默认的导航栏,自己定义写一个浮动到最上面的。整体上还是蛮简单的

  2.1获取导航栏的高:

    通过wx.getMenuButtonBoundingClientRect获取右上角的胶囊按钮参数

    wx.getSystemInfo获取设备的信息

  2.2剩下的布局计算什么自己看着来,注意这里获取的单位是px。

  2.3进行设置左边按钮,需要使用设备的信息来布局,这样才是适配的。

  2.4后面空下来再上代码

posted @ 2020-10-10 15:27  xushenz  阅读(289)  评论(0)    收藏  举报