闫增涛
2024-06-13 ee3eb8715b362e975c25f8fb303e41e925a23b3a
src/books/artAndDrama/view/components/chapter001.vue
@@ -5,7 +5,7 @@
        <h1 id="a004">
            <!-- 这里的动图有问题,没有背景图片 -->
          <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
          <audio :src="auidoPathOne" controls></audio>
          <audio :src="auidoPathOne" class="audio" controls></audio>
        </h1>
        <div class="bodystyle">
          <div class="bk">
@@ -47,7 +47,7 @@
            >大声朗读下面的句子,连一连不同逻辑重音强调的意思。
          </p>
          <h1>
            <audio :src="auidoPathTwo" controls></audio>
            <audio :src="auidoPathTwo" class="audio" controls></audio>
          </h1>
          <p>小提示:加点的文字为本句话中的逻辑重音,在朗读发音时请重读。</p>
          <!-- 连线题 -->
@@ -55,10 +55,16 @@
        </div>
        <p><br /></p>
        <!-- 此次为页脚部分(需要设置页码) -->
        <div style="position: relative; ">
   <div style="position: relative;">
      <h1 style="position: relative; z-index: 1;">
      <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
      <div style="position: absolute; z-index: 99; background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; left: 98px; bottom: 38px; text-align: center; line-height: 30px; font-size: 20px;">2</div>
      </h1>
   </div>
        <!-- <div style="position: relative; ">
            <div style="position: absolute; z-index: 99;background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; left: 98px; top: 38px; text-align: center; font-size: 25px;">2</div>
            <h1 style="position: relative; z-index: 1;"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
        </div>
        </div> -->
      </div>
    </div>
    <div class="page-box" page="6" style="min-height: auto">
@@ -124,13 +130,13 @@
          <img src="../../assets/images/page5.png" alt="" />
          <h2 id="b002">第二课 津津乐道</h2>
          <h3 class="lefth3" id="c003">
            <img class="img-gn1" alt="" src="image/rhybx.jpg" />
            <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
          </h3>
          <p>
            <span class="hs1">◇</span
            >请将以下课文选段大声朗诵出来,加点的字请重读。
          </p>
          <h1><audio :src="auidoPathThree" controls></audio></h1>
          <h1><audio :src="auidoPathThree" class="audio" controls></audio></h1>
        
          <div class="bj3">
            <p class="center">
@@ -154,7 +160,7 @@
            </p>
          </div>
          <h3 class="lefth3" id="c004">
            <img class="img-gn1" alt="" src="image/czysj.jpg" />
            <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
          </h3>
          <p>
            <span class="hs1">◇</span
@@ -199,7 +205,7 @@
            <span class="hs1">◇</span
            >请将以下课文选段大声朗诵出来,加点的字请重读。
          </p>
          <h1><audio :src="auidoPathTwo" controls></audio></h1>
          <h1><audio :src="auidoPathTwo" class="audio" controls></audio></h1>
          <div class="bj3">
            <p class="center">
              <span class="hs"
@@ -225,13 +231,7 @@
              >的。
            </p>
          </div>
          <h3 class="lefth3" id="c006">
            <img class="img-gn1" alt="" src="image/czysj.jpg" />
          </h3>
          <p class="center">
            <img class="img-e" alt="" src="image/0010-1.jpg" />
          </p>
          <hr />
           <hr />
          <p class="note">
            <a id="m1">1</a>
            朱自清:《春》,见温儒敏等:《义务教育教科书 语文
@@ -309,7 +309,7 @@
            >请将以下课文选段大声朗诵出来,加点的字请重读。
          </p>
          <h1>
            <audio :src="auidoPathTwo" controls></audio>
            <audio :src="auidoPathTwo" class="audio" controls></audio>
          </h1>
          <div class="bj3">
@@ -485,7 +485,7 @@
    showPageList: {
      type: Array,
    },
  },
  },
  //在这里对调用的方法进行挂载
  mounted() {
    this.getVidoePath();
@@ -663,8 +663,6 @@
    };
  },
  methods: {
    //视频和音频的MD5地址
    async getVidoePath() {
@@ -690,6 +688,13 @@
        "e93c0fdde08be5a4386c8c863892a287"
      );
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "english-book-question-one",
        JSON.stringify(this.questionData)
      );
    },
  },
};
</script>