艺术戏剧（优化）

user1

2024-06-14 88c89a86c370f9824e975d8958bfd057013aa9fd

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

@@ -3,7 +3,6 @@
    <div class="page-box" page="4">
      <div v-if="showPageList.indexOf(4) > -1">
        <h1 id="a004">
          <!-- 这里的动图有问题，没有背景图片 -->
          <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
          <audio :src="auidoPathOne" class="audio" controls></audio>
        </h1>
@@ -14,20 +13,18 @@
                <img class="img-gn" alt="" src="../../assets/images/dydd.jpg" />
              </p>
            </div>

            <p class="block">
              在故事《一块奶酪》中，蚂蚁家庭的每一位成员都为了共同的目标分工协作、努力奋斗，在面对诱惑和挑战时更是严于律己、遵守团队纪律。本单元，让我们读一读《一块奶酪》的故事，学习蚂蚁们的优秀品格吧！
            </p>
          </div>
        </div>
        <p><br /></p>
        <!-- 此次为页脚部分（需要设置页码） -->
        <div class="page-footer">
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-right">1</div>
        </div>
      </div>
    </div>
    </div> 
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
        <h1>
@@ -49,8 +46,8 @@
            <audio :src="auidoPathTwo" class="audio" controls></audio>
          </h1>
          <p>小提示：加点的文字为本句话中的逻辑重音，在朗读发音时请重读。</p>
          <!-- 连线题 -->
          <matching :rawData="rawData" :item="question"></matching>
      <!-- 连线题 -->
          <matching :rawData="rawData" :item="question" class="macthing" :primaryColor="'transparent'"></matching>
        </div>
        <p><br /></p>
        <!-- 此次为页脚部分（需要设置页码） -->
@@ -351,7 +348,7 @@
              controlslist="nodownload" class="w100"
              style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"></video>
          <h2>视频: 我们是一家人</h2>
          </p>
           </p>
        </div>
      </div>
      <!-- 此次为页脚部分（需要设置页码） -->
@@ -373,6 +370,10 @@
    showPageList: {
      type: Array,
    },
    primaryColor:{
      type:String,
      default:"red"
    }
  },
  //在这里对调用的方法进行挂载
  mounted() {
@@ -385,9 +386,6 @@
  data() {
    return {
      videoPathOne: "",
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      auidoPathOne: "",
      auidoPathTwo: "",
      auidoPathThree: "",
@@ -530,21 +528,11 @@
      },
    };
  },

  methods: {
    //视频和音频的MD5地址
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "691cbd2c13198d04afc7800d0f2cafb0"
      );
      this.videoPathTwo = await getResourcePath(
        "a3c9b55ac8227e4c885384ff2fc6c0e7"
      );
      this.videoPathThree = await getResourcePath(
        "dd44a1e31b4304f50d10b2481a148411"
      );
      this.videoPathFour = await getResourcePath(
        "09de7704eeaaf3a210b8c6af0a94d545"
      );
      // this.auidoPathOne = await getResourcePath(
      //   "2c5f6c69b0f9f7a3c03e473cb8c977f5"
@@ -591,4 +579,8 @@
  height: 100%;
  background-color: red;
}
.macthing{
  background-color: rgb(188, 220, 164);
  padding: 5% 5%;
}
</style>