艺术戏剧手机端优化

zhongshujie

2024-11-06 78cfdf7c0520f2dda683775bfe22e60975b3ab0e

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

@@ -4,7 +4,8 @@
      <div v-if="showPageList.indexOf(4) > -1">
        <h1 id="a004">
          <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
          <audio style="margin-top: 1em" :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
          <audio style="margin-top: 1em" :src="auidoPathOne" controls controlslist="noplaybackrate nodownload"
            class="audio"></audio>
        </h1>
        <div class="bodystyle">
          <div class="bk">
@@ -79,8 +80,9 @@
            <span>视频：我们是一家人 </span>
            <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
              placement="top-start">
              <img :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? collectCheck : collectImg" alt="" class="collect-btn"
                @click="handleCollect('video')" />
              <img
                :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? collectCheck : collectImg"
                alt="" class="collect-btn" @click="handleCollect('video')" />
            </el-tooltip>
          </p>
        </div>
@@ -201,15 +203,13 @@
              class="hs1 rhombus">◇</span>生活中，我们总会遇到各种各样的诱惑。面对诱惑时，我们的内心常常会有两个不同的声音出现：一个声音要求我们严于律己，另一个声音要求我们随心所欲。请你分析一下，当蚂蚁队长面对掉落的奶酪渣的诱惑时，他内心的两个声音会说些什么呢？
          </p>
          <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')"
            <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 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')"
            <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6" class="w90 ma-l-40"
              @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')"
              @blur="handleBlur('two')"></textarea>
          </p>
        </div>
@@ -376,8 +376,9 @@
            <span>视频：我们是一家人 </span>
            <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
              placement="top-start">
              <img :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? collectCheck : collectImg" alt="" class="collect-btn"
                @click="handleCollect('video')" />
              <img
                :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? collectCheck : collectImg"
                alt="" class="collect-btn" @click="handleCollect('video')" />
            </el-tooltip>
          </p>
        </div>