uniapptabbar中间的变大突出

首先这个功能我只测试了app没有试其他。

首先官方文档给出了 midButton这个方法。前提是确保除了要突出的这个其他的是双数。

先看示例：

 

首先打开pages.json
在tabbbar里进行配置midButton。代码如下：

"tabBar": {
		"borderStyle": "black",
		"backgroundColor": "#fff",
		"color": "#ADADAD",
		"selectedColor": "#66CCCC",
		"list": [{
				"pagePath": "pages/index/index",
				"iconPath": "/static/tabbar/shouye1.png",
				"selectedIconPath": "/static/tabbar/shouye.png",
				"text": "首页"
			}, {
				"pagePath": "pages/work__order/work__order",
				"iconPath": "/static/tabbar/gongdan1.png",
				"selectedIconPath": "/static/tabbar/gongdan.png",
				"text": "工单"
			},
			{
				"pagePath": "pages/message/message",
				"iconPath": "/static/tabbar/xiaoxi1.png",
				"selectedIconPath": "/static/tabbar/xiaoxi.png",
				"text": "消息"
			}, {
				"pagePath": "pages/my/my",
				"iconPath": "/static/tabbar/wode1.png",
				"selectedIconPath": "/static/tabbar/wode.png",
				"text": "我的"
			}
		],
		 "midButton": {
		      "width": "120rpx",
		      "height": "120rpx",
		      "iconWidth": "120rpx",
		      "iconPath": "/static/tabbar/zhaoren.png"
		    }

	}

具体每个参数都是什么意思可以参考官方文档：pages.json 页面路由 | uni-app官网