Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

YM

2024-06-13 a954bafb1bb4a70b2baf768230f2c50fd5c7163c

 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() {
@@ -680,14 +678,21 @@
      this.videoPathFour = await getResourcePath(
        "09de7704eeaaf3a210b8c6af0a94d545"
      );
      this.auidoPathOne = await getResourcePath(
        "2c5f6c69b0f9f7a3c03e473cb8c977f5"
      );
      this.auidoPathTwo = await getResourcePath(
        "e93c0fdde08be5a4386c8c863892a287"
      );
      this.auidoPathThree = await getResourcePath(
        "e93c0fdde08be5a4386c8c863892a287"
      // this.auidoPathOne = await getResourcePath(
      //   "2c5f6c69b0f9f7a3c03e473cb8c977f5"
      // );
      // this.auidoPathTwo = await getResourcePath(
      //   "e93c0fdde08be5a4386c8c863892a287"
      // );
      // this.auidoPathThree = await getResourcePath(
      //   "e93c0fdde08be5a4386c8c863892a287"
      // );
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "english-book-question-one",
        JSON.stringify(this.questionData)
      );
    },
  },