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',
});
})
});