<template>
	<div id="tabbar">
		<ul>
			<router-link to='/home'><li>首页</li></router-link>
			<router-link to='/category'><li>分类</li></router-link>
			<router-link to='/profile'><li>我的</li></router-link>
		</ul>
	</div>
</template> 
 
<script>
export default {
 
}
</script>

<style lang="scss">
	#tabbar{
		height: 44px;
		width: 100%;
		background: rgb(245,245,245);
		position: fixed;
		bottom: 0px; 
		ul{
			display: flex;
			a{
				flex: 1;
				display: flex;
				justify-content: center;
				height: 44px;
				line-height: 44px;
				color: gray;
			}
		}
	}
	
</style>