feats

src/pages/AllPages.vue

   },
   methods: {
     handleTransitionEnd(types) {
-      this.$router.push({ name: 'Test', params: { types }})
+      this.$router.push({ name: 'Test', query: { types }})
     },
     goPagess(inx) {
       this.currentItem = inx

src/pages/Test.vue

   },
   computed: {
     bgImage() {
-      if (!this.$route.params.types) return ''
-      return this.images[this.$route.params.types].bgImage
+      if (!this.$route.query.types) return ''
+      return this.images[this.$route.query.types].bgImage
     },
     list() {
-      if (!this.$route.params.types) return []
-      return this.images[this.$route.params.types].list
+      if (!this.$route.query.types) return []
+      return this.images[this.$route.query.types].list
     }
   },
   components: {

src/pages/resultPage.vue

   position: absolute;
 }
 .sharebgi {
-  z-index: 2;
+  z-index: 100;
   position: absolute;
+  height: 100vh;
 }
 .share {
   z-index: 3;

src/pages/signup.vue

     padding: 3vw;
     border: 1px solid #4f5054;
     background-color: #212226;
+
+    & > label {
+      display: inline-block;
+      width: 4.5em;
+    }
     .duiqi {
       background-color: #212226;
       border: none;
       text-align: right;
       float: right;
+      width: calc(100% - 5em);
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;