分页

YM

2024-05-14 aa6ccd0cf3bf2edcbb6b395befca2fc47e588c3a

分页

 src/App.vue

@@ -6,7 +6,6 @@

<script>
import tempBook from './books/childHealth/view/index.vue'

export default {
  name: 'App',
  components: {

 src/books/childHealth/view/content/components/header.vue

File was renamed from src/books/childHealth/view/header/index.vue
@@ -2,7 +2,7 @@
  <div class="page-header">
    <!-- 封面 -->
    <div class="page-box cover">
      <img src="../../assets/images/Cover.jpg" alt="" />
      <img src="../../../assets/images/Cover.jpg" alt="" />
    </div>
    <!-- <p class="center">
      <img alt="" class="imz" src="../assets/images/SMY.jpg" />
@@ -163,7 +163,7 @@
</template>

<script>
import evenHeaderVue from '../components/pageHeader/evenHeader.vue';
import evenHeaderVue from '../../components/pageHeader/evenHeader.vue';
export default {
  name: "page-header",
  components:{evenHeaderVue}

 src/books/childHealth/view/content/index.vue

@@ -1,22 +1,25 @@
<template>
  <div class="page-content">
    <!-- <chapterOne></chapterOne>
    <chapterTwo></chapterTwo> -->
    <!-- <chapterThree></chapterThree> -->
    <!-- <chapterFour></chapterFour> -->
    <!-- <chapterFive></chapterFive> -->
    <!-- <chapterSix></chapterSix> -->
    <chapterSeven></chapterSeven>
    <!-- <chapterEight></chapterEight>
    <chapterNine></chapterNine>
    <chapterTen></chapterTen>
    <chapterEleven></chapterEleven>
    <chapterTwelve></chapterTwelve>
    <chapterThirteen></chapterThirteen> -->
    <pageHeader v-if="showCatalogList.indexOf(0) > -1"></pageHeader>
    <chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne>
    <chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne>
    <chapterTwo v-if="showCatalogList.indexOf(2) > -1"></chapterTwo>
    <chapterThree v-if="showCatalogList.indexOf(3) > -1"></chapterThree>
    <chapterFour v-if="showCatalogList.indexOf(4) > -1"></chapterFour>
    <chapterFive v-if="showCatalogList.indexOf(5) > -1"></chapterFive>
    <chapterSix v-if="showCatalogList.indexOf(6) > -1"></chapterSix>
    <chapterSeven v-if="showCatalogList.indexOf(7) > -1"></chapterSeven>
    <chapterEight v-if="showCatalogList.indexOf(8) > -1"></chapterEight>
    <chapterNine v-if="showCatalogList.indexOf(9) > -1"></chapterNine>
    <chapterTen v-if="showCatalogList.indexOf(10) > -1"></chapterTen>
    <chapterEleven v-if="showCatalogList.indexOf(11) > -1"></chapterEleven>
    <chapterTwelve v-if="showCatalogList.indexOf(12) > -1"></chapterTwelve>
    <chapterThirteen v-if="showCatalogList.indexOf(13) > -1"></chapterThirteen>
  </div>
</template>

<script>
import pageHeader from "./components/header.vue";
import chapterOne from "./components/chapter001.vue";
import chapterTwo from "./components/chapter002.vue";
import chapterThree from "./components/chapter003.vue";
@@ -31,11 +34,20 @@
import chapterTwelve from "./components/chapter012.vue";
import chapterThirteen from "./components/chapter013.vue";



export default {
  name: "temp-book",
  data() {
    return {
      catalogLength: 13,
      showCatalogList: []
    };
  },
  mounted() {
    this.showCatalogList = [0];
  },
  methods: {},
  components: {
    pageHeader,
    chapterOne,
    chapterTwo,
    chapterThree,
@@ -48,10 +60,8 @@
    chapterTen,
    chapterEleven,
    chapterTwelve,
    chapterThirteen,
  },
  methods: {
  },
    chapterThirteen
  }
};
</script>


 src/books/childHealth/view/index.vue

@@ -1,6 +1,5 @@
<template>
  <div class="temp-book" @mouseup="handleMouseUp">
    <pageHeader></pageHeader>
    <pageContent></pageContent>
  </div>
</template>
@@ -8,12 +7,9 @@
<script>
import examinations from "./components/examinations/index.vue";
import { getPublicImage } from "@/assets/js/middleGround/tool";
import pageHeader from "./header/index.vue";
import pageContent from "./content/index.vue";
export default {
  name: "temp-book",
  components: {
    pageHeader,
    pageContent,
    examinations
  },

 vue.config.js

@@ -1,6 +1,7 @@
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  publicPath: "http://182.92.203.7:3007/books/book/1",
  publicPath: "/books/book/1",
  // publicPath: "./",
  transpileDependencies: true,
  lintOnSave: false,
  // devServer: {