艺术戏剧（手机端修改完成）

zhongshujie

2024-11-06 eede90603b539f0945d0b26ffa00e1baaaa6af34

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

@@ -13,7 +13,7 @@
                <img class="img-gn" alt="" src="../../assets/images/dydd.jpg" />
              </p>
            </div>
            <p class="block" style="margin:  8% 5% 5% 7%">
            <p class="block mar-block">
              戏剧表演中的动作、体态、眼神、声音在塑造角色时起到了重要的作用。本单元我们将继续学习《一块奶酪》的故事，并以偶剧的形式进行表演。
            </p>
          </div>
@@ -79,16 +79,16 @@
          <h2 id="b007" class="problem">第二课　明察秋毫</h2>
          <h3 class="lefth3" id="c013"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
          <p class="text rhombusFather"><span class="hs1 rhombus">◇</span>我们的世界五彩斑斓。请你填一填，提到这些颜色，你想到了哪些事物？</p>
          <p class="text">黄色：柠檬、<input v-model="questionData.warnUp.three" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 70%" /></p>
          <p class="text">红色：鞭炮、<input v-model="questionData.warnUp.four" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 70%" /></p>
          <p class="text">绿色：叶子、<input v-model="questionData.warnUp.five" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 70%" /></p>
          <p class="text">黑色：黑板、<input v-model="questionData.warnUp.six" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 70%" /></p>
          <p class="text">蓝色：大海、<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18"
              @change="setBookQuestion" style="width: 70%" /></p>
          <p class="text special-P">黄色：柠檬、<input v-model="questionData.warnUp.three" class="input-bottom-border fz-18 w70"
              @change="setBookQuestion"  /></p>
          <p class="text special-P">红色：鞭炮、<input v-model="questionData.warnUp.four" class="input-bottom-border fz-18 w70"
              @change="setBookQuestion"  /></p>
          <p class="text special-P">绿色：叶子、<input v-model="questionData.warnUp.five" class="input-bottom-border fz-18 w70"
              @change="setBookQuestion" /></p>
          <p class="text special-P">黑色：黑板、<input v-model="questionData.warnUp.six" class="input-bottom-border fz-18 w70"
              @change="setBookQuestion" /></p>
          <p class="text special-P">蓝色：大海、<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18 w70"
              @change="setBookQuestion" /></p>
          <h3 class="lefth3" id="c014" style="margin-top: 7%;"><img class="img-gn1" alt=""
              src="../../assets/images/czysj.jpg" /></h3>
          <!-- <p class="text"><span class="hs1">◇</span>阅读下面的文字，为小蚂蚁选择一种性格吧。</p> -->
@@ -115,12 +115,12 @@
          <p class="text">常言道：良言一句三冬暖，恶语伤人六月寒。语言在人与人的交往中起着重要的作用，有着无穷的力量。</p>
          <p class="text t-l rhombusFather" ><span class="hs1 rhombus">◇</span>如果朋友心情不好，你该怎么安慰他/她呢？
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'one' }"  @focus="handleFocus('one')"  @blur="handleBlur('one')" ></textarea>
              class="w90 ma-l-40"  @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'one' }"  @focus="handleFocus('one')"  @blur="handleBlur('one')" ></textarea>
          </p>

          <p class="text t-l rhombusFather"><span class="hs1 rhombus">◇</span>如果你邀请好朋友来家里做客，你该说什么来欢迎他/她呢？
            <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion"  :class="{ 'textarea-focused': isFocused === 'two' }"  @focus="handleFocus('two')"  @blur="handleBlur('two')" ></textarea>
              class="w90 ma-l-40"  @change="setBookQuestion"  :class="{ 'textarea-focused': isFocused === 'two' }"  @focus="handleFocus('two')"  @blur="handleBlur('two')" ></textarea>
          </p>

          <h3 class="lefth3" id="c016" style="margin-top: 7%;"><img class="img-gn1" alt=""