uniapp 中间tabbar的实现

UI 需求 ： 有五个tabbr栏 ，中间的按钮更大 ，如图 ：

说明 ： 在tabbar中的list 配置 其他四个tabbar ：首页 精华 社区 我的

1. 在page.json中配置  在tabbar中 ，与list 平级 ，设置按钮的显示 

"midButton": {"width": "64px","height": "62px","iconWidth": "68px","iconPath": "./static/center@2x.png"}

2. 在App.vue中设置中间按钮的跳转 

onLaunch(() => {console.log("App Launch");// uni.hideTabBar()uni.onTabBarMidButtonTap(() => {uni.navigateTo({url: '/pages/diagnosis/diagnosis',});})
});