优化

unknown

2024-06-04 17f130e5aa42d8087128a46f1ab05d0976615d51

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

@@ -1,8 +1,14 @@
<template>
  <div class="chapter" num="1">
    <div class="page-box" page="4">
  <div class="chapter" num="2">
    <div class="page-box" page="4" style="min-height: auto">
      <div v-if="showPageList.indexOf(4) > -1">
        <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
        <img
          src="../../assets/images/01.gif"
          alt=""
          style="width: 53%"
          class="cover-img"
        />
      </div>
    </div>
    <div class="page-box" page="5">
@@ -14,7 +20,7 @@
        />
        <div class="padding-96">
          <p class="center">
            <img class="img-a" alt="" src="../../assets/images/image6-1.jpg" />
            <img class="img-a" alt="" src="../../assets/images/01-2.gif" />
          </p>
          <h2 class="lefth2" id="b001">
            <img class="img-gn" alt="" src="../../assets/images/rhybx.jpg" />
@@ -88,7 +94,7 @@
      </div>
    </div>
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(5) > -1" class="fl fl-cl ju-bt">
      <div v-if="showPageList.indexOf(7) > -1" class="pg-mh">
        <img
          src="../../assets/images/pageContentHeader.jpg"
          alt=""
@@ -121,10 +127,10 @@
          </div>
          <p class="center"><img class="img-0" alt="" src="image/ym.jpg" /></p>
        </div>
        <ul>
        <ul class="pb-box">
          <li class="ml-40">
            <img src="../../assets/images/icon/tree.jpg" />
            <span class="dl-ib"> 2 </span>
            <span class="dl-ib"> 4 </span>
          </li>
          <li>
            <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
@@ -136,7 +142,7 @@
</template>

<script>
import getResourcePath from "@/assets/methods/resources";
import { getResourcePath } from "@/assets/methods/resources";
export default {
  name: "chapterOne",
  props: {
@@ -170,4 +176,9 @@
.fz-26 {
  font-size: 26px !important;
}
.cover-img {
  position: absolute;
  top: 33%;
  left: 23%;
}
</style>