55 lines
1.4 KiB
Vue
55 lines
1.4 KiB
Vue
|
<template>
|
|||
|
|
<el-text style="font-weight: bold">
|
|||
|
|
难度：{{
|
|||
|
|
topic.difficulty == "0" ? "简单" : topic.difficulty == "1" ? "普通" : "困难"
|
|||
|
|
}}
|
|||
|
|
</el-text>
|
|||
|
|
<br />
|
|||
|
|
<br />
|
|||
|
|
<el-text style="font-weight: bold"> 题目：{{ topic.stem }} </el-text>
|
|||
|
|
<br />
|
|||
|
|
<el-radio-group v-model="radio" class="flex flex-col">
|
|||
|
|
<div class="w-full">
|
|||
|
|
<el-radio value="a" style="margin-right: 0px"> A：{{ topic.options_a }} </el-radio>
|
|||
|
|
</div>
|
|||
|
|
<div class="w-full">
|
|||
|
|
<el-radio value="b" style="margin-right: 0px"> B：{{ topic.options_b }} </el-radio>
|
|||
|
|
</div>
|
|||
|
|
<div class="w-full">
|
|||
|
|
<el-radio value="c" style="margin-right: 0px"> C：{{ topic.options_c }} </el-radio>
|
|||
|
|
</div>
|
|||
|
|
<div class="w-full">
|
|||
|
|
<el-radio value="d" style="margin-right: 0px"> D：{{ topic.options_d }} </el-radio>
|
|||
|
|
</div>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<br />
|
|||
|
|
<el-text v-show="checked ? true : showAnswer" style="font-weight: bold">
|
|||
|
|
答案：{{ topic.answer }}
|
|||
|
|
</el-text>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
import { ref, watch } from "vue";
|
|||
|
|
|
|||
|
|
const props = defineProps({ topic: Array, checked: Boolean });
|
|||
|
|
|
|||
|
|
const radio = ref("");
|
|||
|
|
const showAnswer = ref(false);
|
|||
|
|
|
|||
|
|
const reset = () => {
|
|||
|
|
radio.value = "";
|
|||
|
|
showAnswer.value = false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
defineExpose({ reset });
|
|||
|
|
|
|||
|
|
watch(radio, (value) => {
|
|||
|
|
showAnswer.value = false;
|
|||
|
|
if (value != "") {
|
|||
|
|
showAnswer.value = true;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped></style>
|