暂无相关解析

src/components/question/question-content.vue

@@ -8,7 +8,7 @@
         v-show="currentQuestion.unionType == 2"
       >
         <div class="item" v-for="(item, index) in currentQuestion.options" :key="index">
-          <span class="option">{{getOrderVac(index)}}.</span>
+          <span class="option lh-22">{{getOrderVac(index)}}.</span>
           <span class="content">{{item.text}}</span>
         </div>
       </article>
@@ -64,9 +64,9 @@
     </article>
     <article class="analysis-wrapper" v-show="currentQuestion.isAnalyzed">
       <span class="title">解析</span>
-      <div v-if="currentQuestion.intro && !currentQuestion.intro.startsWith('<img')" class="content" v-html="currentQuestion.intro"></div>
-      <div v-if="currentQuestion.intro && currentQuestion.intro.startsWith('<img')" class="content-nmt" v-html="currentQuestion.intro"></div>
-      <div class="no-intro" v-else>
+      <div v-show="currentQuestion.intro && !currentQuestion.intro.startsWith('<img')" class="content" v-html="currentQuestion.intro"></div>
+      <div v-show="currentQuestion.intro && currentQuestion.intro.startsWith('<img')" class="content-nmt" v-html="currentQuestion.intro"></div>
+      <div class="no-intro" v-show="!currentQuestion.intro">
           <img src="../../images/question/no-analysis.png" alt />
           <span class="text">暂无相关解析</span>
       </div>
@@ -278,20 +278,24 @@ export default {
         display: block;
         width: 20px;
         height: 20px;
-        line-height: 19px;
+        line-height: 20px;
         text-align: center;
-        vertical-align: middle;
+        // vertical-align: middle;
         margin-right: 10px;
         color: #373839;
         &.border {
           border: 1px solid #c7c8c9;
           border-radius: 50%;
+          line-height: 19px;
         }
         &.bg {
           color: #fff;
           background: #449284;
           border-radius: 50%;
         }
+        &.lh-22 {
+          line-height: 22px;
+        }
       }
       & > img {
         width: 18px;