<template>
	<view>
		<view class="u-page">
			<!-- 所有内容的容器 -->
		</view>
		<!-- 与包裹页面所有内容的元素u-page同级，且在它的下方 -->
		<u-tabbar v-model="current" :list="list" icon-size='40rpx' active-color='#3996fd' inactive-color="#c8c7cb"></u-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return { 
				list: [
					{
						iconPath: require('@/static/tabbar/home.png'),
						selectedIconPath:require('@/static/tabbar/home-active.png'),
						text: '首页',
						customIcon: true,
						pagePath:'/pages/index/index2'
					},
					{
						iconPath: require('@/static/tabbar/tiku.png'),
						selectedIconPath:require('@/static/tabbar/tiku-act.png'),
						text: '班级',
						customIcon: true,
						pagePath:'/pages/home/home'
					}
					,{
						iconPath: require('@/static/tabbar/my.png'),
						selectedIconPath:require('@/static/tabbar/my-active.png'),
						text: '我的',
						customIcon: true,
						pagePath:'/pages/user/usertwo'
					},
				],
				current: 0 
			}
		},
	}
</script>
<style lang="scss" scoped>
	/deep/.u-tabbar__content__item__button{
		top: 20rpx !important;
	}
	/deep/.u-tabbar {
	  .u-tabbar__content__item:nth-child(2) {
	    .u-tabbar__content__item__button {
	      width: 32rpx !important;
	    }
	  }
	}
</style>