uniapp 中间tabbar的实现

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

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

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

"midButton": {
      "width": "64px",
      "height": "62px",
      "iconWidth": "68px",
      "iconPath": "./static/[email protected]"
    }

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

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