微信小程序-自定义导航栏-免费开源
先看看效果吧。 [图片] [图片] [图片] [图片] 两种状态(可在组件灵活配置) 1,在tabBar页面,统一显示在左边。(看上面图片) 2,在非tabBar页面,统一显示在中间。(看上面图片) 配置返回弹窗:(对物理按键无效 1,将需要返回弹窗的页面路径配置在returnWindow数组里面即可。 [图片] 2,wxml页面,设置弹窗内容 [图片] [图片] 引用:(需要开发版Nightily工具才能正常体验 app.json全局配置"navigationStyle": "custom"。或者单个页面也行。app.json全局引入自定义组件和icon图标。需要引入weui。路径的话,自己看着办。app.json相对你组件的位置。 [图片] 3,到页面wxml引用了,就一行代码。<navigation title="搜索"></navigation> [图片] 解释: [图片] index即首页。 tabBarList中的页面即展示左边标题。不在的页面则展示左边菜单,中间标题。可到组件中灵活配置 returnWindow返回需要弹窗的页面数组。 样式方面: 使用的是cover-view+fixed定位 真实案例小程序:(问卷调查时间) [图片] 代码片段: https://developers.weixin.qq.com/s/UA7X0emv7wes