艺术戏剧（部署7.3）

zhongshujie

2024-07-03 0cd16877a2ea61e9d086c4e7b93fc3cf17a8ad8e

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

@@ -4,8 +4,7 @@
      <div v-if="showPageList.indexOf(4) > -1">
        <h1 id="a004">
          <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
          <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"
            ></audio>
          <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
        </h1>
        <div class="bodystyle">
          <div class="bk">
@@ -48,7 +47,8 @@
            ></audio> -->
          </h1>
          <!-- 连线题 -->
          <matching :rawData="rawData" :question="question" class="macthing" :primary-color="color" :bordercolor="'#fff'"></matching>
          <matching :rawData="rawData" :question="question" class="macthing" :primary-color="color"
            :bordercolor="'#fff'"></matching>
          <p class="text">小提示：加点的文字为本句话中的逻辑重音，在朗读发音时请重读。</p>
        </div>
        <p><br /></p>
@@ -64,10 +64,12 @@
        <img src="../../assets/images/page6-header-green.png" alt="" style="height: auto; width: 100%" />
        <div class="bodystyle">
          <h3 class="lefth3" id="c001"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
          <choice class="choice" :questions="questions" :primaryColor="accentColor" hoverBackgroundColor="#F58200" hoverColor="white"></choice>
          <choice class="choice" :questions="questions" :primaryColor="accentColor" hoverBackgroundColor="#F58200"
            hoverColor="white"></choice>
          <p class="center openImgBox">
            <img class="img-e" alt="" src="../../assets/images/1-2蚂蚁举大树.gif" />
          </p><p class="center text">
          </p>
          <p class="center text">
            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
              x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
              controlslist="nodownload" class="w100 video " 
@@ -103,8 +105,7 @@
          <p class="text">
            <span class="hs1">◇</span>请将以下课文选段大声朗诵出来，加点的字请重读。
          </p>
          <h1><audio :src="auidoPathThree" controls controlslist="noplaybackrate nodownload" class="audio"
              ></audio></h1>
          <h1><audio :src="auidoPathThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio></h1>
          <div class="bj3">
            <p class="center">
              <span class="hs">春<a id="w1"><sup>1</sup></a>（节选）</span>
@@ -153,8 +154,7 @@
          <h1 class="lefth3 openImgBox" id="c005">
            <img class="img-gn1" alt="" src="../../assets/images/1-3.gif" style="height: auto; width: 50%" />
          </h1>
          <h1><audio :src="auidoPathFour" controls controlslist="noplaybackrate nodownload" class="audio"
             ></audio></h1>
          <h1><audio :src="auidoPathFour" controls controlslist="noplaybackrate nodownload" class="audio"></audio></h1>
          <div class="bj3">
            <p class="center">
              <span class="hs">春<a id="w1"></a><sup>1</sup>（节选）</span>
@@ -200,12 +200,13 @@
            <span
              class="hs1">◇</span>生活中，我们总会遇到各种各样的诱惑。面对诱惑时，我们的内心常常会有两个不同的声音出现：一个声音要求我们严于律己，另一个声音要求我们随心所欲。请你分析一下，当蚂蚁队长面对掉落的奶酪渣的诱惑时，他内心的两个声音会说些什么呢？
          </p>
          <p class="text">正义队长：“
            <input v-model="questionData.warnUp.one" class="input-bottom-border input-w-60"
              @change="setBookQuestion" />。”
          <p class="text t-l">正义队长：
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
          </p>
          <p class="text">黑暗队长：“ <input v-model="questionData.warnUp.two" class="input-bottom-border input-w-60"
              @change="setBookQuestion" />。”
          <p class="text t-l">黑暗队长：
            <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
          </p>
        </div>
        <!-- 此次为页脚部分（需要设置页码） -->
@@ -229,8 +230,7 @@
            <span class="hs1">◇</span>请将以下课文选段大声朗诵出来，加点的字请重读。
          </p>
          <h1>
            <audio :src="auidoPathFive" controls controlslist="noplaybackrate nodownload" class="audio"
             ></audio>
            <audio :src="auidoPathFive" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
          </h1>

          <div class="bj3">
@@ -251,12 +251,12 @@
            <span class="hs1">◇</span>假如你是搬运奶酪的蚂蚁，你要怎么搬运不同形状、大小的奶酪呢？请先为自己设计一个剧本吧：
          </p>
          <p class="text">
            我是蚂蚁 <input v-model="questionData.warnUp.three" class="input-bottom-border fz-18" style=" width: 10%;"
            我是蚂蚁 <input v-model="questionData.warnUp.one" class="input-bottom-border fz-18" style=" width: 13%;"
              @change="setBookQuestion" />（名字），今天是
            <input v-model="questionData.warnUp.four" class="input-bottom-border fz-18" style=" width: 10%;"
              @change="setBookQuestion" />（天气），我的奶酪特别 <input v-model="questionData.warnUp.five"
              class="input-bottom-border fz-18" style=" width: 10%;" @change="setBookQuestion" />（轻/重），我感觉好 <input
              v-model="questionData.warnUp.six" class="input-bottom-border fz-18" style=" width: 10%;"
            <input v-model="questionData.warnUp.two" class="input-bottom-border fz-18" style=" width: 13%;"
              @change="setBookQuestion" />（天气），我的奶酪特别 <input v-model="questionData.warnUp.three"
              class="input-bottom-border fz-18" style=" width: 13%;" @change="setBookQuestion" />（轻/重），我感觉好 <input
              v-model="questionData.warnUp.four" class="input-bottom-border fz-18" style=" width: 13%;"
              @change="setBookQuestion" />（身体感觉）啊！
          </p>
          <hr style="margin-left: 9%; width: 20%;" />
@@ -307,8 +307,8 @@
          </h3>
          <p class="text ends">
            <span><span class="hs1">◇</span>放大缩小</span>
            <span> <audio :src="auidoPathSex" controls controlslist="noplaybackrate nodownload" class="audio"
           ></audio> </span>
            <span> <audio :src="auidoPathSex" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </span>
          </p> 
          <p class="text">
            请你交替“放大”和“缩小”五官。在“放大”时，想象五官要飞到外太空；在“缩小”时，想象五官全部缩小到了鼻尖上。
@@ -316,16 +316,16 @@

          <p class="text ends">
            <span><span class="hs1">◇</span>提升苹果肌</span>
            <span><audio :src="auidoPathSeven" controls controlslist="noplaybackrate nodownload" class="audio"
              ></audio> </span>
            <span><audio :src="auidoPathSeven" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </span>
          </p>
          <p class="text">
            想象你在一个陌生的地方，谁都不认识，突然遇见了好朋友，你很高兴，上前和他/她打招呼。做一做你此时的表情吧。
          </p>
          <p class="text ends">
            <span><span class="hs1">◇</span>微笑说“ang”</span>
            <span><audio :src="auidoPathEight" controls controlslist="noplaybackrate nodownload" class="audio"
             ></audio></span>
            <span><audio :src="auidoPathEight" controls controlslist="noplaybackrate nodownload"
                class="audio"></audio></span>
          </p>
          <p class="text">
            请你试一试在提升苹果肌的基础上，发出“ang”的音。声音要尽可能拉长、保持稳定，并向远送。
@@ -333,8 +333,8 @@

          <p class="text ends">
            <span style="text-wrap: nowrap"><span class="hs1">◇</span>向远山喊“阿毛”</span>
            <span style="margin-left: -4%;"><audio :src="auidoPathNine" controls controlslist="noplaybackrate nodownload" class="audio"
              ></audio></span>
            <span style="margin-left: -4%;"><audio :src="auidoPathNine" controls
                controlslist="noplaybackrate nodownload" class="audio"></audio></span>
            
          </p>
          <p class="text">
@@ -680,10 +680,6 @@
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          enight: "",
        },
        reading: {
          one: "",
@@ -766,6 +762,7 @@
.w70 {
  width: 78%;
}

.choice{
  border: 1px solid green;
  border-radius: 10px;
@@ -774,6 +771,7 @@
  font-family: "STkaiti";
  font-size: 19px;
}

.fw-400 {
  font-weight: 400 !important;
}