From 9685de3762d0ceea938b5c195638103f8d8de969 Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期二, 12 十一月 2024 16:06:05 +0800
Subject: [PATCH] 优化错题查询
---
src/components/ExamInfo/index.vue | 36 +++++++++++++++++++++++++++++-------
1 files changed, 29 insertions(+), 7 deletions(-)
diff --git a/src/components/ExamInfo/index.vue b/src/components/ExamInfo/index.vue
index f768c33..823d52c 100644
--- a/src/components/ExamInfo/index.vue
+++ b/src/components/ExamInfo/index.vue
@@ -1,22 +1,44 @@
<template>
<div class="info-container w-full">
- <div class="exam-title break-all mb-4 text-base text-gray-700">
- 1.娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯
+ <div class="exam-title break-all mb-4 text-base text-gray-700" v-html="activeQuestion.title">
</div>
- <div class="img-container flex">
+
+ <div class="audio-container" v-if="activeQuestion.audioFile">
+ <ExamAudio :audioSrc="'/api/files/' +activeQuestion.audioFile"></ExamAudio>
+ </div>
+
+ <div class="img-container flex" v-if="activeQuestion.img">
<div class="img-item">
- <img src="@/assets/test.png" class="width-img" alt="">
+ <img :src="activeQuestion.img" class="info-img" alt="">
</div>
</div>
</div>
</template>
<script setup>
+import ExamAudio from '@/components/ExamAudio/index.vue';
+const props = defineProps({
+ questionIndex: {
+ type: Number,
+ required: true
+ },
+ activeQuestion: {
+ type: Object,
+ required: true
+ }
+})
</script>
<style lang="scss" scoped>
-.img-item {
- max-width: 500px;
+.info-img {
+ max-height: 250px;
+ margin: 20px 10px;
}
-</style>
\ No newline at end of file
+.exam-title {
+ :deep(p) {
+ display: flex !important;
+ }
+}
+
+</style>
--
Gitblit v1.8.0