feat:视频浏览

ZhangXianQiang

2024-07-05 98f494cf633e3acf5c20f3e9de0d708f2a6c2045

 src/components/ExamInfo/index.vue

@@ -1,31 +1,44 @@
<template>
  <div class="info-container w-full">
    <div class="exam-title break-all mb-4 text-base text-gray-700">
      {{ title }}
    <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="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
  },
  title: {
    type: String,
  activeQuestion: {
    type: Object,
    required: true
  }
})
</script>

<style lang="scss" scoped>
.img-item {
  max-width: 400px;
.info-img {
  max-height: 250px;
  margin: 20px 10px;
}
.exam-title {
  :deep(p) {
    display: flex !important;
  }
}

</style>