舞蹈优化

闫增涛

2024-06-06 82eceb0c9a6fa225aca43ed3edec1b25da9e1063

舞蹈优化

 src/App.vue

@@ -72,7 +72,7 @@
        // embedded
        // english
        // artAndDance
        this.config.resourceCtx + "childHealth"
        this.config.resourceCtx + "artAndDance"
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;

 src/books/artAndDance/assets/main.less

@@ -369,6 +369,12 @@
  .m0 {
    margin: 0;
  }
  .mr-8 {
    margin-right: 8px;
  }
  .mt-20 {
    margin-top: 20px;
  }
  .mt-40 {
    margin-top: 40px !important;
  }
@@ -399,6 +405,17 @@
  .pb-box {
    position: absolute;
    bottom: 0;
  }
  .m16-0 {
    margin: 16px 0;
  }
  .fm-son {
    font-family: "宋体", SimSun, sans-serif;
  }
  .auido-text {
    font-size: 22px;
    font-family: "FangSong", "PMingLiU", serif;
    font-weight: bold;
  }
}

@@ -453,7 +470,7 @@
      margin-top: 20px;
      flex-wrap: nowrap;
      li {
        width: 50%;
        width: 58%;
      }
      li:nth-child(2) {
        margin-left: 10px;

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

@@ -52,25 +52,24 @@
          <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>
              <span class="wh-nr auido-text mr-8 ">男童音</span>
              <audio :src="auidoPathOne" controls></audio>
            </li>
            <li class="division-line"></li>
            <li class="fl al-cn">
              <span class="wh-nr">
            <li class="fl al-cn mt-20 " >
              <span class="wh-nr auido-text mr-8 ">
                女童音
              </span>
              <audio :src="auidoPathTwo" controls></audio>
            </li>
          </ul>
          <h3 id="c003">黄鹤楼送孟浩然之广陵</h3>
          <p class="block2">〔唐〕李白</p>
          <p class="block2">故人西辞黄鹤楼，</p>
          <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>
          <p class="block2 m16-0">孤帆远影碧空尽，</p>
          <p class="block2 m16-0">唯见长江天际流。</p>
          <video
            :src="videoPathOne"
            webkit-playsinline="true"

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

@@ -62,22 +62,22 @@
          <h2 class="lefth2" id="b006">
            <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>
              <span class="wh-nr auido-text mr-8">男童音</span>
              <audio :src="auidoPathOne" controls></audio>
            </li>
            <li class="fl al-cn">
              <span class="wh-nr">
            <li class="fl al-cn mt-20">
              <span class="wh-nr auido-text mr-8">
                女童音
              </span>
              <audio :src="auidoPathTwo" controls></audio>
            </li>
          </ul>
          <h3 id="c006">亡羊补牢</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">
@@ -100,8 +100,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>
          <p class="center">
            <!-- <img class="img-g" alt="" src="../../assets/images/i0012-1.jpg" /> -->
          </p>

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

@@ -51,24 +51,24 @@
          <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>
              <span class="wh-nr auido-text mr-8">男童音</span>
              <audio :src="auidoPathOne" controls></audio>
            </li>
            <li class="fl al-cn">
              <span class="wh-nr">
            <li class="fl al-cn mt-20">
              <span class="wh-nr auido-text mr-8">
                女童音
              </span>
              <audio :src="auidoPathTwo" controls></audio>
            </li>
          </ul>
          <h3 id="c009">小儿垂钓</h3>
          <p class="block2">〔唐〕胡令能</p>
          <p class="block2">蓬头稚子学垂纶，</p>
          <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>
          <p class="block2 m16-0">路人借问遥招手，</p>
          <p class="block2 m16-0">怕得鱼惊不应人。</p>
          <video
            :src="videoPathOne"
            webkit-playsinline="true"

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

@@ -57,22 +57,22 @@
          <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>
              <span class="wh-nr auido-text mr-8">男童音</span>
              <audio :src="auidoPathOne" controls></audio>
            </li>
            <li class="fl al-cn">
              <span class="wh-nr">
            <li class="fl al-cn mt-20">
              <span class="wh-nr auido-text mr-8">
                女童音
              </span>
              <audio :src="auidoPathTwo" controls></audio>
            </li>
          </ul>
          <h3 id="c012">寻隐者不遇</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>
          <video
            :src="videoPathOne"
            webkit-playsinline="true"

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

@@ -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>
              <span class="wh-nr auido-text mr-8">男童音</span>
              <audio :src="auidoPathOne" controls></audio>
            </li>
            <li class="fl al-cn">
              <span class="wh-nr"> 女童音 </span>
            <li class="fl al-cn mt-20">
              <span class="wh-nr auido-text mr-8"> 女童音 </span>
              <audio :src="auidoPathTwo" controls></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"