方法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",
"iconW服务器托管网idth":服务器托管网 "48px",
}
API放在一个app.vue的页面内就好了。url里填写你要跳转的路径。
uni.onTabBarMidButtonTap(()=>{
uni.navigateTo({
url: '/pages/card/card'
});
})
官网资料:uni-app官网
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
相关推荐: python异步切片下载文件(内置redis获取任务 mongo更新任务状态等)
异步切片下载二进制文件并上传桶删除本地文件 import json import os import asyncio from urllib import parse import aiohttp import aioredis from motor.moto…