艺术戏曲调整最小高度

user1

2024-06-13 6908a890e5b760f9bd5de140870fc62769b08f00

艺术戏曲调整最小高度

 src/books/artAndDrama/assets/main.less

@@ -627,6 +627,9 @@
      .video-box {
        max-width: 370px;
      }
      .page-box{
        min-height: 500px;
      }
    }
  }
::-webkit-scrollbar {

 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" />

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

@@ -1,11 +1,11 @@
<template>
  <div class="chapter" num="1">
    <div class="page-box mt-20" page="1" style="min-height: auto">
    <div class="page-box mt-20" page="1" >
      <div v-if="showPageList.indexOf(1) > -1">
        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
      </div>
    </div>
    <div class="page-box mt-20" page="2" style="min-height: auto">
    <div class="page-box mt-20" page="2" >
      <div v-if="showPageList.indexOf(2) > -1">
        <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
      </div>