litian
4 天以前 358b9908802e21d74302fe31c2981f68e39b632e
src/components/choice/choice.vue
@@ -3,8 +3,8 @@
    <!-- 题目内容及选项部分 -->
    <div style="display: flex; flex-direction: column;">
       <div class="question-t"> 
          <span style="display: flex; "><span class="hs1">◇</span>请选出你认为正确的答案。</span>
          <span>第{{ currentQuestion.id }}题 (共{{ questions.length}}题)</span>
          <p style="display: flex;"><span class="hs1">◇</span>请选出你认为正确的答案。</p>
          <p>第{{ currentQuestion.id }}题 (共{{ questions.length}}题)</p>
       </div>
       <div class="question-content">
        <p>{{ currentQuestion.stem.stemTxt }}</p>
@@ -47,7 +47,9 @@
              </svg>
            </span>
            <!-- 选项 -->
            <span class="option-text"
            <span class="option-text" @click="(e)=>{
              e.preventDefault()
            }"
              :style="{ color: formatAnswer(getSelectedOptions()).indexOf(option.value) > -1 ? '#fff' : '#000' }">
              {{ option.value }}、{{ option.txt }}
            </span>
@@ -427,6 +429,10 @@
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
  p{
    text-indent: 0em
  }
}
.all-options {
@@ -453,6 +459,12 @@
    flex-wrap: wrap;
    height: min-content;
  }
  .question-t {
    display: block;
    width: 100%;
    margin-top: 10px;
}
}
.option {
@@ -573,7 +585,7 @@
.smiling-face{
  position: absolute;
  z-index: 1;
  bottom: 2% ;
  bottom: -2% ;
  right: 4%;
}
.face {
@@ -582,7 +594,6 @@
}
.face-text {
  text-wrap: nowrap;
}
</style>