test

src/views/Result/index.css

@@ -95,7 +95,7 @@
 .name-list>div {
   width: 50%;
   margin-bottom: 0.78rem;
-  box-sizing: border-box;
+  /* box-sizing: border-box; */
 }
 
 .name-list>div:nth-child(2n-1) {

src/views/Result/index.vue

@@ -51,7 +51,7 @@
       <div class="recommend row-center-start">
         <div class="title fs-36 fc-f">推荐好名</div>
 
-        <div class="name fc-3 fs-64 ff-pp fw-5">
+        <div class="name fc-3 ff-pp fw-5">
           <div class="row-between-center" style="margin-bottom: 0.6rem">
             <template v-for="(item, i) in imgInfo">
               <img
@@ -64,63 +64,35 @@
             </template>
           </div>
 
-          <template v-if="words == 3 || nameList.length > 0">
-            <div class="name-list row-center-center">
-              <template v-for="item in nameList">
-                <div :key="item.id" class="row-around-center">
-                  <div class="only-text">
-                    <img
-                      class="img5"
-                      src="@/assets/img/result/img5.png"
-                      alt=""
-                    />
-                    <div>{{ item.name.substr(0, 1) }}</div>
-                  </div>
-                  <div class="only-text">
-                    <img
-                      class="img5"
-                      src="@/assets/img/result/img5.png"
-                      alt=""
-                    />
-                    <div>{{ item.name.substr(1, 1) }}</div>
-                  </div>
-                  <div class="only-text">
-                    <img
-                      class="img5"
-                      src="@/assets/img/result/img5.png"
-                      alt=""
-                    />
-                    <div>{{ item.name.substr(2, 1) }}</div>
-                  </div>
+          <div class="name-list row-center-center">
+            <template v-for="item in nameList">
+              <div v-if="words == 3" :key="item.id" class="row-around-center">
+                <div class="only-text">
+                  <img class="img5" src="@/assets/img/result/img5.png" alt="" />
+                  <div>{{ item.name.substr(0, 1) }}</div>
                 </div>
-              </template>
-            </div>
-          </template>
-
-          <template v-else>
-            <div class="name-list row-center-center">
-              <template v-for="item in nameList">
-                <div :key="item.id" class="row-around-center">
-                  <div class="only-text">
-                    <img
-                      class="img5"
-                      src="@/assets/img/result/img5.png"
-                      alt=""
-                    />
-                    <div>{{ item.name.substr(0, 1) }}</div>
-                  </div>
-                  <div class="only-text">
-                    <img
-                      class="img5"
-                      src="@/assets/img/result/img5.png"
-                      alt=""
-                    />
-                    <div>{{ item.name.substr(1, 1) }}</div>
-                  </div>
+                <div class="only-text">
+                  <img class="img5" src="@/assets/img/result/img5.png" alt="" />
+                  <div>{{ item.name.substr(1, 1) }}</div>
                 </div>
-              </template>
-            </div>
-          </template>
+                <div class="only-text">
+                  <img class="img5" src="@/assets/img/result/img5.png" alt="" />
+                  <div>{{ item.name.substr(2, 1) }}</div>
+                </div>
+              </div>
+
+              <div v-else :key="item.id" class="row-around-center">
+                <div class="only-text">
+                  <img class="img5" src="@/assets/img/result/img5.png" alt="" />
+                  <div>{{ item.name.substr(0, 1) }}</div>
+                </div>
+                <div class="only-text">
+                  <img class="img5" src="@/assets/img/result/img5.png" alt="" />
+                  <div>{{ item.name.substr(1, 1) }}</div>
+                </div>
+              </div>
+            </template>
+          </div>
 
           <div
             v-if="nameList.length == 0"