一、使用
项目里面要求App中间按钮凸起，点击可以跳转，在官网上看到tabbar的配置，可以用midButton来实现；我们目前这个项目是要求多端，性能要求不是太高，所以就用的uniapp；
1.pages.json中的配置
"tabBar": { "color": "#000000", "selectedColor": "#f00", "backgroundColor": "#fff", "midButton": { "iconPath": "./static/weixin/tabbar/mine.png", "iconWidth": "40px", "height": "75px", "text": "我的賬戶" }, "list": [ // 小程序tabbar { "pagePath": "pages/wexin/coupons/coupons", "iconPath": "./static/weixin/tabbar/coupons.png", "selectedIconPath": "./static/weixin/tabbar/selectedCoupons.png", "text": "電子優惠券" }, { "pagePath": "pages/wexin/printing/printing", "iconPath": "./static/weixin/tabbar/printing.png", "selectedIconPath": "./static/weixin/tabbar/selectedPrinting.png", "text": "電子印花" }, { "pagePath": "pages/wexin/discount/discount", "iconPath": "./static/weixin/tabbar/discount.png", "selectedIconPath": "./static/weixin/tabbar/selectedDiscount.png", "text": "優惠獎賞" }, { "pagePath": "pages/wexin/favorite/favorite", "iconPath": "./static/weixin/tabbar/love.png", "selectedIconPath": "./static/weixin/tabbar/selectedLove.png", "text": "我的最愛" } ] }
midButton 属性说明
2. midButton没有pagePath，需监听点击事件，官网上面有监听点击midButton的API：uni.onTabBarMidButtonTap
3.我的是在APP.vue里面调用，打开一个页面；
onShow: function() { uni.onTabBarMidButtonTap(() => { uni.navigateTo({ url: "/pages/tabBar/codeDetail/codeDetail", }) }) },
二、midButton支持小程序吗？
我在官网上找了好久，没有具体看到支持与否，但是在微信小程序上面一直没有效果，在网上查阅了一番，得到了结果：midButton不支持小程序！！！
只是比较浅显的用法，欢迎路过的大佬留言指点。
