小程序自定义导航栏适配(完美版),小程序view设置边框

小程序自定义导航栏适配(完美版),小程序view设置边框

导航栏高度= 胶囊按钮高度+ 状态栏到胶囊按钮间距* 2 + 状态栏高度注：由于胶囊按钮是原生组件，为表现一致，其单位在各种手机中都为px,所以我们自定义导航小程序自定义导航栏，使用uni-app,实现了微信和支付宝小程序通用导航栏的自定义方案。解决了ios系统微信小程序偶尔获取不到箭囊按钮信息带来的问题写这篇博客的

∪０∪ 今天我们就来说说自定义navigationBar,把它改变成我们想要的样子(搜索框+胶囊、搜索框+返回按钮+胶囊等)。思路隐藏原生样式获取胶囊按钮、状态栏相关数据以供后续计算根据不同机型计算出该机大部分情况下我们都是使用微信官方自带的navigationBar 配置，但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。思路隐藏官方导航栏获取胶囊按钮、状态栏相关

≥＾≤ 小程序组件navigation-bar 小程序自定义导航栏适配完美解决内容上下不居中问题Navigation Navigation 是小程序的顶部导航组件，当页面配置navigationStyle 设置为custom

目前小程序已在前端占了一席之地，最近公司项目上用的就是小程序开发，由于功能及页面不是很多，所以直接原生开发，毕竟坑可能会少点，在开发过程中，小程序自带导航栏

参考文档：小程序自定义导航栏适配(完美版) js Component({properties:{background:{type:String,value:'rgba(255, 255, 255, 1)'},color:{type:String,value:'1、发现问题小程序页面自定义导航栏功能已经开放有些日子了(还不知道这个功能的可以先>>了解一下),这极大的提升了小程序开发的自由度，相信不少小伙伴已经使用

导航栏高度= 胶囊按钮高度+ 状态栏到胶囊按钮间距* 2 + 状态栏高度注：由于胶囊按钮是原生组件，为表现一致，其单位在各种手机中都为px,所以我们自定义导航栏的单位都必需导航栏高度= 胶囊按钮高度+ 状态栏到胶囊按钮间距* 2 + 状态栏高度注：由于胶囊按钮是原生组件，为表现一致，其单位在各种手机中都为px,所以我们自定义导航栏的单位都必需

后台-插件-广告管理-内容页尾部广告（手机）