From f763e0bc88efa373ea0cedfdb1abbdc85046097b Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 19 六月 2024 15:25:25 +0800
Subject: [PATCH] feat:考试音频题
---
src/components/ExamInfo/index.vue | 15 +++++++++++----
1 files changed, 11 insertions(+), 4 deletions(-)
diff --git a/src/components/ExamInfo/index.vue b/src/components/ExamInfo/index.vue
index 2b63fd1..7adb980 100644
--- a/src/components/ExamInfo/index.vue
+++ b/src/components/ExamInfo/index.vue
@@ -1,8 +1,13 @@
<template>
<div class="info-container w-full">
<div class="exam-title break-all mb-4 text-base text-gray-700">
- {{ title }}
+ 绗瑊{questionIndex + 1}}棰�: {{ activeQuestion.title }}
</div>
+
+ <div class="audio-container" v-if="activeQuestion.audioFile">
+ <ExamAudio :audioSrc="activeQuestion.audioFile"></ExamAudio>
+ </div>
+
<div class="img-container flex">
<div class="img-item">
<img src="@/assets/test.png" class="info-img" alt="">
@@ -12,13 +17,15 @@
</template>
<script setup>
+import ExamAudio from '@/components/ExamAudio/index.vue';
+
const props = defineProps({
questionIndex: {
type: Number,
required: true
},
- title: {
- type: String,
+ activeQuestion: {
+ type: Object,
required: true
}
})
@@ -27,6 +34,6 @@
<style lang="scss" scoped>
.info-img {
max-height: 250px;
- margin: 20px 0;
+ margin: 20px 10px;
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0