| | |
| | | <!-- 题目内容及选项部分 --> |
| | | <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> |
| | |
| | | </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> |
| | |
| | | justify-content: space-between; |
| | | width: 100%; |
| | | margin-top: 10px; |
| | | |
| | | p{ |
| | | text-indent: 0em |
| | | } |
| | | } |
| | | |
| | | .all-options { |
| | |
| | | flex-wrap: wrap; |
| | | height: min-content; |
| | | } |
| | | |
| | | .question-t { |
| | | display: block; |
| | | width: 100%; |
| | | margin-top: 10px; |
| | | } |
| | | } |
| | | |
| | | .option { |
| | |
| | | .smiling-face{ |
| | | position: absolute; |
| | | z-index: 1; |
| | | bottom: 2% ; |
| | | bottom: -2% ; |
| | | right: 4%; |
| | | } |
| | | .face { |
| | |
| | | } |
| | | |
| | | .face-text { |
| | | |
| | | text-wrap: nowrap; |
| | | } |
| | | </style> |