| | |
| | | <!-- 单选题 --> |
| | | <template> |
| | | <div class="answer-container w-full h-full"> |
| | | <el-scrollbar> |
| | |
| | | <div class="answer-item flex" v-for="item, index in activeQuestion.questionItemList" @click="answerClick(item)" |
| | | :class="answerState(item)"> |
| | | <div class="answer-icon flex flex-col justify-center items-center flex-shrink-0">{{ item.prefix }}</div> |
| | | <div class="answer-text text-gray-700">{{ item.content }}</div> |
| | | <div class="answer-text text-gray-700" v-html="item.content"></div> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | }; |
| | | |
| | | const answerState = (item) => { |
| | | if(activeQuestion.value.answer === item.prefix) { |
| | | item.isActive = true; |
| | | } |
| | | return { |
| | | active: item.isActive |
| | | active: item.isActive || item.prefix === activeQuestion.value.answer |
| | | }; |
| | | }; |
| | | |