uniapp中Tabbar突出图标功能实现
uniapp中Tabbar突出图标功能实现
·
在pages.json里面配置tabbar属性
"tabBar": {
"color": "#999999",
"selectedColor": "#FA436A",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"height": "50px",
"fontSize": "10px",
"iconWidth": "24px",
"spacing": "3px",
"midButton": {
"height": "70px", //修改距离底下的高度
"iconWidth": "50px", // 缩放图片大小 自己调整
"iconPath": "static/33cd2904c1d0e00cce947d9248eee4a.png",
"selectedIconPath": "static/5x471a3cb9de2330f0d7ee72547772bd7.png",
"text": "油枪"
},
"list": [
{
"pagePath": "pages/workbenck/workbenck",
"iconPath": "static/icon/gongzuotai-copy.png",
"selectedIconPath": "static/workdeskPink.png",
"text": "工作台"
},
{
"pagePath": "pages/mine/mine",
"iconPath": "static/icon/zhanghao.png",
"selectedIconPath": "static/myPersonPink.png",
"text": "我的"
}
]
},
tabbar配置minbutton 点击完从哪里跳转? 在App.vue当中配置
onLaunch: function() {
console.log('App Launch')
uni.onTabBarMidButtonTap(()=>{
console.log(123) //你先试试点一下有没有反应 有反应了再跳
uni.navigateTo({
url:'/pages/sweepCode/sweepCode'
})
});
},
更多推荐
已为社区贡献2条内容
所有评论(0)