.RouterView {
  position: absolute; 
  height: 100%;
  transition: all .32s linear;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; 
  background: transparent;
  /*  解决了ios下头脚拉动错误 */
  overflow: hidden; 
  transform: translate3d(0,0,0);
  -webkit-backface-visibility:hidden; /* 隐藏转换的元素的背面   */
  -webkit-transform-style: preserve-3d

}

.slide-left-enter {
  opacity: 0.5;
  transform: translate3d(100%, 0,0);

}
.slide-right-enter {
  opacity: 0.5;
  transform: translate3d(-100%, 0,0);

}
.slide-right-leave-active {
  opacity: .5;
  transform: translate3d(0, 0,0);

}
.slide-left-leave-active {
  opacity: 0;
  transform: translate3d(0, 0, 0);

}

.enter-enter {
  opacity: 0.5;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}
.leave-enter {
  opacity: 0;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.leave-leave-active {
  opacity: 1; 
  transform: translateX(100%);
}
.enter-leave-active {
  opacity: 0.5;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}