答题器样式及答案解析功能优化

闫增涛

2 天以前 4746ad5110684d132f7b7f39511af4eae87a0b15

 src/views/examination/components/list.vue

@@ -237,18 +237,18 @@
            <!-- 提交后解析 -->
            <div class="analysis" v-if="value.isComplete">
              <ul class="analysis-box">
                <li class="headerConent" style="width: 60%">
                <li class="headerConent" >
                  <!-- 正确错误标识 -->
                  <ul class="mark">
                    <li v-if="value.isRight" class="mark-correct">正确</li>
                    <li v-if="value.isRight == false" class="mark-error">错误</li>
                  </ul>
                  <p :title="arrayToString(value.answer)">
                  <p :title="arrayToString(value.answer)" class="mark-txt " >
                    <span>【正确答案】：</span>
                    <span v-html="arrayToString(value.answer)" class="correctBox"></span>
                  </p>
                  <p
                    :class="value.isRight ? 'correct textOverFlow' : 'error textOverFlow'"
                    :class="value.isRight ? 'correct textOverFlow mark-txt' : 'error textOverFlow mark-txt'"
                    :title="arrayToString(value.userAnswer)"
                    style="margin-left: 20px"
                  >
@@ -275,7 +275,7 @@
                v-model="value.isUnfold"
                @change="handleChange(value)"
                accordion
                v-if="value.questionType != 'shortAnswer'"
                v-if="value.questionType != 'shortAnswer' && value.questionType != 'formula'"
              >
                <el-collapse-item :name="value.id" class="objective">
                  <template #title>
@@ -636,7 +636,9 @@
.headerConent {
  height: 100%;
  display: flex;
  align-items: center;
  .mark-txt {
    max-width: 385px;
  }
  .el-image {
    width: 9px;
    height: 9px;