tabbar切换动画

router-view上加了一个类名，这个类名是用来干吗的？

为了解决我们所说的留白问题，给大家解释这个留白的原因，因为他从一个路由跳转到另一个路由，这个过程是有顺序的，

你第一个动画进行完毕之后才会有第二个动画，那么我们怎样才能实现让他同时去执行，这样就可以完成我们想要的效果了，也就是我们所说的没有留白

解决：router-view 脱标 position absolute 这样上一个动画还在的时候下一个动画就不用排在它下面

​ overflow-x: hidden 让左右隐藏

<transition name="slide-left">
     <router-view class="Router"></router-view>
</transition>
.Router{
		position absolute
		width  100%
		overflow-x: hidden;//写不写都行
		transition: all 300ms ease;
	}
	
	.silde-left-enter,.slide-right-leave-active{
        opacity 0
        -webkit-transform  translate(100%,0)
        transform  translate(100%,0)
    }
    .slide-left-leave-active,.slide-right-enter{
        opacity 0
        -webkit-transform  translate(-100%,0)
        transform  translate(-100%,0)
    }

上面代码实现
1.切换时没有滑动栏
2.切换时也没有闪一下
3.唯一问题是从最后一个切换到第一个时没有动画效果