修改问题

src/components/exam/answerCard.vue

@@ -13,6 +13,7 @@
       <div class="tit">单选题</div>
       <ul>
         <li
+          @click="go(1)"
           :class="questionParams.questionIndex === 0
             ? questionParams.answerRecord['1'] ? 'stu1 stu2' : 'stu2'
             : questionParams.answerRecord['1'] ? 'stu1' : ''">1</li>
@@ -30,6 +31,7 @@
       <div class="tit">多选题</div>
       <ul>
         <li
+          @click="go(2)"
           :class="questionParams.questionIndex === 1
             ? questionParams.answerRecord['2'] ? questionParams.answerRecord['2'].answer.length ? 'stu1 stu2' : 'stu2' : 'stu2'
             : questionParams.answerRecord['2'] ? questionParams.answerRecord['2'].answer.length ?  'stu1' : '' : ''">2</li>
@@ -37,6 +39,7 @@
       <div class="tit">判断题</div>
       <ul>
         <li
+          @click="go(3)"
           :class="questionParams.questionIndex === 2
             ? questionParams.answerRecord['3'] ? 'stu1 stu2' : 'stu2'
             : questionParams.answerRecord['3'] ? 'stu1' : ''">3</li>
@@ -44,6 +47,7 @@
       <div class="tit">复合题</div>
       <ul>
         <li
+          @click="go(4)"
           :class="questionParams.questionIndex === 3
             ? questionParams.answerRecord['4'] ? 'stu1 stu2' : 'stu2'
             : questionParams.answerRecord['4'] ? 'stu1' : ''">4</li>
@@ -80,6 +84,11 @@ export default {
     Bus.$on('monitoringChanges', target => {
       this.$forceUpdate()
     })
+  },
+  methods: {
+    go(n) {
+      this.questionParams.questionIndex = n - 1
+    }
   }
 }
 </script>
@@ -129,6 +138,7 @@ export default {
     margin: 0;
     flex-wrap: wrap;
     li{
+      cursor: pointer;
       position: relative;
       border-radius: 50px;
       width: 24px;

src/components/exam/question.vue

@@ -178,18 +178,19 @@ export default {
     cursor: pointer;
     margin-bottom: 20px;
     display: flex;
-    align-items: center;
+    // align-items: center;
     .icon{
       width: 18px;
       height: 18px;
       border: 1px solid #999999;
       border-radius: 50%;
+      margin-top: 3px;
     }
     .txt{
       width: 95%;
       font-size: 18px;
       color: #222222;
-      line-height: 18px;
+      line-height: 28px;
       margin-left: 10px;
     }
     &.active{

src/pages/exam/examAnswer.vue

@@ -83,7 +83,7 @@ export default {
             type: 1,
             orderNum: '1',
             title: '将以下5个句子重新排列组合：',
-            des: '①宋代《新唐书音训》云：“京口在润州城东北甘露寺侧。<br/>②这也就是李白《丁督护歌》中所描绘的“万人凿磐石，无由达江浒”的施工场面。<br/>③而要开辟一条通京口的新漕路却是十分艰辛的。<br/>④甘露寺正位于北固山，所以移徙这段漕路，势必要紧贴着北固山下与山根的顽石打交手战，这样的工程自非一日之功。<br/>⑤瓜洲浦成为便利的津渡是由于它正对南岸江边的京口，而京口的漕路是在开元二十五年齐浣迁润州后才兴修的，换句话说，旧漕路原来并不通京口。',
+            des: '<p>①宋代《新唐书音训》云：“京口在润州城东北甘露寺侧。</p><p>②这也就是李白《丁督护歌》中所描绘的“万人凿磐石，无由达江浒”的施工场面。</p><p>③而要开辟一条通京口的新漕路却是十分艰辛的。</p><p>④甘露寺正位于北固山，所以移徙这段漕路，势必要紧贴着北固山下与山根的顽石打交手战，这样的工程自非一日之功。</p><p>⑤瓜洲浦成为便利的津渡是由于它正对南岸江边的京口，而京口的漕路是在开元二十五年齐浣迁润州后才兴修的，换句话说，旧漕路原来并不通京口。</p>',
             opt: [
               {
                 id: 1,