test2

src/views/Result/index.css

@@ -65,7 +65,7 @@
 .recommend {
   position: relative;
   width: 7.22rem;
-  height: 22.12rem;
+  min-height: 22.12rem;
   background-color: #fff;
   border-radius: 0.16rem;
   opacity: 0.9;
@@ -103,16 +103,16 @@
 .only-text {
   width: 0.96rem;
   height: 0.96rem;
-  position: relative;
+  /* position: relative;
   background: url(~@/assets/img/result/img5.png) no-repeat;
-  background-size: cover;
+  background-size: cover; */
 }
 
-.name-list>div:nth-child(2n-1) .only-text {
+/* .name-list>div:nth-child(2n-1) .only-text {
   
   background: url(~@/assets/img/result/img5-1.png) no-repeat;
   background-size: cover;
-}
+} */
 
 .only-text>div {
   position: absolute;
@@ -120,13 +120,13 @@
   left: 50%;
   transform: translate(-50%, -50%);
 }
-
+/* 
 .only-text2>div {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-}
+} */
 
 .img6,.img7 {
   width: 0.48rem;

src/views/Result/index.vue

@@ -69,12 +69,15 @@
               <template v-for="item in nameList">
                 <div :key="item.id" class="row-around-center">
                   <div class="only-text">
+                    <img src="@/assets/img/result/img5.png" alt="" />
                     <div>{{ item.name.substr(0, 1) }}</div>
                   </div>
                   <div class="only-text">
+                    <img src="@/assets/img/result/img5.png" alt="" />
                     <div>{{ item.name.substr(1, 1) }}</div>
                   </div>
                   <div class="only-text">
+                    <img src="@/assets/img/result/img5.png" alt="" />
                     <div>{{ item.name.substr(2, 1) }}</div>
                   </div>
                 </div>
@@ -86,10 +89,12 @@
             <div class="name-list row-center-center">
               <template v-for="item in nameList">
                 <div :key="item.id" class="row-around-center">
-                  <div class="only-text2">
+                  <div class="only-text">
+                    <img src="@/assets/img/result/img5.png" alt="" />
                     <div>{{ item.name.substr(0, 1) }}</div>
                   </div>
-                  <div class="only-text2">
+                  <div class="only-text">
+                    <img src="@/assets/img/result/img5.png" alt="" />
                     <div>{{ item.name.substr(1, 1) }}</div>
                   </div>
                 </div>