方法1：使用css
/*样式直接复制到项目的App.vue即可*/
.uni-tabbar {
/*.uni-tabbar__item:nth-last-child(3) 修改倒数第三个 也就是中间的图标 我这边底部栏是五个*/
.uni-tabbar__item:nth-last-child(3) {
.uni-tabbar__bd {
/*.uni-tabbar__icon 去掉原图标大小，强制为自适应宽高*/
.uni-tabbar__icon {
width: auto !important;
height: auto !important;
}
/*图标大小 !important 强制覆盖*/
img {
height: 70rpx !important;
width: 70rpx !important;
}
}
}
}方法2：配置midButton（和tabbar中list同级）
"midButton": {
"width": "48px",
"height": "48px",
"text": "",
"iconPath": "static/tabbar/home-s.png",
"iconWidth": "48px",
}
API放在一个app.vue的页面内就好了。url里填写你要跳转的路径。
uni.onTabBarMidButtonTap(()=>{
uni.navigateTo({
url: '/pages/card/card'
});
})官网资料：uni-app官网