导航栏制作适配多端

一、导航栏组件创建

1. 定义导航栏组件

2. 引入导航栏组件

   

同名组件支持easycomment，不需要使用import方式进行导入即可使用

3. 结构搭建

   1. 图标使用

      uni-icons图标插件安装：https://ext.dcloud.net.cn/plugin?id=28 (opens new window)

4. 处理小程序显示错位问题

   微信及APP应用实现状态栏高度占位处理

   方法参考地址：https://uniapp.dcloud.io/api/system/info?id=getsysteminfosync (opens new window)

   

   微信小程序胶囊信息获取

   文档参考地址:https://uniapp.dcloud.io/api/ui/menuButton?id=getmenubuttonboundingclientrect (opens new window)