jp-floorlock-manage/components/Tabbar.vue

<template>
	<view>
		<u-tabbar v-model="myCurrent" :list="tabbarList"  inactive-color="#ADB8C2" active-color="#5098FF">
		</u-tabbar>

	</view>
</template>

<script>
	var img1=require('@/assets/img/tabbarImg/item1a.svg')
	var img2=require('@/assets/img/tabbarImg/item1b.svg')
	var img3=require('@/assets/img/tabbarImg/item2a.svg') 
	var img4=require('@/assets/img/tabbarImg/item2b.svg')
	var img5=require('@/assets/img/tabbarImg/item3a.svg')
	var img6=require('@/assets/img/tabbarImg/item3b.svg')
	var img7=require('@/assets/img/tabbarImg/item4a.svg')
	var img8=require('@/assets/img/tabbarImg/item4b.svg')
	
	
	export default {
		name: "Tabbar",
		props: {
			current: 0,
			elderStatus: false
		},
		data() {
			return {
				oldindex: this.current,
				myCurrent: this.current,
				tabbarList: [{

						iconPath: img2,
						selectedIconPath: img1,
						text: '主页 ',
						pagePath: "/pages/index/index",
					},
					 {
					 	iconPath: img4,
					 	selectedIconPath: img3,
					 	text: '地锁',
					 	pagePath: "/pages/deviceTab/index",
					 	
					 },
					// {
					// 	iconPath: img6,
					// 	selectedIconPath: img5,
					// 	text: '用户',
					// 	pagePath: "/pages/userTab/index",
						
					// },
					
					{
						iconPath: img8,
						selectedIconPath: img7,

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

		},
		methods: {
			
			

		},
		mounted() {

		},
		destroyed() {

		}


	}
</script>

<style>

</style>