汇总

src/components/Question.vue

@@ -169,7 +169,9 @@ onMounted(() => {
             </div>
           </div>
           <!-- 解析 -->
-          <div class="analysis">{{ questionList[currentId].analysis }}</div>
+          <div class="analysis" >
+            <div v-for="li in questionList[currentId].analysis" :key="li">{{li}}</div>
+          </div>
           <div class="next-btn" @click="nextQuestion($event)"></div>
           <div class="create-btn" @click="viewResult($event)"></div>
         </div>
@@ -265,7 +267,9 @@ onMounted(() => {
         .question {
           display: flex;
           flex-direction: column;
-          margin-bottom: 10px;
+          // margin-bottom: 10px;
+          height: 270px;
+          justify-content: center;
 
           .question-text {
             width: 100%;
@@ -294,6 +298,8 @@ onMounted(() => {
           display: flex;
           flex-direction: column;
           align-items: center;
+          justify-content: space-between;
+          height: 200px;
 
           // 选中状态
           .correct-bg {
@@ -332,7 +338,8 @@ onMounted(() => {
             position: relative;
             border-radius: 47.5px;
             border: 2px solid rgb(255, 225, 172);
-            margin-bottom: 35px;
+            // margin-bottom: 35px;
+            justify-content: space-between;
             display: flex;
             flex-direction: row;
             justify-content: space-around;
@@ -388,15 +395,17 @@ onMounted(() => {
         // 解析样式
         .analysis {
           visibility: hidden;
-          width: 100%;
+          width: 95%;
           font-family: 'HarmonyOS_Sans_SC_Regular';
           font-size: 20px;
           color: #ffe2ad;
           text-align: center;
-          padding: 20px;
-          height: 80px;
-          line-height: 30px;
-          margin-bottom: 20px;
+          // padding: 20px;
+          height: 100px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
         }
 
         .next-btn{