'update'

src/components/Question.vue

@@ -194,11 +194,16 @@ const getClass = (item) => {
       ></div>
 
       <div class="qp-result-content">
-        <div class="qp-result-text">{{ QaResult ? "答对啦" : "答错啦" }}</div>
+        <div
+          class="qp-result-text"
+          :class="!QaResult ? 'text-bg-2' : 'text-bg-1'"
+        >
+          {{ QaResult ? "答对啦" : "答错啦" }}
+        </div>
         <div class="qp-tips" v-if="!QaResult">
           答案:{{ correctObj.aid }}.{{ correctObj.text }}
         </div>
-        <div class="qp-tips-text">{{ questionList[currentId].tips[0] }}</div>
+        <div class="qp-tips-text">解析：{{ questionList[currentId].tips[0] }}</div>
       </div>
     </div>
     <div
@@ -370,11 +375,11 @@ const getClass = (item) => {
   background-color: rgba($color: #000000, $alpha: 0.6);
   visibility: hidden;
   .qp-result-box {
-    @include box(569px, 399px);
+    @include box(569px, 526px);
 
     position: relative;
     .qp-result-icon {
-      @include pos(112px, 112px, 222px, -28px);
+      @include pos(112px, 112px, 223px, -30px);
       @include bg_pos("qa/correct-icon.png");
     }
     .is-incorrect {
@@ -382,35 +387,43 @@ const getClass = (item) => {
     }
 
     .qp-result-content {
-      @include pos(569px, 290px, 0px, 94px);
+      @include pos(569px, 430px, 0px, 95px);
+
 
       display: flex;
       flex-direction: column;
-      justify-content: center;
+      justify-content: flex-start;
       align-items: center;
 
       .qp-result-text {
+        @include box(319px, 47px);
         text-align: center;
         width: 100%;
         font-size: 35px;
         color: #ffffff;
         margin: 20px auto;
       }
+      .text-bg-1 {
+        @include bg_pos("qa/tips-bg.png");
+      }
+      .text-bg-2 {
+        @include bg_pos("qa/tips-bg-2.png");
+      }
       .qp-tips {
+        width: 80%;
+        text-align: center;
         font-size: 25px;
         color: #ff0000;
-      
       }
       .qp-tips-text {
         width: 100%;
         padding: 10px 20px;
         font-size: 25px;
-      line-height: 35px;
+        line-height: 40px;
         text-align: justify;
         color: #b3640d;
       }
     }
-
   }
 
   .qp-result-box-1 {

src/data/imgList.js

@@ -31,6 +31,9 @@ const page = [
   "qa/incorrect-icon.png",
   "qa/correct-icon.png",
   "qa/correct.png",
+  "qa/result-box-2.png",
+  "qa/tips-bg.png",
+  "qa/tips-bg-2.png",
 
   "result/poster.jpg",
   "result/card.png",