r

src/views/Result/index.css

@@ -121,7 +121,21 @@
   transform: translate(-50%, -50%);
 }
 
+.only-text2>div {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
 .img6,.img7 {
   width: 0.48rem;
   height: 0.44rem;
+}
+
+.convert {
+  width: 3rem;
+  height: 1rem;
+  background-color: #b1d6fe;
+  border-radius: 0.2rem;
 }
\ No newline at end of file

src/views/Result/index.vue

@@ -86,10 +86,10 @@
           <div v-else class="name-list row-center-center">
             <template v-for="item in nameList">
               <div :key="item.id" class="row-around-center">
-                <div class="only-text">
+                <div class="only-text2">
                   <div>{{ item.name.substr(0, 1) }}</div>
                 </div>
-                <div class="only-text">
+                <div class="only-text2">
                   <div>{{ item.name.substr(1, 1) }}</div>
                 </div>
               </div>
@@ -109,24 +109,9 @@
               class="row-around-center"
               style="width: 4.44rem; margin-bottom: 0.18rem"
             >
-              <img
-                class="img6"
-                src="@/assets/img/result/img6.png"
-                alt=""
-                @click="changePage('prev')"
-              />
-              <div class="fs-32 fc-3">
-                第<span class="fc-sys3" style="margin: 0 0.1rem">{{
-                  page
-                }}</span
-                >页
+              <div class="convert row-center-center fc-f" @click="_fetchName">
+                换一批
               </div>
-              <img
-                class="img7"
-                src="@/assets/img/result/img7.png"
-                alt=""
-                @click="changePage('next')"
-              />
             </div>
             <div class="fc-9 fs-28">一共有200个起名推荐，请翻页查看</div>
           </div>
@@ -227,17 +212,6 @@ export default {
       var i = utils.getCookie("babyInfo");
       this.babyInfo = JSON.parse(i);
     },
-
-    changePage(payload) {
-      if (payload == "prev" && this.page > 1) {
-        this.page -= 1;
-      } else if (payload == "next" && this.nameList.length > 0) {
-        this.page += 1;
-      } else {
-        return;
-      }
-      this._fetchName();
-    },
   },
 };
 </script>