From aa6ccd0cf3bf2edcbb6b395befca2fc47e588c3a Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期二, 14 五月 2024 16:53:08 +0800
Subject: [PATCH] 分页
---
vue.config.js | 3 ++-
src/books/childHealth/view/content/components/header.vue | 4 ++--
src/books/childHealth/view/index.vue | 4 ----
src/App.vue | 1 -
src/books/childHealth/view/content/index.vue | 48 +++++++++++++++++++++++++++++-------------------
5 files changed, 33 insertions(+), 27 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 1bd3cc2..7ffa3df 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,6 @@
<script>
import tempBook from './books/childHealth/view/index.vue'
-
export default {
name: 'App',
components: {
diff --git a/src/books/childHealth/view/header/index.vue b/src/books/childHealth/view/content/components/header.vue
similarity index 98%
rename from src/books/childHealth/view/header/index.vue
rename to src/books/childHealth/view/content/components/header.vue
index 06cb6d7..7d083a7 100644
--- a/src/books/childHealth/view/header/index.vue
+++ b/src/books/childHealth/view/content/components/header.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}
diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index e5df4cc..e47625e 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/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>
diff --git a/src/books/childHealth/view/index.vue b/src/books/childHealth/view/index.vue
index 4c92694..916853c 100644
--- a/src/books/childHealth/view/index.vue
+++ b/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
},
diff --git a/vue.config.js b/vue.config.js
index 66342ce..91bbb0c 100644
--- a/vue.config.js
+++ b/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: {
--
Gitblit v1.9.1