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

zhongshujie

2024-11-06 eede90603b539f0945d0b26ffa00e1baaaa6af34

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

 src/books/artAndDrama/assets/main.less

@@ -22,6 +22,10 @@
    width: 90%;
  }

  .w70{
    width: 70%;
  }

  .ma-l-40{
    margin-left: 40px;
    max-width: 490px;
@@ -868,6 +872,14 @@
    .mar-block{
      margin:  12% 5% 5% 7%
    }

    .w70{
      width: 90%;
    }

    .special-P{
      text-indent: 0em;
    }
  }
}


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

@@ -200,13 +200,13 @@
            <span
              class="hs1 rhombus">◇</span>生活中，我们总会遇到各种各样的诱惑。面对诱惑时，我们的内心常常会有两个不同的声音出现：一个声音要求我们严于律己，另一个声音要求我们随心所欲。请你分析一下，当蚂蚁队长面对掉落的奶酪渣的诱惑时，他内心的两个声音会说些什么呢？
          </p>
          <p class="text t-l">正义队长：
          <p class="text t-l special-P">正义队长：
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              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">黑暗队长：
          <p class="text t-l special-P">黑暗队长：
            <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
              class="w90 ma-l-40"  @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')"

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

@@ -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> -->

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

@@ -15,7 +15,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>
@@ -171,20 +171,19 @@
          <p class="text rhombusFather">
            <span class="hs1 rhombus">◇</span>请按照事件六要素的结构给大家分享一件快乐的事吧！
          </p>
          <p class="text2">
            时间：<input v-model="questionData.warnUp.one" class="input-bottom-border fz-18" @change="setBookQuestion"
              style="width: 70%" />
          <p class="text2 special-P">
            时间：<input v-model="questionData.warnUp.one" class="input-bottom-border fz-18 w70" @change="setBookQuestion"
              />
          </p>
          <p class="text2">
            地点：<input v-model="questionData.warnUp.two" class="input-bottom-border fz-18" @change="setBookQuestion"
              style="width: 70%" />
          <p class="text2 special-P">
            地点：<input v-model="questionData.warnUp.two" class="input-bottom-border fz-18 w70" @change="setBookQuestion"
              />
          </p>
          <p class="text2">
            人物：<input v-model="questionData.warnUp.three" class="input-bottom-border fz-18" @change="setBookQuestion"
              style="width: 70%" />
          <p class="text2 special-P">
            人物：<input v-model="questionData.warnUp.three" class="input-bottom-border fz-18 w70" @change="setBookQuestion"
              />
          </p>

          <p class="text2 t-l">
          <p class="text2 t-l special-P">
            起因：
            <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
              class="w90 ma-l-40 fz-16 fm-son"  @change="setBookQuestion"
@@ -192,7 +191,7 @@
              @blur="handleBlur('two')">
            </textarea>
          </p>
          <p class="text2 t-l">
          <p class="text2 t-l special-P">
            经过：
            <textarea v-model="questionData.reading.three" placeholder="请输入内容" rows="6"
              class="w90 ma-l-40 fz-16 fm-son"  @change="setBookQuestion"
@@ -200,7 +199,7 @@
              @blur="handleBlur('three')">
            </textarea>
          </p>
          <p class="text2 t-l">
          <p class="text2 t-l special-P">
            结果：
            <textarea v-model="questionData.reading.four" placeholder="请输入内容" rows="6"
              class="w90 ma-l-40 fz-16 fm-son" @change="setBookQuestion"

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

@@ -10,7 +10,7 @@
                    <p class="block3"><span class="hs">剧本</span></p>
                    <p class="center1 mar-t-b-5"><span class="hs ft-25">一块奶酪</span></p>
                    <p class="block text">演员表：蚂蚁队长、小蚂蚁、大头蚂蚁、小眼镜蚂蚁、蚂蚁小妹、奶酪人</p>
                    <p class="block3 selections"><span class="hs">选段1</span></p>
                    <p class="block3 selections special-P"><span class="hs">选段1</span></p>
                    <p class="block text">【起光，蚂蚁队长上场】</p>
                    <p class="block text">咻咻—</p>
                    <p class="block text">【蚂蚁队长吹响集合号，蚂蚁们迅速跑上场站好队形】</p>
@@ -55,7 +55,7 @@
                    <p class="block text">【蚂蚁队长走到奶酪面前使劲抬】</p>
                    <p class="block text">蚂蚁队长：哎哟，哎哟，哎哟哟。</p>
                    <p class="block text">【蚂蚁队长一次也没抬起来】</p>
                    <p class="block3 selections"><span class="hs">选段2</span></p>
                    <p class="block3 selections special-P"><span class="hs">选段2</span></p>
                    <p class="block text">蚂蚁队长：（起身）<span class="un1">我决定了</span>！大家<span
                            class="un1">一起搬</span>！这块奶酪以我为首，搬运的路上<span class="un1">不许偷吃</span>！</p>
                    <p class="block text">蚂蚁们：<span class="un1">是</span>！</p>
@@ -85,7 +85,7 @@
                    <p class="block text">【音乐起，蚂蚁们抬着奶酪向前走着】</p>
                    <p class="block text">蚂蚁们：奶酪！奶酪！我们的奶酪！奶酪！奶酪！我们一起分享。</p>
                    <p class="block text">【蚂蚁们陶醉中】</p>
                    <p class="block3 selections"><span class="hs">选段3</span></p>
                    <p class="block3 selections special-P"><span class="hs">选段3</span></p>
                    <p class="block text">嘭—</p>
                    <p class="block text">【蚂蚁们用劲过猛，奶酪的一个角掉了】</p>
                    <p class="block text">蚂蚁小妹：<span class="un1">啊</span>！队长！奶酪的角<span class="un1">掉了</span>！</p>
@@ -112,7 +112,7 @@
                </h1>
                <img class="headerimg " src="../../assets/images/page5.png" alt="" />
                <div class="bodystyle">
                    <p class="block3 selections"><span class="hs">选段4</span></p>
                    <p class="block3 selections special-P"><span class="hs">选段4</span></p>
                    <p class="block text">【舞台变光，演员立正站好】</p>
                    <p class="block text">蚂蚁队长：休息一会儿！</p>
                    <p class="block text">蚂蚁小妹：<span class="un1">为什么</span>要休息呀？</p>
@@ -124,7 +124,7 @@
                    <p class="block text">蚂蚁队长：全体都有！稍息！立正！向后—转！齐步—走！</p>
                    <p class="block text">蚂蚁队长：立—定！原地休息！</p>
                    <p class="block text">【蚂蚁们跟随口令消失在草丛里】</p>
                    <p class="block3 selections"><span class="hs">选段5</span></p>
                    <p class="block3 selections special-P"><span class="hs">选段5</span></p>
                    <p class="block text">【蚂蚁队长向草丛里望去，确定没有声响】</p>
                    <p class="block text">蚂蚁队长：（小声）嘿嘿嘿，吃掉后就说被风刮走或者就说被老鹰吃掉就好啦！</p>
                    <p class="block text">【蚂蚁队长低下头，嗅了一下奶酪】</p>

 yarn.lock

Diff too large