jp-floorlock-phone/components/Tabbar.vue

<template>
	<view>
		<u-tabbar :list="tabbarList" 
		 mid-button-size="112" :mid-button="true"
		 @input="gotoinput"
		 inactive-color="#ADB8C2" active-color="#5098FF">
		</u-tabbar>

	</view>
</template>

<script>
 
	export default {
		name: "Tabbar",
		props: {
			 
		},
		data() {
			return {
				 
				tabbarList: [{

						iconPath:require("@/assets/img/tabBar/index1.png") ,
						selectedIconPath: require( "@/assets/img/tabBar/index1-HL.png"),
						text: '附近 ',
						pagePath: "/pages/index/index",
					},
					 {
					 	iconPath: require("@/assets/img/tabBar/parking_icon.png"),
					 	selectedIconPath: require("@/assets/img/tabBar/parking_icon.png"),
					 	text: '',
						pagePath2: "/pages/index/lockInfo",
					 	midButton: true,
					 },
					
					
					{
						iconPath: require("@/assets/img/tabBar/center.png"),
						selectedIconPath: require("@/assets/img/tabBar/center-HL.png"),

						text: '我的',
						pagePath: "/pages/index/center",
					}
				],
			};

		},
		methods: {
			gotoinput(i){
				var item=this.tabbarList[i]
				if(!item.pagePath){
					uni.reLaunch({
						url:item.pagePath2
					})
				}
			}
			
		},
		mounted() {

		},
		destroyed() {

		}


	}
</script>

<style>

</style>