解决动画导致fixed失效页面错乱的问题
/* 中间部分动画 */
.v-enter{
/*进入动画*/
opacity: 0;
transform: translateX(100%);
}
.v-leave-to{
/*离开动画*/
opacity: 0;
transform: translateX(-100%);
position: absolute;
}
.v-enter-active,
.v-leave-active{
transition: all 0.5s ease;
}