音频小窗

闫增涛

2024-06-06 fe07e8a02cb41daac4d34562474b56dec5ab3efd

 src/books/English/view/components/chapter001.vue

@@ -505,7 +505,7 @@
          <div class="bodystyle">
            <h3 id="c002" class="fl al-cn">
              <span class="bjh3">Listening</span>
              <audio :src="resource.listenOne" controls></audio>
              <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
            </h3>
            <p>
              <b
@@ -514,9 +514,9 @@
                corresponding descriptions.</b
              >
            </p>
            <p class="center">
            <!-- <p class="center">
              <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
            </p>
            </p> -->
            <div>
              <ul class="fl ju-bt">
                <li>Speakers　Chinese Cultural Symbols</li>
@@ -526,7 +526,7 @@
            </div>
            <h3 id="c003" class="fl al-cn">
              <span class="bjh3">Reading</span>
              <audio :src="resource.readingOne" controls></audio>
              <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
            </h3>
            <p>
              1.How was Chinese culture introduced to the world in ancient
@@ -735,6 +735,8 @@
              :src="resource.readingTwo"
              controls
              style="margin-left: 10px"
              class="audio"
              @play="audioPlay"
            ></audio>
            <p>wonderland /ˈwʌndəlænd/ <i>n.</i> 有许多奇妙事物的地方</p>
            <div class="bkbj">
@@ -2740,6 +2742,9 @@
    saveData() {
      console.log(this.testData);
    },
    audioPlay() {
      this.$emit("closeMiniAudio")
    }
  },
};
</script>
@@ -2800,5 +2805,11 @@
select {
  height: 24px;
}

.mini-audio {
  width: 200px;
  height: 200px;
  position: fixed;
  right:0;
  background-color: red;
}
</style>