add many pages

src/assets/css/anim.scss

@@ -48,4 +48,30 @@
   60% {
     transform: translate3d(4px, 0, 0);
   }
-}
+}
+
+.go-enter-from {
+  transform: translate3d(100%, 0, 0);
+}
+
+//最终状态
+.back-enter-to, .back-enter-from, .go-enter-to, .go-leave-from {
+  transform: translate3d(0, 0, 0);
+}
+
+.go-leave-to {
+  transform: translate3d(-100%, 0, 0);
+}
+
+.go-enter-active, .go-leave-active, .back-enter-active, .back-leave-active {
+  transition: all .3s;
+}
+
+
+.back-enter-from {
+  transform: translate3d(-100%, 0, 0);
+}
+
+.back-leave-to {
+  transform: translate3d(100%, 0, 0);
+}

src/assets/css/style.scss

@@ -159,6 +159,20 @@ html, body {
   flex-direction: column;
 }
 
+.mobile-page {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  overflow: auto;
+  font-size: 18rem;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
 #app {
   width: 100%;
   height: 100%;