优化

unknown

2024-06-13 27ab76c04884e6cc761872bd390e49afa1b61ebc

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

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="2">
    <div class="page-box" page="4" style="min-height: auto">
    <div class="page-box" page="4">
      <div v-if="showPageList.indexOf(4) > -1">
        <h1 id="a004">
          <!-- 这里的动图有问题，没有背景图片 -->
@@ -28,7 +28,7 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="5" style="min-height: auto">
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
        <h1>
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
@@ -60,7 +60,7 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="6" style="min-height: auto">
    <div class="page-box" page="6">
      <div v-if="showPageList.indexOf(6) > -1">
        <h1>
          <img src="../../assets/images/page6-header-green.png" alt="" style="height: auto; width: 100%" />
@@ -98,7 +98,7 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="7" style="min-height: auto">
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
        <h1>
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
@@ -147,7 +147,7 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="8" style="min-height: auto">
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
        <h1>
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
@@ -190,7 +190,7 @@
        <div class="page-footer-number-right">5</div>
      </div>
    </div>
    <div class="page-box" page="9" style="min-height: auto">
    <div class="page-box" page="9">
      <div v-if="showPageList.indexOf(9) > -1">
        <h1>
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
@@ -220,7 +220,7 @@
        <div class="page-footer-number-left">6</div>
      </div>
    </div>
    <div class="page-box" page="10" style="min-height: auto">
    <div class="page-box" page="10">
      <div v-if="showPageList.indexOf(10) > -1">
        <h1>
          <img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
@@ -277,7 +277,7 @@
        <div class="page-footer-number-right">7</div>
      </div>
    </div>
    <div class="page-box" page="11" style="min-height: auto">
    <div class="page-box" page="11">
      <div v-if="showPageList.indexOf(11) > -1">
        <h1>
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
@@ -298,7 +298,7 @@
        <div class="page-footer-number-left">8</div>
      </div>
    </div>
    <div class="page-box" page="12" style="min-height: auto">
    <div class="page-box" page="12">
      <div v-if="showPageList.indexOf(12) > -1">
        <h1>
          <img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
@@ -332,7 +332,7 @@
        <div class="page-footer-number-right">9</div>
      </div>
    </div>
    <div class="page-box" page="13" style="min-height: auto">
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
        <h1>
          <img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />