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

zhongshujie

2024-11-06 eede90603b539f0945d0b26ffa00e1baaaa6af34

 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>
@@ -125,7 +125,7 @@
          <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="fz-16 fm-son" @change="setBookQuestion"
              class="w90 ma-l-40 fz-16 fm-son"  @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')"
              @blur="handleBlur('one')">
            </textarea>
@@ -171,39 +171,38 @@
          <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"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
              class="w90 ma-l-40 fz-16 fm-son"  @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')"
              @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"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
              class="w90 ma-l-40 fz-16 fm-son"  @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'three' }" @focus="handleFocus('three')"
              @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"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
              class="w90 ma-l-40 fz-16 fm-son" @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'four' }" @focus="handleFocus('four')"
              @blur="handleBlur('four')">
            </textarea>
@@ -211,7 +210,7 @@
          <p class="text t-l rhombusFather" style="margin-top: 7%">
            <span class="hs1 rhombus">◇</span>你有烦恼吗？说一说是什么，你是怎么处理它的？
            <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
              class="w90 ma-l-40 fz-16 fm-son"  @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'five' }" @focus="handleFocus('five')"
              @blur="handleBlur('five')">
            </textarea>