艺术与舞蹈动作库替换

闫增涛

2024-06-14 25604419cdad5ad226c42feca48c5d817eadbe2f

 src/books/artAndDance/view/components/chapter005.vue

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="6">
    <div class="page-box" page="20" style="min-height: auto">
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
        <img class="img-0" alt="" src="../../assets/images/dy5.jpg" />
        <img
@@ -77,20 +77,20 @@
          <h2 class="lefth2" id="b002">
            <img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
          </h2>
          <ul class="fl audio-box">
          <ul class="fl fl-cl al-cn audio-box">
            <li class="fl al-cn">
              <span class="wh-nr">男童音</span>
              <audio :src="auidoPathOne" controls></audio>
              <span class="wh-nr auido-text mr-8">男童音</span>
              <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio>
            </li>
            <li class="fl al-cn">
              <span class="wh-nr"> 女童音 </span>
              <audio :src="auidoPathTwo" controls></audio>
            <li class="fl al-cn mt-20">
              <span class="wh-nr auido-text mr-8"> 女童音 </span>
              <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio>
            </li>
          </ul>
          <h3 id="c015">渔歌子</h3>
          <p class="block2">〔唐〕张志和</p>
          <p class="block2">西塞山前白鹭飞，</p>
          <p class="block2">桃花流水鳜鱼肥。</p>
          <p class="block2 fm-son">〔唐〕张志和</p>
          <p class="block2 m16-0">西塞山前白鹭飞，</p>
          <p class="block2 m16-0">桃花流水鳜鱼肥。</p>
        </div>
        <ul>
          <li class="fl ju-end mr-40">
@@ -113,8 +113,8 @@
          class="w100 mb-40"
        />
        <div class="padding-96">
          <p class="block2">青箬笠，绿蓑衣，</p>
          <p class="block2">斜风细雨不须归。</p>
          <p class="block2 m16-0">青箬笠，绿蓑衣，</p>
          <p class="block2 m16-0">斜风细雨不须归。</p>
          <video
            :src="videoPathOne"
            webkit-playsinline="true"
@@ -124,8 +124,13 @@
            x5-video-player-fullscreen="true"
            x5-playsinline=""
            controls
            controlslist="nodownload"
            class="w100"
            style="margin:38px 0"
          ></video>
          <h2 class="lefth2" id="b003">
            <img class="img-gn" alt="" src="../../assets/images/czysj.jpg" />
          </h2>
          <div class="bj1">
            <p class="block">
              <img
@@ -150,7 +155,6 @@
              根据本单元所学的舞蹈元素以及古诗寓意，发挥想象，创编新的单一舞蹈动作或造型吧。
            </p>
          </div>
          <p class="center"><img class="img-0" alt="" src="image/ym.jpg" /></p>
        </div>
        <ul>
          <li class="ml-40">
@@ -227,6 +231,9 @@
        }
      }, 200);
    },
    audioPlay(e) {
      this.$emit('closeAudio',e.srcElement.currentSrc)
    }
  },
};
</script>