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

闫增涛

2 天以前 4746ad5110684d132f7b7f39511af4eae87a0b15

 src/views/examination/components/list.vue

@@ -65,7 +65,7 @@
              <!-- 填空题题干 -->
              <p class="titleText" v-if="value.questionType == 'completion'">
                <span v-for="(itemText, indexText) in value.stem" :key="indexText">
                  <span v-if="typeof itemText == 'string'" v-html="itemText"></span>
                  <span style="display: flex;align-items: center;" v-if="typeof itemText == 'string'" v-html="itemText"></span>
                  <!-- &nbsp; -->
                  <!-- <input
                    v-else
@@ -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>
@@ -482,6 +482,9 @@
      font-weight: bold;
    }
    .titleText {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 0 10px 10px 10px;
      min-width: 90%;
      font-size: 14px;
@@ -633,7 +636,9 @@
.headerConent {
  height: 100%;
  display: flex;
  align-items: center;
  .mark-txt {
    max-width: 385px;
  }
  .el-image {
    width: 9px;
    height: 9px;
@@ -672,7 +677,8 @@
  color: #3b93fe;
}
.mathField {
  width: 500px;
  min-width: 200px;
  max-width: 518px;
  margin-top: 10px;
}
</style>