From 92b4aea88467686de1009e822ba9310fb8553634 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期三, 23 四月 2025 17:19:28 +0800
Subject: [PATCH] 最新样章
---
src/books/toddlerSportsSafetyProtection/assets/images/0086-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0118-04.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0173-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0177-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0045-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0047-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0049-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0134-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0140-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0142-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0178-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0176-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0085-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0120-02.jpg | 0
src/books/artInitiationForAges0to3/assets/images/header-right.png | 0
src/books/toddlerSportsSafetyProtection/assets/images/0124-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0115-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0139-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0181-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0174-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0117-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0170-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0144-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0146-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0148-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0119-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0135-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0113-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0133-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0043-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0013_04.jpg | 0
src/books/artInitiationForAges0to3/assets/images/header-left.jpg | 0
src/books/artInitiationForAges0to3/assets/images/fengDi.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0123-04.jpg | 0
src/books/artInitiationForAges0to3/assets/images/0007-01.png | 0
src/books/toddlerSportsSafetyProtection/assets/images/0027_02.jpg | 0
src/books/artInitiationForAges0to3/assets/images/feiYe.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0095-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0090-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0169-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0131-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0127-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0123-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0147-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0094-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0098-02.jpg | 0
src/books/artInitiationForAges0to3/assets/Fonts/hyc1gjm.ttf | 0
src/books/toddlerSportsSafetyProtection/view/index.vue | 80
src/books/toddlerSportsSafetyProtection/assets/images/0096-03.jpg | 0
src/books/artInitiationForAges0to3/assets/images/Figure-0013-02.jpg | 0
src/books/artInitiationForAges0to3/assets/Fonts/FZZHJW.TTF | 0
src/books/toddlerSportsSafetyProtection/assets/images/0116-01.jpg | 0
src/books/toddlerSportsSafetyProtection/view/components/header.vue | 185 +
src/books/toddlerSportsSafetyProtection/assets/images/0099-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0112-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0013_01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0109-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0088-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0105-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0178-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0120-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0173-04.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0085-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0118-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0027-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0029-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0088-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0115-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0136-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0113-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0134-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0099-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0119-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0032-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0121-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0128-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0104-02.jpg | 0
src/books/artInitiationForAges0to3/assets/images/Figure-0007-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0181-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0063-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/Fonts/hyg6gjm.ttf | 0
src/books/toddlerSportsSafetyProtection/assets/images/0172-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0117-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0111-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0074-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0148-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0093-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0090-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0098-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0057-01.jpg | 0
src/books/artInitiationForAges0to3/assets/Fonts/hya1gjm.ttf | 0
src/books/toddlerSportsSafetyProtection/assets/images/0105-04.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0096-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0099-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0145-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0128-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0028_02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0169-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0166-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0131-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0147-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0123-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0180-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0142-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/a2.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0112-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0022_01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0125-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0140-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0109-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0136-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0114-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/view/components/index.vue | 0
src/books/toddlerSportsSafetyProtection/assets/images/0090-05.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0175-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0186-02.jpg | 0
src/App.vue | 10
src/books/artInitiationForAges0to3/assets/images/Figure-0013-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0103-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0085-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0087-01.jpg | 0
src/books/artInitiationForAges0to3/assets/Fonts/FZSSK.TTF | 0
src/books/toddlerSportsSafetyProtection/assets/images/0048-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0113-04.jpg | 0
src/books/artInitiationForAges0to3/assets/Fonts/FZLTXHK.TTF | 0
src/books/toddlerSportsSafetyProtection/assets/images/0046-01.jpg | 0
src/books/artInitiationForAges0to3/assets/main.less | 1504 +++++++++++++
src/books/artInitiationForAges0to3/view/components/chapter001.vue | 1026 +++++++++
src/books/toddlerSportsSafetyProtection/assets/images/0044-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0141-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0013_02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0177-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0121-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0173-05.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0088-03.jpg | 0
src/books/artInitiationForAges0to3/assets/images/Figure-0007-02.jpg | 0
src/books/aurturingAndEducationAged0to3/view/components/index.vue | 2
src/books/toddlerSportsSafetyProtection/assets/images/0106-01.jpg | 0
src/books/artInitiationForAges0to3/assets/images/Figure-0021-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0089-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0102-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0178-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0172-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0083-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0104-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0169-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0100-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0096-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0123_05.png | 0
src/books/artInitiationForAges0to3/assets/images/Figure-0006-04.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0028_01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0130-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0148-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0110-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0033-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0093-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/a1.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0105-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0144-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0109-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0090-04.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0138-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0125-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0140-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0182-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0120-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0145-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0114-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0118-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0171-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0175-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0149-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0127-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0087-04.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0131-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0134-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0103-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0173-02.jpg | 0
src/books/artInitiationForAges0to3/assets/images/Cover.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0123-01.jpg | 0
src/books/artInitiationForAges0to3/view/components/header.vue | 147 +
src/books/toddlerSportsSafetyProtection/assets/images/0133-04.jpg | 0
src/books/artInitiationForAges0to3/view/index.vue | 80
src/books/toddlerSportsSafetyProtection/assets/images/0179-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0177-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0172-04.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0116-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0086-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0087-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0178-04.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0119-03.jpg | 0
src/books/artInitiationForAges0to3/assets/Fonts/hyb1gjm.ttf | 0
src/books/toddlerSportsSafetyProtection/assets/images/0114-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0138-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0135-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0133-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0141-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0093-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0095-03.jpg | 0
src/books/artInitiationForAges0to3/assets/Fonts/FZY1JW.TTF | 0
src/books/toddlerSportsSafetyProtection/assets/images/0089-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0126-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0173-06.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0102-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0100-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/view/index.vue | 0
src/books/toddlerSportsSafetyProtection/assets/images/0124-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0113-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0115-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0094-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0013-03.jpg | 0
src/books/artInitiationForAges0to3/view/components/index.vue | 989 ++++++++
src/books/toddlerSportsSafetyProtection/assets/images/0097-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0095-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0125-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0146-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0090-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0149-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0127-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0151-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0017-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/main.less | 1559 ++++++++++++++
src/books/toddlerSportsSafetyProtection/assets/images/0020-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0116-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0087-03.jpg | 0
src/books/aurturingAndEducationAged0to3/view/components/chapter004.vue | 2
src/books/toddlerSportsSafetyProtection/assets/images/0173-01.jpg | 0
src/books/artInitiationForAges0to3/assets/images/Figure-0028-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0184-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0085-04.jpg | 0
src/books/toddlerSportsSafetyProtection/view/components/index.vue | 989 ++++++++
src/books/toddlerSportsSafetyProtection/assets/images/0132-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0133-03.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0105-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0121-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0015_01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0120-04.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0118-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0110-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/0107-01.jpg | 0
241 files changed, 6,568 insertions(+), 5 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 9d862c9..e373f04 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -29,6 +29,8 @@
<policiesAndRegulations v-if="activeBook.name == 'policiesAndRegulations'"></policiesAndRegulations>
<OralAndBroadcasting v-if="activeBook.name == 'OralAndBroadcasting'" ></OralAndBroadcasting>
<practicalCareChildrenManual v-if="activeBook.name == 'practicalCareChildrenManual'"></practicalCareChildrenManual>
+ <artInitiationForAges0to3 v-if="activeBook.name == 'artInitiationForAges0to3'"></artInitiationForAges0to3>
+ <toddlerSportsSafetyProtection v-if="activeBook.name == 'toddlerSportsSafetyProtection'"></toddlerSportsSafetyProtection>
</div>
</template>
<script>
@@ -80,7 +82,9 @@
preschoolBasicKnowledge: ()=> import("./books/preschoolBasicKnowledge/view/index.vue"),
policiesAndRegulations: ()=> import("./books/policiesAndRegulations/view/index.vue"),
OralAndBroadcasting:()=> import("./books/OralAndBroadcasting/view/index.vue"),
- practicalCareChildrenManual: ()=> import("./books/practicalCareChildrenManual/view/index.vue")
+ practicalCareChildrenManual: ()=> import("./books/practicalCareChildrenManual/view/index.vue"),
+ artInitiationForAges0to3: ()=> import("./books/artInitiationForAges0to3/view/index.vue"),
+ toddlerSportsSafetyProtection : ()=> import("./books/toddlerSportsSafetyProtection/view/index.vue"),
},
data() {
return {
@@ -132,11 +136,13 @@
// preschoolBasicKnowledge //瀛﹀墠鏁欒偛鍩虹鐭ヨ瘑
// policiesAndRegulations //鏀跨瓥娉曞緥涓庢硶瑙剕鏃呮父绀�
// practicalCareChildrenManual // 濠村辜鍎跨収鎶ゅ疄褰�
+ // artInitiationForAges0to3 // 0-3宀佸┐骞煎効鑹烘湳鍚挋
+ // toddlerSportsSafetyProtection // 濠村辜鍎胯繍鍔ㄥ畨鍏ㄤ笌淇濇姢
this.activeBook = await this.config.getBookConfig(
process.env.VUE_APP_RESOURCE_CTX +
(process.env.VUE_APP_ENV == "product"
? process.env.VUE_APP_BOOK_ID
- : "meetingPlanners")
+ : "toddlerSportsSafetyProtection")
);
// this.activeBook = await this.config.getBookConfig(
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/FZLTXHK.TTF b/src/books/artInitiationForAges0to3/assets/Fonts/FZLTXHK.TTF
new file mode 100644
index 0000000..53cdf4b
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/FZLTXHK.TTF
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/FZSSK.TTF b/src/books/artInitiationForAges0to3/assets/Fonts/FZSSK.TTF
new file mode 100644
index 0000000..d4f6b93
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/FZSSK.TTF
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/FZY1JW.TTF b/src/books/artInitiationForAges0to3/assets/Fonts/FZY1JW.TTF
new file mode 100644
index 0000000..0e4f207
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/FZY1JW.TTF
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/FZZHJW.TTF b/src/books/artInitiationForAges0to3/assets/Fonts/FZZHJW.TTF
new file mode 100644
index 0000000..a68081e
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/FZZHJW.TTF
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/hya1gjm.ttf b/src/books/artInitiationForAges0to3/assets/Fonts/hya1gjm.ttf
new file mode 100644
index 0000000..fabdd0b
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/hya1gjm.ttf
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/hyb1gjm.ttf b/src/books/artInitiationForAges0to3/assets/Fonts/hyb1gjm.ttf
new file mode 100644
index 0000000..dc849cf
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/hyb1gjm.ttf
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/hyc1gjm.ttf b/src/books/artInitiationForAges0to3/assets/Fonts/hyc1gjm.ttf
new file mode 100644
index 0000000..a31723c
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/hyc1gjm.ttf
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/0007-01.png b/src/books/artInitiationForAges0to3/assets/images/0007-01.png
new file mode 100644
index 0000000..2d3bd02
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/0007-01.png
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Cover.jpg b/src/books/artInitiationForAges0to3/assets/images/Cover.jpg
new file mode 100644
index 0000000..c33c293
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0006-04.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0006-04.jpg
new file mode 100644
index 0000000..5f2cb84
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0006-04.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0007-01.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0007-01.jpg
new file mode 100644
index 0000000..a211372
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0007-01.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0007-02.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0007-02.jpg
new file mode 100644
index 0000000..5386c1c
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0007-02.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0013-01.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0013-01.jpg
new file mode 100644
index 0000000..ce97355
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0013-01.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0013-02.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0013-02.jpg
new file mode 100644
index 0000000..2168ff1
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0013-02.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0021-01.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0021-01.jpg
new file mode 100644
index 0000000..d14ca22
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0021-01.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0028-01.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0028-01.jpg
new file mode 100644
index 0000000..3a5bd53
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0028-01.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/feiYe.jpg b/src/books/artInitiationForAges0to3/assets/images/feiYe.jpg
new file mode 100644
index 0000000..e1b6870
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/feiYe.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/fengDi.jpg b/src/books/artInitiationForAges0to3/assets/images/fengDi.jpg
new file mode 100644
index 0000000..969df0d
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/fengDi.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/header-left.jpg b/src/books/artInitiationForAges0to3/assets/images/header-left.jpg
new file mode 100644
index 0000000..27c4b09
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/header-left.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/header-right.png b/src/books/artInitiationForAges0to3/assets/images/header-right.png
new file mode 100644
index 0000000..bc717e9
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/header-right.png
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/main.less b/src/books/artInitiationForAges0to3/assets/main.less
new file mode 100644
index 0000000..8b4f92f
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/main.less
@@ -0,0 +1,1504 @@
+.artInitiationForAges0to3 {
+ width: 100%;
+ height: 100%;
+
+ // 鑷畾涔夊唴瀹�
+ .page-box {
+ box-sizing: border-box;
+ min-height: 1128px;
+ margin-bottom: 20px;
+ box-shadow: 0 3px 6px 1px #00000029;
+ background-color: #fff;
+ }
+
+ .wh-no {
+ white-space: nowrap;
+ }
+
+ .c-g {
+ color: green;
+ }
+
+ .c-r {
+ color: red;
+ }
+
+ .t-right {
+ text-align: right;
+ }
+
+ .mr-0 {
+ margin: 0;
+ }
+
+ .mt-10 {
+ margin-top: 10px !important;
+ }
+
+ .mt-20 {
+ margin-top: 20px !important;
+ }
+
+ .table-pad {
+ padding: 1em 0.7em !important;
+ }
+
+ .mt-30 {
+ margin-top: 30px;
+ }
+
+ .mt-70 {
+ margin-top: 70px;
+ }
+
+ .mb-10 {
+ margin-bottom: 10px;
+ }
+
+ .mb-30 {
+ margin-bottom: 30px !important;
+ }
+
+ .ma-l {
+ margin-left: 8%;
+ }
+
+ .ma-0 {
+ margin: 0% !important;
+ }
+
+ .pd-5 {
+ padding: 0 5px;
+ }
+
+ .w100 {
+ width: 100%;
+ }
+
+ .w80 {
+ width: 80%;
+ }
+
+ .w70 {
+ width: 70%;
+ }
+
+ .w25 {
+ width: 25%;
+ }
+
+ .w20 {
+ width: 20%;
+ }
+
+ .fz-13 {
+ font-size: 13px !important;
+ }
+
+ .fz-14 {
+ font-size: 14px !important;
+ }
+
+ .fz-16 {
+ font-size: 16px !important;
+ }
+
+ .fz-18 {
+ font-size: 18px !important;
+ }
+
+ .fz-20 {
+ font-size: 20px;
+ }
+
+ .img-0 {
+ width: 100%;
+ }
+
+ .img-c {
+ width: 70%;
+ }
+
+ .pt-20 {
+ padding-top: 20px;
+ }
+
+ .td-0 {
+ text-indent: 0em !important;
+ }
+
+ .td-1 {
+ text-indent: 1em !important;
+ }
+
+
+ td {
+ padding: 5px 10px;
+ }
+
+ .fl {
+ display: flex;
+ }
+
+ .ju-cn {
+ justify-content: center;
+ }
+
+ .ju-ev {
+ justify-content: space-evenly;
+ }
+
+ .jc-fs {
+ justify-content: flex-start;
+ }
+
+ .fw-w {
+ flex-wrap: wrap;
+ }
+
+ .fd-c {
+ flex-direction: column;
+ }
+
+ .fd-r {
+ flex-direction: row-reverse;
+ }
+
+ .al-c {
+ align-items: center;
+ }
+
+ .al-fe {
+ align-items: flex-end;
+ }
+
+ .ac-f {
+ align-content: flex-end;
+ }
+
+ .jc-fe {
+ justify-content: flex-end;
+ }
+
+ .jc-c {
+ justify-content: center;
+ }
+
+ .jc-sa {
+ justify-content: space-around
+ }
+
+ .mr-70 {
+ margin-right: 70px;
+ }
+
+ .mr-10 {
+ margin-right: 10px;
+ }
+
+ .pad-t-55 {
+ padding-top: 55px;
+ }
+
+ .ma-t-30 {
+ margin-top: 30px;
+ }
+
+ .ma-t-20 {
+ margin-top: 20px;
+ }
+
+ .pad-l-60 {
+ padding-left: 60px;
+ }
+
+ .pad-l-80 {
+ padding-left: 80px;
+ }
+
+
+ .mb-45 {
+ margin-bottom: 45px;
+ }
+
+ .mb-20 {
+ margin-bottom: 20px !important;
+ }
+
+ .header-left {
+ background-color: transparent;
+ padding: 65px 0 50px 0;
+ margin: 0 !important;
+ background-image: url("../assets/images/header-left.jpg");
+ background-size: 35% auto;
+ background-repeat: no-repeat;
+ display: flex;
+ align-items: flex-end
+ }
+
+
+ .headerText {
+ font-size: 14px;
+ font-family: "鏂规姝ｉ粦";
+ font-weight: bold;
+ padding: 0 8px;
+ }
+
+ .headerNumber {
+ font-family: "鏂规姝ｉ粦";
+ font-weight: bold;
+ font-size: 12px;
+ padding: 0 8px;
+ margin: 0 1% 0 9%;
+ }
+
+ .header-right {
+ padding: 4% 0;
+ margin: 0 !important;
+ }
+
+ .header-right-Text {
+ font-family: "鏂规缁嗗渾";
+ font-size: 14px;
+ padding-top: 20px;
+ }
+
+ .header-right-Number {
+ position: relative;
+ width: 15%;
+
+ span {
+ font-family: "鏂规缁嗗渾";
+ font-size: 14px;
+ position: absolute;
+ left: 25%;
+ bottom: 20%;
+ }
+ }
+
+
+
+ table {
+ border-color: none !important;
+ }
+
+ .table-th-bc {
+ background-color: #FEDDB4;
+ color: #000;
+ }
+
+ .table-tr-bc {
+ background-color: #FEF4E4;
+ color: #000;
+ }
+
+ .table-textarea {
+ font-size: 14px;
+ font-family: "Times New Roman", "瀹嬩綋";
+ resize: none;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .textarea-box {
+ border: none;
+ text-align: center;
+ width: 84px;
+ height: 36px;
+ overflow: auto;
+ word-break: break-all;
+ resize: none;
+ }
+
+
+ .b0 {
+ border: 0;
+ }
+
+ .task {
+ width: 16%;
+ margin-bottom: 5em;
+ margin-top: 0;
+ border-top: 0.7em solid #5192C6;
+ }
+
+ .task2 {
+ width: 16%;
+ margin-bottom: 5em;
+ margin-top: 0;
+ border-top: 0.7em solid #F89C1C;
+ }
+
+ .task3 {
+ width: 16%;
+ margin-bottom: 5em;
+ margin-top: 0;
+ border-top: 0.7em solid #448D9C;
+ }
+
+ .task4 {
+ width: 16%;
+ margin-bottom: 5em;
+ margin-top: 0;
+ border-top: 0.7em solid #9EAA60;
+ }
+
+ .p-odd {
+ padding-right: 8%;
+ }
+
+ .p-even {
+ padding-left: 8%;
+ }
+
+ .p-continued {
+ text-align: right;
+ font-size: 14px;
+ margin-bottom: 10px;
+ }
+
+ .img-float {
+ width: 310px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ margin: 0;
+ }
+ }
+
+ .img-rights {
+ width: 310px;
+ float: right;
+ height: auto;
+ margin: auto;
+ margin-left: 20px;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ margin: 0 !important;
+ }
+ }
+
+ .w430 {
+ width: 430px;
+ }
+
+ .w395 {
+ width: 395px;
+ }
+
+ .w350 {
+ width: 350px;
+ }
+
+ .w290 {
+ width: 290px;
+ }
+
+ .w280 {
+ width: 280px;
+ }
+
+ .w275 {
+ width: 275px;
+ }
+
+ .w270 {
+ width: 270px;
+ }
+
+ .w250 {
+ width: 250px;
+ }
+
+ .w230 {
+ width: 230px;
+ }
+
+ .w220 {
+ width: 220px;
+ }
+
+ .w200 {
+ width: 200px;
+ }
+
+ .w180 {
+ width: 180px;
+ }
+
+ .w150 {
+ width: 150px;
+ }
+
+ .w115 {
+ width: 115px;
+ }
+
+ .pdf-text {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: flex-start;
+ margin-bottom: 20px;
+
+ p {
+ margin: 0;
+ margin-right: 10px;
+ }
+
+ .pdf-con {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding: 10px 0;
+ box-sizing: border-box;
+ border-radius: 10px;
+
+ .pdf-view {
+ min-width: 160px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 0.15em dashed #895B2E;
+ margin-right: 15px;
+ padding: 0 15px;
+ border-radius: 5px;
+ margin-top: 15px;
+
+ span {
+ font-size: 14px;
+ text-align: center;
+ font-family: 'FZLTXIHJW';
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+
+ svg {
+ fill: #895B2E;
+ }
+ }
+
+ span:nth-child(2) {
+ padding-top: 5px;
+ box-sizing: border-box;
+ }
+
+ span:hover {
+ color: #895B2E;
+ cursor: pointer;
+ text-decoration: underline;
+ -webkit-user-select: none;
+ /* Safari 3.1+ */
+ -moz-user-select: none;
+ /* Firefox 2+ */
+ -ms-user-select: none;
+ /* IE 10+ */
+ user-select: none;
+ /* 鏍囧噯璇硶 */
+ }
+ }
+ }
+
+ .pdf-con-15 {
+ margin-top: -20px;
+ }
+ }
+
+ .fm-hyzh {
+ font-family: "姹変华涓粦";
+ font-weight: 500;
+ }
+
+ .fm-hyss {
+ font-family: "姹変华涔﹀畫";
+ }
+
+ div.bk-ztgs {
+ border: 0.15em dotted #5192c6;
+ padding: 0.5em;
+ margin-bottom: 2em;
+ margin-top: 2em;
+ border-radius: 1em;
+ position: relative;
+ }
+
+ p.bj1-ztgs {
+ background-color: #5192c6;
+ color: #ffffff;
+ display: inline-block;
+ font-size: 1em;
+ padding: 0.1em 0.7em 0.12em 0.7em;
+ font-weight: bold;
+ border-radius: 0em;
+ margin-left: 0em;
+ text-align: center;
+ text-indent: 0em;
+ position: absolute;
+ top: -2em;
+ }
+
+
+ .link-float {
+ width: 150px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+ }
+
+ .imgBox-003 {
+ width: 100%;
+ height: 280px;
+ margin-bottom: 18px;
+ }
+
+ // 棰樼洰}
+
+ .textarea-main {
+ background-color: transparent;
+ max-width: 95%;
+ min-width: 95%;
+ outline: none;
+ }
+
+ .textarea-focused {
+ border-color: #5192c6 !important;
+ box-shadow: #5192c6 !important;
+ }
+
+ .select-border {
+ width: 60px;
+ border: 0;
+ border-bottom: 1px solid #767676;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .btn-border {
+ border-radius: 6px;
+ border-color: #5192C6;
+ }
+
+ .btn-w {
+ cursor: pointer;
+ font-size: 14px;
+ border-width: 1px;
+ width: 80px;
+ height: 30px;
+ background-color: #fff;
+
+ &:hover {
+ background-color: #5192C6;
+ color: #fff;
+ }
+ }
+
+ .parimary-btn {
+ cursor: pointer;
+ min-width: 80px;
+ height: 30px;
+ font-size: 14px;
+ margin-left: 5px;
+ background-color: #5192C6;
+ border-color: #5192C6;
+ border-width: 1px;
+ color: #fff;
+ border-radius: 6px;
+
+ &:hover {
+ background-color: #a1afc8;
+ border-color: #a1afc8;
+ }
+ }
+
+ .event-header-text-bc {
+ background-color: #bbd4ec;
+ }
+
+ .video-box {
+ margin: 20px 0 20px 8%;
+ border: 1px dashed #895B2E;
+ padding: 2% 2%;
+ }
+
+ .video-box-left {
+ margin: 20px 8% 20px 0;
+ border: 1px dashed #895B2E;
+ padding: 2% 2%;
+ }
+
+ .videoname {
+ display: flex;
+ justify-content: center;
+ }
+
+ .collect-btn {
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ margin-left: 10px;
+ margin-top: 0.8%;
+ }
+
+ .collect-btn1 {
+ cursor: pointer;
+ width: 10px;
+ height: 10px;
+ margin-left: 10px;
+ margin-top: 0.8%;
+ }
+
+ .unitImg {
+ position: relative;
+ z-index: 1;
+ }
+
+ .unitBox {
+ z-index: 99;
+ position: absolute;
+ top: -5px;
+ left: 40px;
+ }
+
+ .unit2Box {
+ z-index: 99;
+ position: absolute;
+ top: -200px;
+ left: 40px;
+ }
+
+ .unitGraphic {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background-color: #5192C6;
+ border-radius: 50%;
+ margin-right: 15px;
+ }
+
+ .unit2Graphic {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background-color: #F89C1C;
+ border-radius: 50%;
+ margin-right: 15px;
+ }
+
+ .unit3Graphic {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background-color: #448D9C;
+ border-radius: 50%;
+ margin-right: 15px;
+ }
+
+ .unit4Graphic {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background-color: #9EAA60;
+ border-radius: 50%;
+ margin-right: 15px;
+ }
+
+
+ .unitText {
+ color: #5192C6;
+ font-size: 18px;
+ }
+
+ .unit2Text {
+ color: #F89C1C;
+ font-size: 16px;
+ }
+
+ .unit3Text {
+ color: #448D9C;
+ font-size: 16px;
+ }
+
+ .unit4Text {
+ color: #9EAA60;
+ font-size: 16px;
+ }
+
+
+
+ // 杩佺Щ
+ .bk-bwh {
+ min-height: 800px;
+ background-color: #DFEBF7;
+ font-size: 1.2em;
+ padding: 25px;
+ border: 4px dotted #197ABF;
+ }
+
+ ul {
+ list-style-type: none;
+ }
+
+ li {
+ list-style-type: none;
+ }
+
+ .custom_tag2 {
+ background-color: #F1BE49;
+ color: #FFFFFF;
+ display: inline-block;
+ padding: 0.5px;
+ border-radius: 1.5em;
+ font-size: 1.1em;
+ padding: 2px 10px 2px 10px;
+ font-weight: bold;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+ .custom_tag1 {
+ background-color: #35ACD6;
+ color: #FFFFFF;
+ display: inline-block;
+ padding: 1px;
+ font-size: 1.1em;
+ padding: 3px 10px 3px 10px;
+ font-weight: bold;
+ box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+ .custom_tag {
+ background-color: #35509F;
+ color: #FFFFFF;
+ display: inline-block;
+ padding: 1px;
+ border-radius: 1.5em;
+ font-size: 1.1em;
+ padding: 10px 20px 10px 20px;
+ font-weight: bold;
+ box-shadow: 30px 0px 0px 0px #F5D83E;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+
+ span.under1 {
+ border-bottom: 2px solid #F0BD4A;
+ border-width: 2px;
+
+ }
+
+ div.bodycontent-div-center {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ }
+
+ img.bodycontent-divcenter-image {
+ float: center;
+ clear: both;
+ height: 140px;
+ margin: 15px;
+ }
+
+ .module_block {
+ display: flex;
+ font-size: 1.1em;
+ position: relative;
+ padding-left: 90px;
+ justify-content: center;
+ align-items: center;
+ margin-right: 91px;
+ }
+
+ .module_block .custom1 {
+ background-color: #9ACC77;
+ padding: 10px 20px;
+ color: #FFFFFF;
+ /* position: absolute; */
+ /* left:0; */
+ /* top: 50%; */
+ border-radius: 0.5em 0em 0em 0.5em;
+ /* transform: translateY(-50%); */
+ }
+
+ .module_block .custom2 {
+ background-color: #E9F3E0;
+ padding: 10px 20px;
+ color: #75A64E;
+ font-weight: bold;
+ border-radius: 0em 0.5em 0.5em 0em;
+ }
+
+
+
+ div.bodycontent-div-left1 {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ background-color: #F0F8FF;
+ }
+
+ div.bodycontent-div-left {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ }
+
+ img.bodycontent-divright-image {
+ float: right;
+ clear: both;
+ height: 140px;
+ margin: 15px;
+ }
+
+ img.bodycontent-divleft-image {
+ float: left;
+ clear: both;
+ height: 110px;
+ margin: 15px;
+ }
+
+
+ div.bodystyle {
+ text-align: justify;
+ margin: 0 11%;
+ padding-bottom: 80px;
+ line-height: 30px;
+ }
+
+ .UnitCover {
+ margin: 0 13%;
+ padding-top: 10%;
+ padding-bottom: 80px;
+ }
+
+ .unit-title-parent {
+ text-align: center;
+ margin: 10% 0;
+ }
+
+ .unit-title {
+ font-family: "鏂规姝ｉ粦";
+ display: inline-block;
+ font-size: 1.6em;
+ font-weight: 500;
+ border-bottom: 1px solid #0082D4;
+ padding: 10px 0;
+ }
+
+
+ span.zt-0 {
+ color: #0087AF;
+ }
+
+ p.pzt-0 {
+ color: #0087AF;
+ font-size: 18px;
+ }
+
+ p.pzt-0-right {
+ font-size: 18px;
+ color: #0087AF;
+ text-align: right;
+ }
+
+ p.pzt-1 {
+ font-weight: bold;
+ color: #0087AF;
+ font-size: 18px;
+ }
+
+ div.sgc-toc-title {
+ font-size: 2em;
+ font-weight: bold;
+ margin-bottom: 1em;
+ text-align: center;
+ }
+
+
+ .block {
+ font-family: "kaiTi";
+ text-indent: 2em;
+ line-height: 30px;
+ font-size: 17px;
+ text-align: justify;
+ }
+
+ .block1 {
+ text-align: center;
+ }
+
+ .img {
+ font-family: 'FZLTXIHJW';
+ text-align: center;
+ font-size: 14px;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .img1 {
+ font-family: 'FZLTXIHJW';
+ text-align: right;
+ font-size: 0.85em;
+ margin-left: 0%;
+ margin-right: 2em;
+ text-indent: 0em;
+ }
+
+
+ p {
+ font-family: "鏂规涔﹀畫";
+ margin-top: 0em;
+ margin-bottom: 0.2em;
+ text-indent: 2em;
+ line-height: 30px;
+ text-align: justify;
+ }
+
+ .cover {
+ width: 100%;
+ padding: 0px;
+ }
+
+ .center {
+ text-align: center;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .center-ss {
+ text-align: center;
+ color: #EF8472;
+ font-weight: bold;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .left {
+ text-indent: 0em;
+ margin-bottom: 0px;
+ line-height: 20px;
+ }
+
+
+ .img-0 {
+ width: 100%;
+ }
+
+ .img-a {
+ width: 95%;
+ }
+
+ .img-b {
+ width: 70%;
+ }
+
+ .img-c {
+ width: 60%;
+ }
+
+ .img-d {
+ width: 50%;
+ }
+
+ .img-e {
+ width: 45%;
+ }
+
+ .img-f {
+ width: 40%;
+ }
+
+ .img-g {
+ width: 30%;
+ }
+
+ .img-h {
+ width: 20%;
+ }
+
+ .img-i {
+ width: 10%;
+ }
+
+ .img-j {
+ width: 5%;
+ }
+
+ // epub涓嚜甯︾殑鏍峰紡
+ .foreword {
+ padding: 8% 12%;
+ background: radial-gradient(ellipse at center, #def1fb, #FFFFFF)
+ }
+
+ h1.firstTitle {
+ background: transparent;
+ padding: 20% 0 15% 0;
+ text-align: center;
+ font-size: 2em;
+ line-height: 1.2em;
+ text-indent: 0em;
+ color: #231f20;
+ font-family: "鏂规姝ｉ粦";
+ text-shadow: 4px 1px 4px rgba(0, 0, 0, 0.3);
+ }
+
+ .preface {
+ font-family: "鏂规涔﹀畫";
+ text-indent: 2em;
+ color: #000;
+ }
+
+
+ .right-info {
+ font-family: "kaiti";
+ text-align: right;
+ margin-bottom: 0.5em;
+ }
+
+ .imgdescript-l {
+ margin-left: -5%;
+ }
+
+ h2 {
+ text-align: center;
+ color: #00aeef;
+ font-family: "鏂规鍏颁涵绾ょ粏";
+ font-size: 1.5em;
+ }
+
+ .titleQuot-l {
+ text-indent: 0em;
+ margin: 15px 0 10px 0;
+ font-size: 1.2em;
+ font-weight: bold;
+ }
+
+ .poemtitle-l {
+ font-family: "鏂规鍏颁涵绾ょ粏";
+ font-size: 1.1em;
+ margin: 15px 0 10px 0;
+ }
+
+ .quotation {
+ font-family: "kaiti";
+ }
+
+ /*搴曡壊*/
+ .bgColor {
+ padding: 10px 20px;
+ background: #e1f4fc;
+ border: 2px solid #008cb7;
+ border-radius: 10px;
+ margin: 1em auto;
+
+ .bgColor-title {
+ font-family: "鏂规缁嗗渾";
+ font-weight: bold;
+ }
+ }
+
+ // 鎷撳睍瀛︿範
+ .ExpandLearning {
+ padding: 40px 20px 20px 20px;
+ background: #e1f4fc;
+ border-top: 2px solid #008cb7;
+ margin: 1em auto;
+ position: relative;
+ }
+
+ .ExpandLearning-title {
+ text-indent: 0;
+ position: absolute;
+ top: -16px;
+ left: 0px;
+
+ span {
+ background-color: #e1f4fc;
+ height: 20px;
+ width: 30px;
+ padding: 5px;
+ border: 1px solid #008cb7;
+ border-radius: 50%;
+ margin-right: 1px;
+ }
+ }
+
+ .imgdescript{
+ font-size: 13px;
+ text-indent: 0em;
+ text-align: center;
+ }
+
+ .learningDetection{
+ font-family: "姹変华姝ｉ粦";
+ background-color: #6bcff6;
+ font-weight: bold;
+ margin: 30px 0 20px 0;
+ }
+
+ .poemtitle{
+ text-align: center;
+ font-weight: bold;
+ font-family: "鏂规鍏颁涵缁嗛粦";
+ }
+
+ .bold{
+ color: #00aeef;
+ font-weight: bold;
+ }
+
+ .noteContent{
+ font-size: 13.5px;
+ word-break:break-all;
+ margin: 0 !important;
+ line-height: 25px;
+
+ .noteContent-title{
+ font-size: 13.5px;
+ font-weight: bold;
+ margin: 0 !important;
+ }
+ }
+
+ sup{
+ cursor: pointer;
+ }
+}
+
+.pdfModal {
+ width: 100%;
+ height: 90vh;
+
+ .pdfBox-component {
+ width: 100%;
+ height: 100%;
+ position: relative;
+
+ .preview {
+ width: 100%;
+ height: 100%;
+
+ .imageBox {
+ height: calc(100% - 30px);
+ overflow-x: hidden;
+ overflow-y: auto;
+ background: #ccc;
+ box-sizing: border-box;
+ }
+
+ .imageBox:hover {
+ cursor: zoom-in !important;
+ }
+
+ ::v-deep .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
+
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
+
+ ::v-deep .el-dialog__title,
+ ::v-deep .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ }
+ }
+
+ .bottom_tool {
+ height: 30px;
+ background-color: rgba(0, 0, 0, 0.8);
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+
+ svg {
+ margin-right: 15px;
+ fill: #d1d1d1;
+ }
+
+ svg:hover {
+ fill: #fff;
+ cursor: pointer;
+ }
+ }
+ }
+
+ .notBox {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: calc(100% - 30px);
+ min-height: 300px;
+ }
+ }
+}
+
+.custom-dialog {
+ overflow: hidden !important;
+
+ .el-dialog__body {
+ padding: 0;
+ }
+
+ .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
+
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
+
+ .el-dialog__title,
+ .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ }
+ }
+}
+
+.header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ // color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+}
+
+// 琛ㄦ牸鏍峰紡
+table {
+ border-collapse: collapse; //琛ㄦ牸鐨勮竟妗嗗悎骞讹紝濡傛灉鐩搁偦锛屽垯鍏辩敤涓�涓竟妗嗐��
+ border-spacing: 0px; //璁剧疆琛屼笌鍗曞厓鏍艰竟妗嗙殑闂磋窛銆�
+}
+
+@font-face {
+ font-family: '姹変华涓粦';
+ src: url('./Fonts/hyb1gjm.ttf');
+}
+
+@font-face {
+ font-family: '姹変华涔﹀畫';
+ src: url('./Fonts/hya1gjm.ttf');
+}
+
+@font-face {
+ font-family: '姹変华妤蜂綋';
+ src: url('./Fonts/hyc1gjm.ttf');
+}
+
+@font-face {
+ font-family: '鏂规涔﹀畫';
+ src: url('./Fonts/FZSSK.TTF');
+}
+
+@font-face {
+ font-family: '鏂规姝ｉ粦';
+ src: url('./Fonts/FZZHJW.TTF');
+}
+
+@font-face {
+ font-family: '鏂规缁嗗渾';
+ src: url('./Fonts/FZY1JW.TTF');
+}
+
+@font-face {
+ font-family: '鏂规鍏颁涵绾ょ粏';
+ src: url('./Fonts/FZLTXHK.TTF');
+}
+
+
+// @font-face {
+// font-family: 'FZLTXIHJW';
+// src: url('./Fonts/FZLTXIHJW.ttf');
+// }
+
+// @font-face {
+// font-family: 'FZHTJW';
+// src: url('./Fonts/FZHTJW.ttf');
+// }
+
+
+// 闅愯棌椤甸潰
+.hidePage {
+ min-height: 0 !important;
+ height: 0 !important;
+ box-shadow: none !important;
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+
+@media screen and (max-width: 1024px) {
+ .pdfModal {
+ width: 100%;
+ height: 80vh;
+ }
+
+ .custom-dialog {
+ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
+
+@media screen and (max-width: 800px) {
+ .pdfModal {
+ width: 100%;
+ height: 60vh;
+ }
+
+ .custom-dialog {
+ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
+
+@media (max-width: 660px) {
+ .artInitiationForAges0to3 {
+
+ .pad-l-80 {
+ padding-left: 10px;
+ }
+
+ .mr-70 {
+ margin-right: 15px;
+ }
+
+ /* 鍒嗛〉padding */
+ .padding-93 {
+ padding: 0 20px;
+ }
+
+ .padding-102 {
+ padding: 0 20px;
+ }
+
+
+ .img-float {
+ width: 130px;
+ }
+
+ .img-rights {
+ width: 130px;
+ }
+
+ .btn-w {
+ width: 42px;
+ }
+
+ .unitText {
+ color: #5192C6;
+ font-size: 10px;
+ }
+
+ .unit2Text {
+ color: #F89C1C;
+ font-size: 10px;
+ }
+
+ .wh-no {
+ white-space: wrap;
+ }
+
+ td {
+ padding: 5px 10px;
+ }
+ }
+}
+
+@media (min-width: 660px) {
+ .artInitiationForAges0to3 {
+ .padding-93 {
+ padding: 0 93px 0px 93px;
+ }
+
+ .padding-102 {
+ padding: 0 102px 0 102px;
+ }
+ }
+}
+
+::-webkit-scrollbar {
+ width: 8px;
+ height: 10px;
+}
+
+::-webkit-scrollbar-track-piece {
+ background-color: rgba(0, 0, 0, 0.1);
+ -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+ height: 5px;
+ background-color: rgba(125, 125, 125, 0.3);
+ -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+ width: 5px;
+ background-color: rgba(125, 125, 125, 0.3);
+ -webkit-border-radius: 6px;
+}
\ No newline at end of file
diff --git a/src/books/artInitiationForAges0to3/view/components/chapter001.vue b/src/books/artInitiationForAges0to3/view/components/chapter001.vue
new file mode 100644
index 0000000..b44e9e3
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/view/components/chapter001.vue
@@ -0,0 +1,1026 @@
+<template>
+ <div class="chapter" num="2">
+ <!-- 1椤� -->
+ <div class="page-box" page="6">
+ <div v-if="showPageList.indexOf(6) > -1">
+ <div class="UnitCover">
+ <div class="unit-title-parent">
+ <h1 class="unit-title">鍗曞厓涓�銆�璧拌繎0锝�3宀佸┐骞煎効鑹烘湳鍚挋</h1>
+ </div>
+ <p class="titleQuot-1">瀵艰█</p>
+ <div class="bgColor">
+ <p class="">
+ 0锝�3宀佸┐骞煎効鏃舵湡鏄汉鐢熺殑鏈�鍒濋樁娈碉紝杩欎竴鏃舵湡鐨勫┐骞煎効鍊惧悜浜庣敤鑹烘湳鐨勬柟寮忚璇嗕笌鎶婃彙涓栫晫锛岃〃杈炬儏鎰熶笌鎯虫硶绛夈�傞�氳繃瀛︿範鏈崟鍏冿紝浣犺兘澶熻蛋杩�0锝�3宀佸┐骞煎効锛岃蛋杩�0锝�3宀佸┐骞煎効鑹烘湳鍚挋銆傞偅涔堬紝鍒板簳浠�涔堟槸0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛熸�庢牱瀹氫綅0锝�3宀佸┐骞煎効鑹烘湳鍚挋杈冧负閫傚疁锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鍏锋湁浠�涔堜环鍊硷紵0锝�3宀佸┐骞煎効鑹烘湳鍚挋搴旇閬靛惊鍝簺鍘熷垯锛熷涔犲畬鏈崟鍏冿紝浣犱笉浠呭彲浠ユ壘鍒颁笂杩伴棶棰樼殑绛旀锛岃�屼笖鍙互鎰熷彈鍒�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勯瓍鍔涖��
+ </p>
+ </div>
+ <p class="titleQuot-1">瀛︿範鐩爣</p>
+ <p class="">
+ 1锛庣悊瑙�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫唴娑碉紝灏濊瘯姣旇緝0锝�3宀佸┐骞煎効鐨勮壓鏈惎钂欎笌3锝�6宀佸辜鍎跨殑鑹烘湳鏁欒偛銆�
+ </p>
+ <p class="">
+ 2锛庨浼�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶈壓鏈礌鍏绘暀鑲层�侀�氳繃鑹烘湳鐨勬暀鑲层�佺敓娲绘柟寮忕殑鏁欒偛銆�
+ </p>
+ <p class="">
+ 3锛庝簡瑙�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勪环鍊硷紝骞跺杽浜庡湪瀹炶返涓彂鐜�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勪环鍊笺��
+ </p>
+ <p class="">
+ 4锛庢帉鎻�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫師鍒欙紝涓旇兘澶熻繍鐢ㄤ簬0锝�3宀佸┐骞煎効鑹烘湳娲诲姩鐨勮鍒掍笌瀹炴柦銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 2椤� -->
+ <div class="page-box" page="7">
+ <div v-if="showPageList.indexOf(7) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">002</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="titleQuot-1">鍐呭瀵艰</p>
+ <div class="qrbodyPic">
+ <p class="openImgBox">
+ <img class="img-0" src="../../assets/images/Figure-0013-01.jpg" />
+ </p>
+ <p class="imgdescript-l fl al-c">
+ <img class="img-h" src="../../assets/images/0007-01.png" alt="" />
+ <span class="td-0 mt-70">
+ 娉細鏍囨敞<img
+ class="img-i"
+ src="../../assets/images/Figure-0013-02.jpg"
+ alt=""
+ />鐨勫搴斿唴瀹规湁閰嶅鍦ㄧ嚎璧勬簮锛屽彲渚涘欢浼稿涔犮��
+ </span>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 3椤� -->
+ <div class="page-box" page="8">
+ <div v-if="showPageList.indexOf(8) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>003</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <h2 class="secondsubHead-2">
+ 浠诲姟涓�銆�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫唴娑典笌瀹氫綅
+ </h2>
+ <p class="content">
+ 鑴戠瀛︾殑鐮旂┒琛ㄦ槑锛�0锝�3宀佸┐骞煎効鏁欒偛瀵逛汉涓�鐢熺殑鍙戝睍鍏锋湁闈炲父閲嶈鐨勪綔鐢紝鍏朵腑涔熸秹鍙婅壓鏈惎钂欍�備负浠�涔堟垜浠灏嗗0锝�3濠村辜鍎胯繘琛岀殑鑹烘湳褰卞搷绉颁负鈥滆壓鏈惎钂欌�濓紝鑰岄潪鈥滆壓鏈暀鑲测�濓紵浠�涔堟槸0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋璇ュ浣曞畾浣嶏紵
+ </p>
+ <p class="titleQuot-l">涓�銆�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫唴娑�</p>
+ <p class="content">
+ 鑹烘湳鏄汉绫绘劅鍙楃編銆佽〃鐜扮編鍜屽垱閫犵編鐨勯噸瑕佸舰寮忥紝涔熸槸琛ㄨ揪鑷繁瀵瑰懆鍥翠笘鐣岀殑璁よ瘑鍜屾儏缁�佸害鐨勭嫭鐗规柟寮忋��<sup
+ title="銆�3-6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬶紝http://www.edu.cn/xue_qian_news_197/20121019/t20121019_858538.shtml锛�2012-10-19銆�"
+ >鈶�</sup
+ >0锝�3宀佸┐骞煎効鏃舵湡鏄汉鐢熺殑鏈�鍒濋樁娈碉紝浠栦滑鍊惧悜浜庣敤鑹烘湳鐨勬柟寮忚璇嗗拰鎶婃彙涓栫晫锛岃〃杈炬儏鎰熷拰鎯虫硶銆�
+ </p>
+ <p class="poemtitle-l">锛堜竴锛変綍璋撯�滆壓鏈惎钂欌��</p>
+ <p class="content">
+ 銆婂辜鍎垮洯鏁欒偛鎸囧绾茶锛堣瘯琛岋級銆嬪皢骞煎効鍥暀鑲插唴瀹圭浉瀵瑰垝鍒嗕负鍋ュ悍銆佽瑷�銆佺ぞ浼氥�佺瀛︺�佽壓鏈簲涓鍩熴�傘��3-6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬫寚鍑猴細鈥滃辜鍎胯壓鏈鍩熷涔犵殑鍏抽敭鍦ㄤ簬鍏呭垎鍒涢�犳潯浠跺拰鏈轰細锛屽湪澶ц嚜鐒跺拰绀句細鏂囧寲鐢熸椿涓悓鍙戝辜鍎垮缇庣殑鎰熷彈鍜屼綋楠岋紝涓板瘜鍏舵兂璞″姏鍜屽垱閫犲姏锛屽紩瀵煎辜鍎垮浼氱敤蹇冪伒鍘绘劅鍙楀拰鍙戠幇缇庯紝鐢ㄨ嚜宸辩殑鏂瑰紡鍘昏〃鐜板拰鍒涢�犵編銆傗�濋拡瀵�3锝�6宀佸辜鍎挎柦鍔犵殑鑹烘湳褰卞搷锛屾垜浠�氬父绉颁负鑹烘湳鏁欒偛锛屾洿鍔犲嚫鏄惧叾鐩殑鎬с�佽鍒掓�х瓑銆�
+ </p>
+ <p class="content">
+ 鍩轰簬0锝�3宀佸効绔ョ殑韬績鍙戝睍鐗圭偣涓庤壓鏈兘鍔涘彂灞曠壒寰侊紝鎴戜滑灏嗛拡瀵�0锝�3宀佸┐骞煎効瀹炴柦鐨勮壓鏈暀鑲茬О涓鸿壓鏈惎钂欙紝鍑告樉鍏跺熀纭�鎬с�佸惎钂欐�с�傛暀甯堟垨鑰呭闀胯兘澶熷拰濠村辜鍎夸竴璧峰彂鐜般�佹劅鍙楀拰娆ｈ祻鑷劧鐜鍜岀敓娲讳腑缇庣殑浜嬬墿锛屽湪涓�鏃ョ敓娲讳腑铻嶅叆鍚勭鍚勬牱鐨勮壓鏈舰寮忥紝璁╁┐骞煎効鎺ュ彈鑹烘湳鐨勭啅闄讹紝鍙備笌鑷繁鍠滅埍鐨勮壓鏈椿鍔紝浠庤�屼娇寰楀┐骞煎効鐨勭敓娲讳腑鍏呮弧鑹烘湳锛屼负浠婂悗濠村辜鍎垮枩娆㈣壓鏈�佸弬涓庤壓鏈�佸涔犺壓鏈瓑濂犲畾鑹ソ鐨勫熀纭�銆傚浜庡┐骞煎効鏉ヨ锛屽枩娆翰杩戣壓鏈�佸枩娆㈠弬鍔犺壓鏈椿鍔ㄦ槸鍗佸垎閲嶈鐨勩�傛崲瑷�涔嬶紝鐩告瘮浜庤壓鏈煡璇嗘妧鑳姐�佹劅鐭ヤ笌娆ｈ祻銆佸垱浣滀笌琛ㄧ幇锛屽┐骞煎効瀵硅壓鏈殑鍏磋叮涓庢�佸害鏄瑕佺殑銆�
+ </p>
+ <p><br /></p>
+ <hr />
+ <p class="noteContent">
+ <a id="m1">鈶�</a
+ > 銆�3-6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬶紝http://www.edu.cn/xue_qian_news_197/20121019/t20121019_858538.shtml锛�2012-10-19銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 4椤� -->
+ <div class="page-box" page="9">
+ <div v-if="showPageList.indexOf(9) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">004</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="poemtitle-l">锛堜簩锛変粈涔堟槸0锝�3宀佸┐骞煎効鑹烘湳鍚挋</p>
+ <p class="content">
+ 鍚挋锛屽嵆寮�钂欙紝鎸囨暀鑲茬钂欙紝浣垮効绔ュ緱鍒板熀鏈殑銆佸叆闂ㄧ殑鐭ヨ瘑锛涗害鎸囬�氳繃瀹ｄ紶鏁欒偛锛屼娇鍚庤繘鐨勪汉浠帴鍙楁柊浜嬬墿鑰屽緱鍒拌繘姝ャ��<sup
+ title="杈炴捣缂栬緫濮斿憳浼氾細銆婅緸娴枫�嬶紝4250椤碉紝涓婃捣锛屼笂娴疯緸涔﹀嚭鐗堢ぞ锛�1999銆�"
+ >鈶�</sup
+ >0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓殑鍚挋鎸囩殑鏄墠鑰咃紝鍗冲闀挎垨鎵樿偛鏈烘瀯鐨勬暀甯堝紩瀵煎┐骞煎効鍙戠幇骞跺叧娉ㄣ�佹劅鍙椾笌娆ｈ祻鑷劧鐜鍜岀敓娲讳腑鐨勭編锛屽湪鍏剁敓娲讳腑鑷劧铻嶅叆濠村辜鍎垮彲浠ユ帴鍙楃殑缇庢湳銆侀煶涔愮瓑鑹烘湳褰㈠紡锛屽厖鍒嗗彂鎸ヨ壓鏈殑鏁欒偛鍔熻兘锛屼粠鑰屾彁鍗囧┐骞煎効鐨勮壓鏈礌鍏伙紝淇冭繘濠村辜鍎胯韩浣撱�佽鐭ャ�佹儏鎰熴�佺ぞ浼氭�х瓑鏂归潰鐨勬暣浣撳拰璋愬彂灞曘��0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛屾棬鍦ㄨ濠村辜鍎垮枩娆㈡帴瑙﹁壓鏈紝閫氳繃澶氭劅瀹樺弬涓庯紝澧炲己鑹烘湳鏁忔劅鎬э紝鑾峰緱缇庣殑鐔忛櫠銆傝濡傦紝鍦ㄤ笅杩版渚嬩腑锛岄浄鍚夌殑鐖舵瘝涓哄叾鍒涢�犱簡鍦ㄨ壓鏈鎺ヨЕ鑹烘湳銆佹璧忓ぇ甯堜綔鍝佺殑鏈轰細銆傞浄鍚夌殑涓�绯诲垪鍔ㄤ綔锛屽瀵逛綔鍝佺殑娉ㄨ銆佺瑧銆佹尌鎵嬨�佽涪鑵匡紝琛ㄦ槑浜嗕粬鑳藉涓诲姩鎰熺煡鑹烘湳浣滃搧锛屽苟鑾峰緱鍐呭績鐨勬弧瓒炽��
+ </p>
+ <p class="quotation">
+ 闆峰悏锛圧eggie锛夊湪鍜屼粬鐨勭埗姣嶃�佸濮愪竴鍚屽弬瑙傝壓鏈锛岃櫧鐒朵粬鎵嶄節涓湀澶э紝杩樹笉浼氳璇濓紝濡堝鐢ㄥ┐鍎胯溅鎺ㄧ潃浠栦粠涓�骞呯敾鍒板彟涓�骞呯敾銆傛湁鏃堕浄鍚変細鐪嬬敾锛屾洿澶氱殑鏃跺�欎粬鍦ㄧ湅鍏朵粬鍙傝鑰咃紝鎴栬�呮憜寮勮繍鍔ㄨ～涓婄殑鎷夐摼銆備粬浠竴瀹跺仠鍦ㄤ簡涓�骞呭法澶х殑椹拏鏂壀绾哥敾鍓嶏紝閭ｅ箙鍓焊鐢荤敤鏄庝寒鐨勫師鑹茶皟鍛堢幇鍑轰簡鎶借薄鐨勮垶鑰呯殑杞粨銆傜湅鐫�杩欏箙浣滃搧锛岄浄鍚夊挧鍢寸瑧浜嗭紝寮�蹇冨湴绗戠潃锛屾尌鑸炴墜鑷傦紝鐢ㄥ姏韪㈣吙銆傚綋浠栦滑璧疯韩瑕佺Щ鍔ㄥ埌涓嬩竴骞呬綔鍝佽窡鍓嶅幓鏃讹紝浠栦笉婊″湴鍛滃捊浜嗕竴澹帮紝浠栦笉鎯崇寮�椹拏鏂殑浣滃搧銆�<sup
+ title="[缇嶿瀹�. S. 鐖辨臣鏂潶銆佷紛鑾甭风壒閲岀背鏂細銆婃垜鏄効绔ヨ壓鏈锛氬鍓嶅効绔ヨ瑙夎壓鏈殑鍙戝睍銆嬶紝鍐妗㈢瓑璇戯紝33椤碉紝鍖椾含锛屾暀鑲茬瀛﹀嚭鐗堢ぞ锛�2017銆�"
+ >鈶�</sup
+ >
+ </p>
+ <p class="titleQuot-l">浜屻��0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫畾浣�</p>
+ <p class="content">
+ 閴翠簬0锝�3宀佸┐骞煎効韬績鍙戝睍鐗圭偣銆佽壓鏈兘鍔涘彂灞曠壒寰佺瓑锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓嶅悓浜庡叾浠栧勾榫勯樁娈电殑鏁欒偛锛屽畠鏄竴绉嶈壓鏈礌鍏绘暀鑲层�侀�氳繃鑹烘湳鐨勬暀鑲层�佺敓娲绘柟寮忕殑鏁欒偛銆�
+ </p>
+ <p class="poemtitle-l">
+ 锛堜竴锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶈壓鏈礌鍏绘暀鑲�
+ </p>
+ <p class="content">
+ 鈥滆壓鏈妧鑳解�濇槸浜轰滑鎺屾彙鍜岃繍鐢ㄨ壓鏈殑涓撻棬鐭ヨ瘑涓庣粡楠岀殑鑳藉姏銆傚叿浣撹鏉ワ紝鈥滆壓鏈妧鑳解�濆氨鏄汉浠帉鎻″拰杩愮敤濉戦�犺壓鏈舰璞°�佽〃杈炬儏鎰熷拰瑙傚康绛夋柟闈㈢殑涓撻棬鐭ヨ瘑涓庣粡楠岀殑鑳藉姏銆�<sup
+ title="闄堣縼锛氥�婅瘯鏋愯壓鏈妧鑳戒笌鍒涢�犲姏鍗忓悓鍙戝睍鐨勫唴娑靛強鍏剁爺绌舵剰涔夈�嬶紝杞姐�婃暀鑲茬瀛︺�嬶紝2009骞寸1鏈熴��"
+ >鈶�</sup
+ >
+ 鑹烘湳绱犲吇鏄┐骞煎効鏈潵浣滀负涓�涓畬鏁寸殑浜虹殑鏁翠綋绱犲吇鐨勯噸瑕佺粍鎴愰儴鍒嗐�傝壓鏈礌鍏昏秴瓒婁簡鑹烘湳鎶�鑳界殑姒傚康锛屾槸鍎跨鍦ㄨ壓鏈殑鍏磋叮涓庢�佸害銆佹劅鐭ヤ笌娆ｈ祻銆佸垱浣滀笌琛ㄧ幇绛夋柟闈㈢殑绱犺川涓庝慨鍏汇��<sup
+ title="杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�"
+ >鈶�</sup
+ >
+ </p>
+ <p><br /></p>
+ <hr />
+ <p class="noteContent">
+ <a id="m1">鈶�</a
+ > 杈炴捣缂栬緫濮斿憳浼氾細銆婅緸娴枫�嬶紝4250椤碉紝涓婃捣锛屼笂娴疯緸涔﹀嚭鐗堢ぞ锛�1999銆�
+ </p>
+ <p class="noteContent">
+ <a id="m1">鈶�</a> [缇嶿瀹�. S.
+ 鐖辨臣鏂潶銆佷紛鑾甭风壒閲岀背鏂細銆婃垜鏄効绔ヨ壓鏈锛氬鍓嶅効绔ヨ瑙夎壓鏈殑鍙戝睍銆嬶紝鍐妗㈢瓑璇戯紝33椤碉紝鍖椾含锛屾暀鑲茬瀛﹀嚭鐗堢ぞ锛�2017銆�
+ </p>
+ <p class="noteContent">
+ <a id="m1">鈶�</a
+ > 闄堣縼锛氥�婅瘯鏋愯壓鏈妧鑳戒笌鍒涢�犲姏鍗忓悓鍙戝睍鐨勫唴娑靛強鍏剁爺绌舵剰涔夈�嬶紝杞姐�婃暀鑲茬瀛︺�嬶紝2009骞寸1鏈熴��
+ </p>
+ <p class="noteContent">
+ <a id="m1">鈶�</a
+ > 杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 5椤� -->
+ <div class="page-box" page="10">
+ <div v-if="showPageList.indexOf(10) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>005</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 瀵逛簬濠村辜鍎挎潵璇达紝鑹烘湳绱犲吇鍏蜂綋娑夊強鑹烘湳鍏磋叮銆佽壓鏈劅鍙椾笌鑹烘湳琛ㄧ幇绛夋柟闈€�傝壓鏈叴瓒ｆ槸鍎跨绉瀬涓诲姩鍙備笌鑹烘湳娲诲姩鐨勪竴绉嶅績鐞嗗�惧悜锛岃〃鐜颁负鍎跨瀵硅壓鏈彂鑷唴蹇冪殑鍠滅埍锛屽強鍏跺湪鑹烘湳瀹炶返娲诲姩涓骇鐢熺殑鎰夋偊鎰熴�傝壓鏈叴瓒ｆ槸鍎跨鑹烘湳瀛︿範涓庡彂灞曠殑鍐呭湪鍔ㄥ姏锛屾槸鑹烘湳鎰熷彈涓庤壓鏈〃鐜扮殑鍓嶆彁銆傝壓鏈劅鍙楁槸鍎跨琚嚜鐒剁晫涓庣敓娲讳腑缇庣殑浜嬬墿鎴栬�呰壓鏈綔鍝佹墍鍚稿紩锛屽苟璋冨姩鎰熺煡銆佹兂璞°�佹儏鎰熺瓑鍏卞悓鍙備笌鐨勪竴绉嶈壓鏈兘鍔涖�傝壓鏈劅鍙椾笌娆ｈ祻鏄効绔ヨ壓鏈〃鐜颁笌鍒涗綔鐨勫熀纭�銆傝壓鏈〃鐜版槸鍎跨杩愮敤鍚勭鑹烘湳褰㈠紡銆佸伐鍏蜂笌鏉愭枡灏嗚嚜韬唴鍦ㄧ殑瀹＄編浣撻獙銆佹儏鎰熴�佹�濇兂绛夎〃杈惧嚭鏉ョ殑杩囩▼涓庤兘鍔涖�傚効绔ヨ壓鏈〃鐜颁笌鍒涗綔鏄壓鏈劅鍙椾笌娆ｈ祻鐨勮嚜鐒惰〃杈俱��
+ </p>
+ <p class="content">
+ 鍎跨涓庣敓淇辨潵鎷ユ湁鑹烘湳鎰熷彈涓庢璧忋�佽壓鏈〃鐜颁笌鍒涗綔鐨勬綔鑳斤紝浣嗘槸浠栦滑骞朵笉闇�瑕佷篃涓嶅叿鏈夋帴鍙楃郴缁熻壓鏈煡璇嗕笌涓撲笟鑹烘湳鎶�鑳界殑鑳藉姏銆傚洜姝わ紝0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓昏鍦ㄤ簬鍚彂濠村辜鍎垮枩娆翰杩戣壓鏈紝鍠滄鍙備笌鑹烘湳娲诲姩锛屾洿澶氬叧娉ㄧ殑鏄┐骞煎効鑹烘湳鍏磋叮鐨勬縺鍙戯紝缁ц�屾墠鏄壓鏈劅鍙椾笌娆ｈ祻銆佽壓鏈〃鐜颁笌鍒涗綔绛夎兘鍔涚殑鍒濇鍩瑰吇锛岄殢鍚庢墠鏄壓鏈椿鍔ㄦ墍闇�鐨勮壇濂借涓轰範鎯紝瀵硅壓鏈殑涔犳儻鎬ч渶瑕佸拰搴旂敤绛変範鎯殑閫愭笎鍏绘垚銆傚浜庡┐骞煎効鏉ヨ锛屾縺鍙戜粬浠鑹烘湳鐨勫枩鐖卞簲璇ユ槸棣栬鐨勩�傚┐骞煎効瀵规帴瑙﹀埌鐨勬蹇靛拰鎶�宸х殑璁よ瘑涓庣悊瑙ｅ簲璇ュ湪鑷劧鍦版帴瑙﹁壓鏈綔鍝佸拰娲诲姩鐨勮繃绋嬩腑涓嶆柇澧為暱銆�
+ </p>
+ <p class="content">
+ 浼犵粺鑹烘湳鏁欒偛鐨勪富瑕佸紛绔湪浜庯紝瀹冩槸涓�绉嶄互鍩瑰吇鏌愮鎶�鑳戒负涓荤殑鏁欒偛锛屾槸鎶�鑹哄湪鍏堢殑鏁欒偛锛岀敋鑷冲湪瀵瑰鍓嶅効绔ヨ繘琛岀殑鑹烘湳鏁欒偛涓篃鏄竴鏍枫��<sup
+ title="杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�"
+ >鈶�</sup
+ >
+ 鍩轰簬濠村辜鍎跨殑韬績鍙戝睍鐗圭偣浠ュ強鑹烘湳鑳藉姏鍙戝睍鐗瑰緛锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓嶈兘涔熶笉搴旀槸涓�绉嶈壓鏈妧鑳芥暀鑲诧紝鑰屽簲鏄竴绉嶈壓鏈礌鍏绘暀鑲层�備綔涓轰竴绉嶈壓鏈礌鍏绘暀鑲诧紝0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勭洰鐨勶紝涓嶄粎浠呭湪浜庡濠村辜鍎胯壓鏈叴瓒ｇ殑婵�鍙戙�佸垵姝ヨ壓鏈兘鍔涚殑鍩瑰吇銆佺Н鏋佹�佸害鍜岃壇濂戒範鎯殑褰㈡垚锛岃壓鏈惎钂欐渶缁堢洰鐨勬槸浣垮┐骞煎効鑾峰緱缇庣殑鎯呮劅銆佺編鐨勫績鐏电殑闄跺喍锛屼績杩涙瘡涓�涓効绔ョ殑浜烘牸鍋ュ叏鍙戝睍锛屽奖鍝嶄粬浠殑褰撲笅鍜屾湭鏉ョ敓娲伙紝浣夸粬浠浼氱敤缇庡ソ鐨勫績鎬侀潰瀵圭敓娲汇�侀潰瀵圭ぞ浼氥�侀潰瀵规湭鏉ワ紝涓轰粬浠兘澶熸嫢鏈変竴棰楃埍缇庛�佹噦缇庝箣蹇冩墦涓嬫渶鍒濈殑鍩虹銆傚効绔ヨ壓鏈礌鍏诲吇鎴愭暀鑲茬殑杩囩▼灏辨槸涓�涓編娑︾蹇冪殑杩囩▼锛屽嵆浠ヨ壓鏈拰缇庢粙鍏诲効绔ョ殑蹇冪伒锛屽奖鍝嶅効绔ョ殑鐢熸椿锛屽吇鎴愬効绔ョ殑鑹烘湳绱犲吇锛屼娇鍎跨瀵圭編鐨勪簨鐗╂湁涓�棰楁晱閿愭劅鍙楃殑蹇冿紝鍠滅埍鑹烘湳锛屼箰浜庡弬鍔犺壓鏈椿鍔紝骞惰兘鐢ㄨ嚜宸卞枩娆㈢殑鏂瑰紡锛屽湪鑹烘湳娲诲姩鍜岀敓娲讳腑澶ц儐杩涜鑹烘湳琛ㄧ幇銆�<sup
+ title="杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�"
+ >鈶�</sup
+ >
+ </p>
+ <p><br /></p>
+ <hr />
+ <p class="noteContent">
+ <a id="m1">鈶�</a
+ > 杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�
+ </p>
+ <p class="noteContent">
+ <a id="m1">鈶�</a> 杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 6椤� -->
+ <div class="page-box" page="11">
+ <div v-if="showPageList.indexOf(11) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">006</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 涓板瓙鎭哄湪銆婁赴瀛愭伜缇庢湳澶滆碍銆嬩竴涔︾殑鎵夐〉涓彁鍒帮細鈥滆壓鏈笉鏄亴涓氾紝鐢诲涓嶆槸鑱屼笟銆傝壓鏈笉鏄妧宸х殑浜嬩笟锛岃�屾槸蹇冪伒鐨勪簨涓氾紱鏁呯敾涓嶆槸鍟嗗搧锛屼笉鏄疄鐢ㄥ搧銆傛晠缁冪敾涓嶆槸缁冩墜鑵曠殑锛屾槸缁冨績鐏电殑锛涚湅鐢讳笉鏄敤鐪肩湅鐨勶紝鏄敤蹇冪伒鐪嬬殑銆傗��<span
+ class="super"
+ ><a id="noteBack_8" href="#note_8">[8]</a></span
+ >鎴戜滑涓嶅彲鑳借姹傚効绔ョ敾鍑虹簿缇庣粷浼︾殑鑹烘湳浣滃搧锛屾垜浠簲澶氬叧娉ㄥ効绔ュ湪缇庢湳娲诲姩涓�炬敞鐨勭儹鎯呭拰绉瀬琛ㄧ幇鐨勬鏈涳紝<span
+ class="super"
+ ><a id="noteBack_9" href="#note_9">[9]</a></span
+ >鍥犱负鈥滃効绔ョ敾鏄噸鍏磋叮鑰岃交鐞嗘硶鐨勶紝鏄繎浜庢极鐢荤殑涓�绉嶇粯鐢烩�濄�傚湪0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓紝鎴愪汉搴斾繚鎶ゅ効绔ョ殑鑹烘湳娼滆兘锛屾縺鍙戝効绔ョ殑鑹烘湳鍏磋叮锛岄紦鍔卞効绔ユ寜鐓ц嚜宸辩殑鎰忔効澶ц儐鍦拌〃杈句笌鍒涢�狅紝淇冭繘鍎跨鍔ㄦ墜鎿嶄綔鑳藉姏銆佹兂璞″姏涓庡垱閫犲姏銆佺ぞ浼氭�т笌涓�х瓑鏂归潰鐨勫彂灞曪紝鍩瑰吇鍎跨鍋ュ叏鐨勪汉鏍笺��
+ </p>
+ <div class="bgColor">
+ <p class="bgColor-title">涓撳鐐规嫧</p>
+ <p class="quotation">
+ 鏀跺惉涓撳瀵光��0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶈壓鏈礌鍏绘暀鑲测�濈殑璁茶В銆�
+ </p>
+ </div>
+ <p class="poemtitle-l">
+ 锛堜簩锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶉�氳繃鑹烘湳鐨勬暀鑲�
+ </p>
+ <p class="content">
+ 鍎跨鍙戝睍鏈綅涓庤壓鏈绉戞湰浣嶄箣浜夋槸鍏充簬鍎跨鑹烘湳鏁欒偛浠峰�肩殑浜夎鐒︾偣涔嬩竴銆傛彁鍒板効绔ュ彂灞曟湰浣嶄笌鑹烘湳瀛︾鏈綅鍒欓渶鎻愬強瀵硅壓鏈暀鑲插奖鍝嶈緝娣辩殑涓ょ鍎跨鑹烘湳鏁欒偛瑙傦細宸ュ叿璁轰笌鏈川璁恒��<sup title="鐜嬩换姊咃細銆婃敼闈╁紑鏀句互鏉ヤ腑鍥藉鍓嶅効绔ヨ壓鏈暀鑲插巻鍙叉紨鍙樼爺绌躲�嬶紝148锝�149椤碉紝鍗椾含甯堣寖澶у鍗氬＋瀛︿綅璁烘枃锛�2012銆�">鈶�</sup> 宸ュ叿璁轰笌鏈川璁鸿壓鏈暀鑲叉�濇兂棣栧厛鍙戣嚜缇庢湳鏁欒偛棰嗗煙锛岀劧鍚庨�愭笎娉㈠強鏁翠釜鑹烘湳鏁欒偛棰嗗煙锛屽鏁翠釜鑹烘湳鏁欒偛瀹炶返浜х敓浜嗚緝涓烘繁鍒荤殑褰卞搷銆傚伐鍏疯鑹烘湳鏁欒偛鎬濇兂鍦�20涓栫邯鍥涗簲鍗佸勾浠ｉ闈℃缇庯紝鍏剁悊璁哄熀纭�鍙互杩芥函鍒板崲姊殑鑷劧涓讳箟鏁欒偛鎬濇兂鍜屾潨濞佺殑杩涙涓讳箟鏁欒偛鎬濇兂锛屼唬琛ㄤ汉鐗╂槸閲屽痉锛圚.Read锛変笌缃楁仼鑿插皵寰凤紙V.Lowenfeld锛夈�傚伐鍏疯鑹烘湳鏁欒偛鎬濇兂鍊″浠ュ効绔ヤ负鏈綅锛屼富寮犻�氳繃鑹烘湳鏁欒偛淇冭繘鍎跨鍙戝睍锛岃偗瀹氬苟灏婇噸鍎跨鐨勮壓鏈綔鑳斤紝寮鸿皟鍎跨鐨勮嚜鐢辫〃鐜颁笌鍒涢�犳�ц〃杈撅紝鍏虫敞鍎跨鍦ㄨ壓鏈椿鍔ㄨ繃绋嬩腑鐨勮〃鐜板拰鎴愰暱銆傜綏鎭╄彶灏斿痉鎸囧嚭锛氣�滃湪鑹烘湳鏁欒偛涓紝鑹烘湳鍙槸涓�绉嶈揪鍒扮洰鏍囩殑鏂规硶锛岃�屼笉鏄竴涓洰鏍囷紝鑹烘湳鏁欒偛鐨勭洰鏍囨槸浣夸汉鍦ㄥ垱閫犵殑杩囩▼涓彉寰楁洿瀵屼簬鍒涢�犲姏锛岃�屼笉绠¤繖绉嶅垱閫犲姏灏嗘柦鐢ㄤ簬浣曞銆傗��<sup title="[缇嶿缃楁仼鑿插皵寰凤細銆婂垱閫犱笌蹇冩櫤鐨勬垚闀裤�嬶紝4椤碉紝闀挎矙锛屾箹鍗楃編鏈嚭鐗堢ぞ锛�1993銆�">鈶�</sup> 宸ュ叿璁烘敞閲嶈壓鏈殑鏁欒偛鍔熻兘锛屼富寮犺壓鏈兘鍔涙槸鍎跨鑷劧鍙戝睍鐨勭粨鏋滐紝寮鸿皟閫氳繃鑹烘湳淇冭繘鍎跨鐨勫彂灞曘�傚洜姝よ壓鏈暀鑲插簲灏婇噸鍎跨鐨勮壓鏈ぉ鎬э紝閬靛惊鍎跨鑷劧鍙戝睍鐨勮寰嬶紝鍏虫敞鍎跨鐨勮嚜鐢辫〃鐜板拰鍒涢�犳�ц〃杈撅紝閲嶈鍎跨鍦ㄨ壓鏈椿鍔ㄨ繃绋嬩腑鐨勫悇绉嶈〃鐜般�傛濡傜綏鎭╄彶灏斿痉鎵�璇达細鈥滆壓鏈暀鑲插鎴戜滑鐨勬暀鑲茬郴缁熷拰绀句細鐨勪富瑕佽础鐚紝鍦ㄤ簬寮鸿皟涓汉鍜岃嚜鎴戝垱閫犵殑娼滆兘锛屽挨鍏跺湪浜庤壓鏈兘鍜岃皭鍦扮粺鏁存垚闀胯繃绋嬩腑鐨勪竴鍒囷紝閫犲氨鍑鸿韩蹇冨仴鍏ㄧ殑浜恒�傗��<sup title="[缇嶿缃楁仼鑿插皵寰凤細銆婂垱閫犱笌蹇冩櫤鐨勬垚闀裤�嬶紝4椤碉紝闀挎矙锛屾箹鍗楃編鏈嚭鐗堢ぞ锛�1993銆�">鈶�</sup>
+ </p>
+ <p><br/></p>
+ <hr />
+ <p class="noteContent">
+ <a id="m1">鈶�</a> 涓板瓙鎭猴細銆婁赴瀛愭伜缇庢湳澶滆碍銆嬶紝鎵夐〉锛屼笂娴凤紝涓婃捣浜烘皯缇庢湳鍑虹増绀撅紝2004銆�
+ </p>
+ <p class="noteContent">
+ <a id="m1">鈶�</a> 杈归湠锛氥�婂辜鍎垮洯缇庢湳鏁欒偛涓庢椿鍔ㄨ璁°�嬶紝62椤碉紝鍖椾含锛岄珮绛夋暀鑲插嚭鐗堢ぞ锛�2009銆�
+ </p>
+ <p class="noteContent">
+ <a id="m1">鈶�</a> 涓板瓙鎭猴細銆婁赴瀛愭伜缇庢湳澶滆碍銆嬶紝33椤碉紝涓婃捣锛屼笂娴蜂汉姘戠編鏈嚭鐗堢ぞ锛�2004銆�
+ </p>
+ <p class="noteContent">
+ <a id="m1">鈶�</a> 鐜嬩换姊咃細銆婃敼闈╁紑鏀句互鏉ヤ腑鍥藉鍓嶅効绔ヨ壓鏈暀鑲插巻鍙叉紨鍙樼爺绌躲�嬶紝148锝�149椤碉紝鍗椾含甯堣寖澶у鍗氬＋瀛︿綅璁烘枃锛�2012銆�
+ </p>
+ <p class="noteContent">
+ <a id="m1">鈶�</a> [缇嶿缃楁仼鑿插皵寰凤細銆婂垱閫犱笌蹇冩櫤鐨勬垚闀裤�嬶紝4椤碉紝闀挎矙锛屾箹鍗楃編鏈嚭鐗堢ぞ锛�1993銆�
+ </p>
+ <p class="noteContent">
+ <a id="m1">鈶�</a> [缇嶿缃楁仼鑿插皵寰凤細銆婂垱閫犱笌蹇冩櫤鐨勬垚闀裤�嬶紝4椤碉紝闀挎矙锛屾箹鍗楃編鏈嚭鐗堢ぞ锛�1993銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 7椤� -->
+ <div class="page-box" page="12">
+ <div v-if="showPageList.indexOf(12) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>007</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 鏈川璁鸿壓鏈暀鑲叉�濇兂褰㈡垚浜�20涓栫邯60骞翠唬浠ュ悗锛屽叾鎬濇兂鍩虹鏄竷椴佺撼鐨勭粨鏋勪富涔夋暀鑲叉�濇兂锛屼唬琛ㄤ汉鐗╂槸鑹炬柉绾筹紙E.W.Eisner锛夊拰鏍煎唴灏旓紙W.D.Greer锛夈�傚湪缇庢湳鏁欒偛棰嗗煙锛屾湰璐ㄨ鑰呬簬1984骞存彁鍑衡�滀互瀛︾涓哄熀纭�鐨勭編鏈暀鑲测�濓紙Discipline-Based
+ Art
+ Education锛孌BAE锛夛紝鍖呮嫭缇庢湳銆佺編鏈壒璇勩�佺編鏈彶涓庣編鏈垱浣滅瓑缇庢湳瀛︾鐨勫熀鏈唴瀹广��<span
+ class="super"
+ ><a id="noteBack_14" href="#note_14">[14]</a></span
+ >鏈川璁鸿壓鏈暀鑲叉�濇兂寮鸿皟浠ヨ壓鏈绉戜负鏈綅锛屾敞閲嶈壓鏈煡璇嗘妧鑳界殑浼犳巿浠ュ彂灞曞拰浼犳壙鑹烘湳鏂囧寲锛屼富寮犺壓鏈兘鍔涙槸鏁欒偛鎺ㄥ姩鐨勭粨鏋滐紝娉ㄩ噸鍎跨鑹烘湳瀛︿範鐨勭粨鏋溿�傝壘鏂撼鎸囧嚭锛氣�溾�︹�︿换浣曚竴椤瑰皢鑹烘湳棣栧厛浣滀负涓哄叾浠栫洰鐨勬湇鍔″伐鍏风殑鏁欒偛璁″垝浼氬啿娣＄編鏈殑鎰忎箟銆傜編鏈笉搴斿眻灏婃湇鍔′簬鍏朵粬鐩殑銆傗��<span
+ class="super"
+ ><a id="noteBack_15" href="#note_15">[15]</a></span
+ >鏈川璁烘洿娉ㄩ噸鑹烘湳鐨勬湰璐ㄤ环鍊硷紝璁や负鑹烘湳鑳藉姏鏄暀鑲茬殑缁撴灉锛岃壓鏈暀鑲插簲浠ヨ壓鏈绉戜负鏈綅锛屼互鏁欒偛涓烘墜娈碉紝寮鸿皟鑹烘湳瀛︾鐨勫畬鏁存�у拰绯荤粺鎬э紝鍏虫敞鍎跨鑹烘湳瀛︿範鐨勭粨鏋滐紝鏃ㄥ湪閫氳繃鑹烘湳鐭ヨ瘑鎶�鑳界殑浼犳巿寤剁画鍜屽彂灞曡壓鏈枃鍖栥�傚湪鑹炬柉绾崇湅鏉ワ紝鈥滅編鏈暀鑲茬殑鏈�楂樹环鍊煎湪浜庡畠涓烘瘡涓汉缁忓巻骞朵笖璁よ瘑涓栫晫鎵�浣滅殑鐙壒璐＄尞銆傝瑙夎壓鏈秹鍙婁簡浜虹被鎰忚瘑涓叾浠栦换浣曞绉戦兘鏃犱粠娑夊強鐨勪竴涓柟闈紝鍗冲浜庤瑙夊舰璞＄殑缇庡鎬濊�冣��<span
+ class="super"
+ ><a id="noteBack_16" href="#note_16">[16]</a></span
+ >銆�
+ </p>
+ <p class="content">
+ 瀵瑰簲宸ュ叿璁轰笌鏈川璁虹殑鍎跨鑹烘湳鏁欒偛瑙傦紝鍎跨鑹烘湳鏁欒偛涓昏鏈変袱绉嶄笉鍚岀殑浠峰�煎彇鍚戯紝涓�绉嶆槸鍎跨鍙戝睍鍙栧悜锛屼竴绉嶆槸鑹烘湳瀛︾鍙栧悜銆傚効绔ュ彂灞曞彇鍚戠殑鍎跨鑹烘湳鏁欒偛灏嗚壓鏈綔涓烘暀鑲茬殑鎵嬫锛岄�氳繃鑹烘湳鏁欒偛鍩瑰吇鍎跨鐨勯亾寰峰搧璐ㄣ�佽鐭ヨ兘鍔涖�佸缇庢儏瓒ｏ紝淇冭繘鍎跨涓�с�佸垱閫犳�х殑鍙戝睍鍙婁汉鏍肩殑鍋ュ叏鍙戝睍锛屾槸涓�绉嶁�滈�氳繃鑹烘湳鐨勬暀鑲测�濄�傝壓鏈绉戝彇鍚戠殑鍎跨鑹烘湳鏁欒偛浠ヨ壓鏈绉戜负鏈綅锛屽己璋冭壓鏈殑鏈綋鍔熻兘锛屼互鏁欒偛涓烘墜娈碉紝閲嶈鑹烘湳鐭ヨ瘑浼犳巿鍙婅壓鏈妧鑳借缁冿紝娉ㄩ噸鑹烘湳鏂囧寲鐨勪紶鎵垮拰鍙戝睍锛屾槸涓�绉嶁�滀负浜嗚壓鏈殑鏁欒偛鈥�<span
+ class="super"
+ ><a id="noteBack_17" href="#note_17">[17]</a></span
+ >銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 8椤� -->
+ <div class="page-box" page="13">
+ <div v-if="showPageList.indexOf(13) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">008</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content mb-20">
+ 瀵逛簬0锝�3宀佸┐骞煎効鏉ヨ锛岃壓鏈惎钂欎富瑕佸湪浜庨�氳繃鑹烘湳淇冭繘濠村辜鍎跨殑鍙戝睍銆傚叿浣撹鏉ワ紝0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勬�讳綋鐩爣濡備笅锛氬枩娆㈣嚜鐒剁幆澧冨拰鐢熸椿涓編鐨勪簨鐗╋紝鍙戠幇骞舵劅鍙楄嚜鐒剁幆澧冨拰鐢熸椿涓殑缇庯紱鍠滄娆ｈ祻澶氱澶氭牱鐨勮壓鏈綔鍝侊紝鍒濇鎰熷彈鑹烘湳鐨勫熀鏈壒寰侊紱鍠滄鍙傚姞鑹烘湳娲诲姩锛岀Н鏋佹姇鍏ヨ壓鏈劅鍙椾笌娆ｈ祻銆佽〃鐜颁笌鍒涗綔绛夋椿鍔紝骞惰兘澶ц儐鍦拌〃杈捐嚜宸辩殑鎯呮劅涓庝綋楠岋紱鍠滄鎺㈢储鍚勭涓嶅悓鐨勮壓鏈伐鍏蜂笌鏉愭枡锛屽苟鑳界敤鑷繁鍠滄鐨勬柟寮忚嚜鐢辫嚜鍦ㄥ湴杩涜鑹烘湳娲诲姩銆傚洜姝わ紝0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓嶆槸涓�绉嶄负浜嗚壓鏈殑鏁欒偛锛岃�屾槸涓�绉嶉�氳繃鑹烘湳鐨勬暀鑲层��
+ </p>
+ <div class="ExpandLearning">
+ <p class="ExpandLearning-title">
+ <span>鎷�</span>
+ <span>灞�</span>
+ <span>瀛�</span>
+ <span>涔�</span>
+ </p>
+ <p class="content">
+ 缃楁仼鑿插皵寰锋槸缇庡浗钁楀悕鐨勭編鏈暀鑲插锛屼富寮犫�滈�氳繃鑹烘湳鐨勬暀鑲测�濓紝鏄�滃伐鍏疯鈥濈殑浠ｈ〃浜虹墿涔嬩竴锛岃瑾変负鈥滅編鏈暀鑲蹭箣鐖垛�濄�傚叾鑹烘湳鏁欒偛鎬濇兂鐨勫熀纭�鏄崲姊殑鑷劧涓讳箟鏁欒偛鎬濇兂涓庢潨濞佺殑杩涙涓讳箟鏁欒偛鎬濇兂銆備粬鐨勪唬琛ㄤ綔涓昏鏈夈�婂垱閫犱笌蹇冩櫤鐨勬垚闀裤�嬨�婂垱閫犳椿鍔ㄧ殑鏈川銆嬬瓑锛屽20涓栫邯浜斿叚鍗佸勾浠ｇ殑瑗挎柟鍎跨缇庢湳鏁欒偛鏈夌潃闈炲父閲嶈鐨勫奖鍝嶃�傜綏鎭╄彶灏斿痉璁や负锛屽湪鑹烘湳鏁欒偛涓紝鑹烘湳鍙槸涓�绉嶈揪鍒扮洰鏍囩殑鏂规硶锛屽効绔ョ殑鎰熸儏銆佹櫤鑳姐�佽韩浣撳姩浣溿�佺煡瑙夈�佺ぞ浼氭�с�佺編鎰熴�佸垱閫犳�х殑鎴愰暱鎵嶆槸鑹烘湳鏁欒偛鐨勭洰鏍囥�備粬灏嗗効绔ョ殑缇庢湳鑳藉姏鍙戝睍鍒掑垎涓哄叚涓樁娈碉細娑傞甫鏈燂紙2锝�4宀侊級銆佸墠鍥惧紡鏈燂紙4锝�7宀侊級銆佸浘寮忔湡锛�7锝�9宀侊級銆佸啓瀹炶悓鑺芥湡锛�9锝�11宀侊級銆佹嫙鍐欏疄鏈燂紙11锝�13宀侊級涓庨潚鏄ュ嵄鏈烘湡锛�13锝�17宀侊級銆傜編鏈暀鑲插簲璇ラ伒寰効绔ョ編鏈兘鍔涘彂灞曢樁娈电壒寰侊紝涓轰粬浠垱璁惧鏉剧殑姘涘洿锛屾彁渚涢�傚綋鐨勬潗鏂欙紝浠庤�屾縺鍙戝効绔ョ殑鍒涗綔娆叉湜锛岄紦鍔变粬浠嚜鐢辫嚜鍦ㄥ湴琛ㄨ揪涓庡垱閫犮��
+ </p>
+ <p class="content">浜嗚В鏇村缃楁仼鑿插皵寰风殑鑹烘湳鏁欒偛鎬濇兂銆�</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 9椤� -->
+ <div class="page-box" page="14">
+ <div v-if="showPageList.indexOf(14) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>009</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <p class="poemtitle-l">
+ 锛堜笁锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶇敓娲绘柟寮忕殑鏁欒偛
+ </p>
+ <p class="content">
+ 銆婁腑鍥藉ぇ鐧剧鍏ㄤ功路绀句細瀛﹀嵎銆嬪鐢熸椿鏂瑰紡浣滀簡濡備笅瀹氫箟锛氣�滀笉鍚岀殑涓汉銆佺兢浣撴垨绀句細鍏ㄤ綋鎴愬憳鍦ㄤ竴瀹氱殑绀句細鏉′欢鍒剁害鍜屼环鍊艰鎸囧涓嬶紝鎵�褰㈡垚鐨勬弧瓒宠嚜韬敓娲婚渶瑕佺殑鍏ㄩ儴娲诲姩褰㈠紡涓庤涓虹壒寰佺殑浣撶郴銆傗��<span
+ class="super"
+ ><a id="noteBack_18" href="#note_18">[18]</a></span
+ >鐜嬮泤鏋楀湪銆婁汉绫荤敓娲绘柟寮忕殑鍓嶆櫙銆嬩腑鎶婄敓娲绘柟寮忓畾涔変负锛氣�滀笉鍚岀殑绀句細鍜屾椂浠ｄ腑鐢熸椿鐨勪汉浠紝鍦ㄤ竴瀹氱殑绀句細鏉′欢鍒剁害涓嬪拰鍦ㄤ竴瀹氱殑浠峰�艰鎸囧涓嬶紝鎵�褰㈡垚鐨勬弧瓒宠嚜韬渶瑕佺殑鐢熸椿娲诲姩褰㈠紡鍜岃涓虹壒寰佺殑鎬诲拰銆傗��<span
+ class="super"
+ ><a id="noteBack_19" href="#note_19">[19]</a></span
+ >鍎跨澶╃敓灏卞枩娆㈣壓鏈紝鍎跨韬笂鍏锋湁浠庝簨鑹烘湳娲诲姩鐨勫ぉ鐢熷�惧悜鍜岃兘鍔涳紝杩欐槸浠栦滑鐢熷懡闇�姹傜殑鐩存帴鏄剧幇銆�<span
+ class="super"
+ ><a id="noteBack_20" href="#note_20">[20]</a></span
+ >0锝�3宀佸┐骞煎効鐨勪笘鐣屾槸涓�涓厖婊¤瘲鎰忕殑涓栫晫锛屽湪鏌愮绋嬪害涓婂彲浠ヨ锛岃壓鏈槸濠村辜鍎跨殑涓�绉嶇敓娲绘柟寮忋��
+ </p>
+ <p class="content">
+ 鍎跨鍦ㄧ敓鍛界殑鏈�鍒濋樁娈靛鏌愪簺鑹插僵銆佸浘褰㈠拰澹伴煶灏辩壒鍒晱鎰燂紝鐢氳嚦鍦ㄦ棭鏈熷氨鑳借〃鐜板嚭鎰熺煡鍜岄�夋嫨鑺傚銆侀煹寰嬨�佽壊褰╁拰褰㈢姸鐨勫�惧悜锛屽苟鑳藉鍏朵綔鍑哄弽搴斻��<span
+ class="super"
+ ><a id="noteBack_21" href="#note_21">[21]</a></span
+ >澹伴煶鍜屼箰鏇插厖婊′簡鍎跨鐨勬暣涓笘鐣岋紝瀹冧滑鏄棤澶勪笉鍦ㄧ殑銆傚叏涓栫晫鐨勫効绔ラ兘鑳藉瀵归煶涔愪骇鐢熷叡楦ｏ紝浠栦滑鍠滄鍘绘帰绱㈠叾鏃犻檺鐨勫彲鑳芥�э紝鍠滄浜茶嚜鍘诲垱浣滈煶涔愶紝鍚屾椂涔熻闊充箰缇庡鐨勫０闊冲拰鏃嬪緥鎵�鎰熸煋鈥︹�︿粠濠村効鍑虹敓閭ｄ竴鍒荤敋鑷虫洿鏃╃殑鏃跺�欏紑濮嬶紝浠栦滑灏卞凡缁忛�傚簲浜嗘墍鍦ㄧ幆澧冧腑鐨勫０闊筹紝骞朵笖鏍规嵁浠栦滑鑷韩鐨勮兘鍔涘幓鍒涢�犲拰鎺㈢储澹伴煶鐨勯煹寰嬪拰澹拌皟妯″紡銆�<span
+ class="super"
+ ><a id="noteBack_22" href="#note_22">[22]</a></span
+ >骞煎効鎷ユ湁瀵归煶涔愮殑鑷劧鎰忚瘑鍜屾晱鎰熷姏銆備笌鍏朵粬骞撮緞闃舵鐨勪汉鐩告瘮锛屼粬浠闊充箰鐨勬帰绱㈡洿澶氭槸鑷彂鎬х殑锛屼粬浠暍浜庡皢浠栦滑鐨勫０闊炽�佷粬浠殑韬綋浠ュ強浠栦滑鐨勬儏缁姇鍏ュ埌闊充箰鍜屽緥鍔ㄦ椿鍔ㄤ腑鍘汇�傚辜鍎夸細灏嗘暣涓韩蹇冮兘鎶曞叆鍏朵腑銆傚辜鍎垮湪闊充箰鎯呮櫙涓墍琛ㄧ幇鍑烘潵鐨勬儏鎰熴�佽鐭ュ拰绮剧鍔ㄥ姏鏄垱閫犲姏鐨勬爣蹇椼��<span
+ class="super"
+ ><a id="noteBack_23" href="#note_23">[23]</a></span
+ >甯冪害鍏嬫矁灏斿痉璁や负锛屾瘡涓効绔ヤ笌鐢熶勘鏉ラ兘鏈変竴绉嶁�滀互闊靛緥銆佽妭濂忓拰杩愬姩涓鸿〃寰佺殑鐢熷瓨鎬у姏閲忓拰鍒涢�犳�у姏閲忊��<span
+ class="super"
+ ><a id="noteBack_24" href="#note_24">[24]</a></span
+ >銆傚悓鏃讹紝濠村効鍦ㄨ緝鏃╃殑鏃舵湡灏卞凡缁忓缇庢湳鐨勪袱涓熀鏈绱犫�斺�斿舰涓庤壊鏈変竴瀹氱殑瀹＄編鎰熺煡鑳藉姏浜嗐�傚敖绠¤繖浜涙渶鍒濈殑鍙嶆槧鍙槸涓�浜涙湰鑳界殑鐩磋琛屼负锛屼絾杩欎簺鏈兘鐨勭洿瑙夎涓哄凡涓烘棩鍚庢洿楂樺眰娆＄殑缇庢湳娆ｈ祻娲诲姩鍋氬ソ浜嗗績鐞嗕笂鐨勫噯澶囥��<span
+ class="super"
+ ><a id="noteBack_25" href="#note_25">[25]</a></span
+ >濞佸粔路鏂壒鎭╄涓猴紝鍎跨鏈�鍒濆閭ｄ簺浜х敓蹇箰鐨勮壓鏈璞＄殑鐗硅川鏄瀬鍏舵晱鎰熺殑锛屾瘮濡傦紝鑹插僵銆佷寒搴︿笌鏄庢樉鐨勮妭濂忋��<span
+ class="super"
+ ><a id="noteBack_26" href="#note_26">[26]</a></span
+ >1宀佸崐宸﹀彸鐨勫効绔ワ紝宸茬粡鑳藉鐙珛琛岃蛋锛屼粬浠澶栭儴涓栫晫鐨勬帰绱㈠彉寰楁洿涓鸿嚜鐢憋紝寮�濮嬪枩娆㈠埌澶勬秱娑傜敾鐢伙紝鏈夋椂鐢氳嚦涔愭涓嶇柌銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 10椤� -->
+ <div class="page-box" page="15">
+ <div v-if="showPageList.indexOf(15) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">010</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <div class="img-float w200 openImgBox">
+ <img src="../../assets/images/Figure-0021-01.jpg" alt="" />
+ <p class="imgdescript">鍥�1-1銆�涓�鍙皬楦熺珯鍦ㄦ爲鏋濅笂</p>
+ </div>
+ <span>
+ <p class="content">
+ 鍙锛屽効绔ュぉ鐢熷氨鍠滄鑹烘湳锛屽枩娆㈡秱娑傜敾鐢伙紝鍠滄鍞卞敱璺宠烦锛岃壓鏈槸鍎跨鏃ュ父鐢熸椿鐨勯噸瑕佺粍鎴愰儴鍒嗐�傚効绔ヤ笌鐢熶勘鏉ラ兘鎷ユ湁鑹烘湳娆ｈ祻銆佽壓鏈垱浣滅殑娼滆兘锛岄兘鏈夋帴瑙﹁壓鏈�佸弬涓庤壓鏈�佹璧忚壓鏈瓑鏂归潰鐨勯渶瑕佸拰鏉冨埄銆傚湪鎰熷彈涓庢璧忚壓鏈椂锛屽効绔ュ叿鏈夎壇濂界殑鐩磋銆佷赴瀵岀殑鎯宠薄銆佸己鐑堢殑琛ㄨ揪鎰忔効鍜岀洿鎺ョ殑琛ㄨ揪鏂瑰紡锛涘効绔ュ湪鑹烘湳鍒涗綔杩囩▼涓拷姹傚彉鍖栧拰鏂版剰锛屾嫢鏈夎交鏉捐嚜鐢辩殑鍒涗綔蹇冩�侊紝鑳藉鏈夋墍琛ㄧ幇銆佺獊鐮村拰鍒涢�狅紝鍏朵綔鍝佷綋鐜板嚭涓�绉嶇畝绾︺�佺巼鐪熴�佺伒鍔ㄣ�佺鎷欎箣缇庯紙鍥�1-1锛夈��
+ </p>
+ </span>
+ <p class="content">
+ 绂诲紑浜虹敓渚挎棤鎵�璋撹壓鏈紝鍥犱负鑹烘湳鏄儏瓒ｇ殑琛ㄧ幇锛岃�屾儏瓒ｇ殑鏍规簮灏卞湪浜庝汉鐢燂紱鍙嶄箣锛岀寮�鑹烘湳涔熶究鏃犳墍璋撲汉鐢熴��<span
+ class="super"
+ ><a id="noteBack_27" href="#note_27">[27]</a></span
+ >鑹烘湳鍖栫敓瀛樼殑鍐呮兜鍏蜂綋鍖呮嫭锛氱涓�锛岃秴鑴辩殑鎬佸害銆傚缇庣殑鏈�涓昏鐗圭偣鏄秴鍔熷埄鎬э紝鍗冲湪瀹＄編涓讳綋涓庡浣撲箣闂达紝淇濇寔涓�瀹氱殑蹇冪悊璺濈锛屼富浣撳瀹綋娌℃湁鍔熷埄鎬х殑娆叉眰锛屼粠鑰屼娇涓讳綋杈惧埌涓�绉嶈嚜鐢辨磼鑴辩殑澧冪晫銆傜浜岋紝涓板瘜鐨勬儏瓒ｃ�傚缇庣殑浜虹敓搴旇鏈夐珮闆呫�佷赴瀵屻�佺函姝ｇ殑鎯呰叮锛屼汉鐨勭敓鍛藉氨鏈変簡鐢熸満锛屼汉鐢熶究鏈変簡鎰忎箟銆佹湁浜嗕环鍊笺�傜涓夛紝鏈壊鐨勭敓娲汇�傝繖绉嶇敓娲绘槸涓�绉嶄笉铏氫吉銆佷笉鍋氫綔銆佽嚜鐒跺拰璋愮殑鐢熸椿銆傜鍥涳紝瀹屾暣鐨勪汉鏍笺��<span
+ class="super"
+ ><a id="noteBack_28" href="#note_28">[28]</a></span
+ >濠村辜鍎挎弧瓒冲叾鐢熸椿闇�瑕佺殑鍏ㄩ儴娲诲姩褰㈠紡涓庤涓虹壒寰佸線寰�甯︽湁鑹烘湳鐨勮壊褰╋紝浠栦滑甯稿父浠ヨ壓鏈殑鏂瑰紡璁よ瘑涓栫晫銆佷互鑹烘湳鐨勬�佸害瀵瑰緟鐢熸椿銆佷互鑹烘湳鐨勭簿绁炰綋鍛充汉鐢熺瓑銆傚洜姝わ紝浠庢煇绉嶇▼搴︿笂鏉ヨ鍎跨鏄壓鏈寲鐢熷瓨鐨勫吀鑼冦�備笌涔嬬浉搴旂殑锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋搴旀槸涓�绉嶇敓娲绘柟寮忕殑鏁欒偛銆傚湪0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓紝鎴愪汉搴斾繚鎶ゅ苟婵�鍙戝効绔ョ殑鑹烘湳娼滆兘锛屼績杩涘効绔ヨ壓鏈兘鍔涗笌浜烘枃绱犲吇鐨勬暣鍚堝彂灞曘��0锝�3宀佸┐骞煎効鑹烘湳鍚挋搴旇璐磋繎鍎跨鐨勭敓娲伙紝褰卞搷鍎跨鐨勭敓娲伙紝璁╁効绔ヨ兘澶熸寔缁湴浠ヨ壓鏈殑鏂瑰紡璁よ瘑涓栫晫銆佷互鑹烘湳鐨勬�佸害瀵瑰緟鐢熸椿銆佷互鑹烘湳鐨勭簿绁炰綋鍛充汉鐢燂紝鍠勪簬鍦ㄧ敓娲讳腑鍙戠幇缇庛�佹劅鍙楃編锛岃〃鐜扮編銆佸垱閫犵編銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 11椤� -->
+ <div class="page-box" page="16">
+ <div v-if="showPageList.indexOf(16) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>011</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <h2 class="secondsubHead-2">浠诲姟浜屻��0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勪环鍊�</h2>
+ <p class="content">
+ 0锝�3宀佸┐骞煎効鐨勮韩蹇冨彂灞曟湁鍏剁嫭鐗逛箣澶勶細鎰熺煡瑙夊叿鏈夋暣浣撴�с�佺洿瑙夋�э紝瀹规槗浜х敓閫氭劅锛涙兂璞″ぉ椹绌猴紝涓嶅彈甯哥悊绾︽潫锛涙�濈淮鍦ㄧ洿鎺ユ劅鐭ョ殑杩囩▼涓繘琛岋紝绂讳笉寮�鍔ㄤ綔鍜屾椿鍔紱鎯呯华鎯呮劅鏄撳啿鍔ㄣ�佹槗鍙樻崲銆佹槗浼犳煋銆佹槗澶栭湶绛夈�傞壌浜�0锝�3宀佸┐骞煎効韬績鍙戝睍鐨勭壒鐐逛笌鑹烘湳鏄浉閫氱殑锛屽洜姝よ壓鏈暀鑲插湪0锝�3宀佸┐骞煎効闃舵鐨勪綔鐢ㄧ壒鍒獊鍑恒��
+ </p>
+ <p class="titleQuot-l">涓�銆佷績杩涘┐骞煎効瀹＄編鑳藉姏鐨勫彂灞�</p>
+ <p class="content">
+ 0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶈壓鏈礌鍏绘暀鑲诧紝鍙互淇冭繘濠村辜鍎垮缇庤兘鍔涚殑鍙戝睍銆傚缇庤兘鍔涙槸瀹＄編涓讳綋鎵�鍏锋湁鐨勪竴绉嶉珮搴︾患鍚堢殑蹇冪悊鑳藉姏锛屾槸鍦ㄥ缇庢椿鍔ㄨ繃绋嬩腑璁よ瘑鍜屼綋楠屻�佹劅鍙楁垨鍒涗綔瀹＄編瀵硅薄鎴栧缇庢剰璞＄殑涓�绉嶈兘鍔涳紝瀹冩槸鎰熸�т笌鐞嗘�с�佽璇嗕笌浣撻獙銆佸啀鐜颁笌琛ㄧ幇銆佹帴鍙椾笌鍒涢�犮�佹剰璇嗕笌鏃犳剰璇嗙患鍚堢粺涓�铻嶄細璐�氱殑澶嶆潅鐨勫績鐞嗚繃绋嬨��<span
+ class="super"
+ ><a id="noteBack_1" href="#note_1">[1]</a></span
+ >0锝�3宀佸┐骞煎効鑹烘湳鍚挋鍙互閫氳繃涓�绯诲垪鑹烘湳娲诲姩锛屽彂灞曞┐骞煎効鐨勫缇庤兘鍔涳紝鎻愬崌鍏惰壓鏈礌鍏汇��
+ </p>
+ <p class="content">
+ 鍏朵竴锛岃壓鏈惎钂欏彲浠ュ彂灞曞┐骞煎効鐨勫缇庢劅鍙楀姏锛屼负0锝�3宀佸┐骞煎効璧拌繘杩蜂汉鐨勮壓鏈笘鐣屾墦寮�涓�鎵囬棬銆傚湪0锝�3宀佸┐骞煎効鐨勫懆鍥寸幆澧冨拰鐢熸椿涓湁鐫�鍚勭鍚勬牱鐨勭編锛屽鑺辫崏鏍戞湪銆佹棩鏈堟槦绌虹瓑缇庡ソ鐨勪簨鐗╋紝楦熻铏福銆侀澹伴洦澹扮瓑濂藉惉鐨勫０闊炽�傚湪鑹烘湳鍚挋鐨勮繃绋嬩腑锛屾墭鑲叉満鏋勭殑鏁欏笀鎴栧闀垮拰濠村辜鍎夸竴璧峰彂鐜般�佹劅鍙楀拰娆ｈ祻鑷劧鐜涓庝汉鏂囨櫙瑙備腑缇庣殑浜嬬墿銆傝濡傦紝寰鍚硅繃锛屾爲鍙跺湪绌轰腑椋炶垶锛岄钀藉湪鍦伴潰涓娿�傚渾鍦嗚劯涓婇湶鍑轰簡绗戝锛屸�滃濡堬紝浣犵湅锛屽ソ缇庡晩锛佲�濃�滃摝锛屽摢閲岀編锛熶负浠�涔堜綘瑙夊緱寰堢編鍛紵鈥濆渾鍦嗚共涓嬫潵浠旂粏鍦拌瀵燂紝鈥滄湁绾㈢殑锛屾湁榛勭殑锛屾湁缁跨殑锛屼簲褰╃激绾封�濄�傜劧鍚庯紝浠栧紑濮嬫崱鏍戝彾锛屾墜鎷垮彾鏌勶紝灏嗘爲鍙朵竴鐗囦竴鐗囧湴鎷垮湪鎵嬩腑銆傚瀛╁瓙鏉ヨ锛屾爲鍙跺氨鏄粬鐨勨�滃疂璐濃�濄�傛垚浜哄彲浠ュ拰濠村辜鍎夸竴璧峰彂鐜扮編鐨勪簨鐗╃殑鐗瑰緛锛屽棰滆壊銆佸舰鐘讹紝鑺傚銆佹棆寰嬬瓑锛屽叏韬績鍦版劅鍙楀拰娆ｈ祻缇庛�備笌姝ゅ悓鏃讹紝鎴愪汉鍒涢�犳満浼氬拰鏉′欢璁╁┐骞煎効鎺ヨЕ閫傚疁鐨勩�佸悇绉嶅舰寮忕殑鑹烘湳浣滃搧锛屽皧閲嶅拰鐞嗚В濠村辜鍎垮湪娆ｈ祻鑹烘湳浣滃搧鏃剁殑琛屼负锛屽鎵嬭垶瓒宠箞銆佸嵆鍏存ā浠跨瓑锛屼粠鑰屼赴瀵屼粬浠鑹烘湳鐨勬劅鍙椾笌浣撻獙锛屾彁鍗囧叾瀹＄編鎰熷彈鍔涖��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 12椤� -->
+ <div class="page-box" page="17">
+ <div v-if="showPageList.indexOf(17) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">012</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 鍏朵簩锛岃壓鏈惎钂欏彲浠ュ彂灞曞┐骞煎効鐨勫缇庤〃鐜板姏锛屼负鍏朵互鍚庤繘琛岃壓鏈〃鐜颁笌鍒涗綔濂犲畾鑹ソ鐨勫熀纭�銆傚湪0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓紝鎴愪汉涓哄辜鍎挎彁渚涗赴瀵岀殑渚夸簬濠村辜鍎垮彇鏀剧殑宸ュ叿銆佹潗鏂欑瓑锛屾敮鎸佷粬浠秱娑傜敾鐢汇�佺矘绮樿创璐淬�佽嚜鍝艰嚜鍞便�佹ā浠胯〃婕旂瓑锛屽拰浠栦滑涓�璧风粯鐢汇�佸埗浣溿�佸敱姝屻�佽〃婕旂瓑锛屽叡鍚屽垎浜壓鏈殑涔愯叮銆傚湪濠村辜鍎胯〃杈惧垱浣滆繃绋嬩腑锛屾垚浜哄皧閲嶅拰娆ｈ祻浠栦滑鐙壒鐨勮〃鐜版柟寮忥紝鍦ㄥ叾闇�瑕佹椂缁欎簣閫傚疁鐨勫府鍔╁拰鎸囧銆傝濡傦紝鍦ㄨ壓鏈暀鑲叉椿鍔ㄢ�滅編涓界殑鑺辫崏鍦扳�濅腑锛屾暀甯堝彲浠ュ厛鍜屽┐骞煎効鎰熺煡銆佹璧忚崏鍦颁笂鍚勭鍚勬牱缇庝附鐨勮姳鍎匡紝鐒跺悗鍐嶆璧忓惔鍐犱腑鐨勪綔鍝併�婅姳鑽夊湴銆嬶紝鎰熷彈浣滃搧涓偣绾块潰鐨勫彉鍖栵紝杩欐牱鍎跨鐨勪綔鍝佹墠鑳藉瘜鏈変釜鎬у拰琛ㄧ幇鍔涖�傚湪鏁欏笀鐨勫紩瀵间笅锛岄�氳繃绉疮鐢熸椿缁忛獙锛屼赴瀵屽缇庣粡楠岋紝鍎跨鐨勫缇庤〃鐜板姏鍜屽垱閫犲姏鑷劧鑰岀劧鍦板緱鍒颁簡鎻愬崌銆�
+ </p>
+ <p class="titleQuot-l">浜屻�佷績杩涘┐骞煎効鎵嬨�佺溂銆佽剳鐨勫崗璋�</p>
+ <p class="content">
+ 0锝�3宀佸┐骞煎効鑹烘湳鍚挋浠庡┐骞煎効鐨勭敓娲荤粡楠屼笌瀹＄編缁忛獙鍑哄彂锛屽紩瀵煎辜鍎垮彂鐜般�佹劅鍙椼�佹璧忓ぇ鑷劧銆佺ぞ浼氱敓娲汇�佽壓鏈綔鍝佷腑鍚勭涓嶅悓鐨勭編锛屼赴瀵屼粬浠殑瀹＄編浣撻獙锛屼粠鑰屽煿鍏讳粬浠殑瀹＄編鑳藉姏銆�0锝�3宀佸┐骞煎効鎿呴暱杩愮敤瑙嗚銆佸惉瑙夈�佽Е瑙夈�佸梾瑙夈�佸懗瑙夌瓑澶氱鎰熷畼閫氶亾鏉ユ璧忓拰琛ㄧ幇鑹烘湳銆傚悓鏃讹紝0锝�3宀佸┐骞煎効鐨勮瑷�琛ㄨ揪鑳藉姏杈冨急锛屼粬浠父甯稿�熷姪鍔ㄤ綔銆佽〃鎯呯瓑闈炶瑷�鐨勬柟寮忚〃杈捐嚜宸辩殑鎰熷彈涓庝綋楠屻�傚彲瑙侊紝鑹烘湳娲诲姩闇�瑕佸┐骞煎効鐨勬墜銆佺溂銆佽剳骞剁敤锛岃兘澶熶績杩涘┐骞煎効鎵嬨�佺溂銆佽剳鐨勫崗璋冨彂灞曘��
+ </p>
+ <p class="content">
+ 濠村辜鍎垮�熷姪澶氱鎰熷畼娆ｈ祻鍚勭鍚勬牱缇庣殑浜嬬墿锛岄�氳繃澶ц剳鏁村悎鍚勭被淇℃伅锛屽姩鎵嬫搷浣滃悇绉嶅伐鍏锋潗鏂欑瓑琛ㄨ揪鑷繁鐨勬�濇兂鍜屾儏鎰熴�備笉璁烘槸鑹烘湳娆ｈ祻杩樻槸鑹烘湳琛ㄧ幇锛岄兘鍙互璁╁効绔ュ皢蹇冪悊鎿嶄綔涓庡疄闄呮搷浣滅粨鍚堣捣鏉ャ�傚湪鑹烘湳娲诲姩涓紝鏁欏笀閫氳繃鍚勭鏂瑰紡婵�鍙戝┐骞煎効澶磋剳涓殑宸叉湁鍥惧紡锛岄紦鍔变粬浠ぇ鑳嗗湴琛ㄨ揪鍜屽垱閫犮�傚湪姝よ繃绋嬩腑锛屽効绔ョ敤鑴戝宸叉湁鍥惧紡杩涜缁勫悎銆佸垹鍑忋�佹嫾鎺ョ瓑锛屽苟杞崲涓洪�傚悎鑷繁鐨勫悇绉嶈壓鏈〃鐜板舰寮忋�傜劧鍚庯紝鏍规嵁鑹烘湳娲诲姩鍐呭锛岄�夋嫨鍔ㄦ墜鎿嶄綔鐨勬柟寮忥紝杩愮敤宸ュ叿鏉愭枡澶ц儐鍦拌繘琛岃壓鏈〃鐜颁笌鍒涗綔銆傚湪鑹烘湳娲诲姩涓紝濠村辜鍎跨殑鎰熺煡鍔涖�佽瀵熷姏銆佹兂璞″姏銆佸垱閫犲姏銆佸姩鎵嬫搷浣滆兘鍔涚瓑鍦ㄤ笉鏂湴鍙戝睍鐫�銆備緥濡傦紝鍦ㄨ壓鏈椿鍔ㄢ�滃ぇ鎵嬪皬鎵嬪彉鍙樺彉鈥濅腑锛屽疂瀹濆拰瀹堕暱鍏卞悓鍟嗛噺銆佹瀯鎬濆垱浣滅殑涓婚锛屽苟鏍规嵁涓婚杩涜鍗扮敾锛屼箣鍚庯紝浠栦滑鏍规嵁鑷繁閫犲瀷鐨勯渶瑕佷竴璧风敤娌圭敾妫掋�佸悇绉嶅ぇ灏忔瘺绗斻�佸埛瀛愮瓑瀵规墜鍗扮敾杩涜娣荤敾銆佽楗般�傛暣涓椿鍔ㄩ兘鏄疂瀹濆拰瀹堕暱涓�璧峰璇濄�佷氦娴併�佷簰鍔╃殑杩囩▼锛�<span
+ class="super"
+ ><a id="noteBack_2" href="#note_2">[2]</a></span
+ >浠庤�屼績杩涘疂瀹濇墜銆佺溂銆佽剳鐨勫崗璋冨彂灞曘��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 13椤� -->
+ <div class="page-box" page="18">
+ <div v-if="showPageList.indexOf(18) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>013</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <p class="titleQuot-l">涓夈�佹縺鍙戝┐骞煎効鐨勬兂璞″姏銆佸垱閫犲姏</p>
+ <p class="content">
+ 鎯宠薄鏄汉鑴戝璁板繂琛ㄨ薄杩涜鍔犲伐鏀归�犲舰鎴愭柊褰㈣薄鐨勮繃绋嬶紝鏄績鐞嗘椿鍔ㄤ腑鍏锋湁鍒涢�犳�х壒鐐圭殑楂樼骇蹇冪悊鏈鸿兘銆傝〃璞℃槸瀛樺湪浜庝汉鐨勫ご鑴戜腑鐨勫舰璞★紝涓�鑸涓猴紝鏄庣‘琛ㄦ槑鍎跨琛ㄨ薄鍑虹幇鐨勬椂闂存槸1宀佸乏鍙炽��<span
+ class="super"
+ ><a id="noteBack_3" href="#note_3">[3]</a></span
+ >琛ㄨ薄浜х敓浠ュ悗锛屽効绔ヤ篃灏卞紑濮嬩簡鎯宠薄銆�
+ </p>
+ <p class="content">
+ 鑹烘湳鏄嚜鐢辩殑锛屽彲浠ヤ笉鍙楀鐣岀殑鍒剁害锛岃秴瓒婃椂闂翠笌绌洪棿銆佺幇瀹炰笌骞绘兂銆佺敓鍛戒笌鏃犵敓鍛界瓑鐨勯檺鍒讹紝涓烘兂璞′笌鍒涢�犳彁渚涗簡鍙互鑷敱椹伴獘鐨勫ぉ鍦般�傚湪鑹烘湳娲诲姩涓紝濠村辜鍎垮彲浠ヨ嚜鐢遍�夋嫨銆佽嚜鐢辫〃鐜帮紝缁忚繃鍔犲伐鍒涢�犲嚭鏂扮殑褰㈣薄銆傚効绔ュ湪鏍规嵁鑷繁鐨勭粡楠屻�佹劅鍙楀皢鑷繁鐨勮壓鏈綋楠屼互绾挎潯銆佽壊褰┿�侀�犲瀷绛夊舰寮忚〃鐜板嚭鏉ョ殑杩囩▼涓紝灏辫暣鍚潃鐙壒鐨勬兂璞″姏涓庡垱閫犳�с��<span
+ class="super"
+ ><a id="noteBack_4" href="#note_4">[4]</a></span
+ >鈥滅敱浜庡効绔ュ辜绋氥�佸崟绾紝蹇冪伒绾磥鏃犵憰锛屾墍浠ヤ粬浠殑鐢讳笉鍙椾换浣曢檺鍒讹紝涔熶笉鍙楃湡瀹炵殑绾︽潫锛屾病鏈変换浣曟竻瑙勬垝寰嬶紝褰㈡垚鍎跨鐢绘墍鐗规湁鐨勭鎷欍�佹ⅵ骞荤敋鑷宠崚璇炵殑鐗圭偣銆傗��<span
+ class="super"
+ ><a id="noteBack_5" href="#note_5">[5]</a></span
+ >鍎跨鐨勮嚜鍙戞瓕鍞便�佸嵆鍏磋〃婕旂瓑閮芥槸鈥滄湰鑳界吉鏂�濈殑浣撶幇锛屼笌鍎跨缇庢湳涓�鏍凤紝鍏呭垎浣撶幇浜嗙鎷欍�佹竻鏂般�佺巼鐪熴�佽嚜鐢辩瓑鍝佽川銆傜敱浜庡┐骞煎効鐙壒鐨勬�濈淮鍙戝睍鐗圭偣锛屼粬浠槗浜庤瀺鍏ユ儏澧冿紝杈惧埌鐗╂垜涓嶅垎銆佷富瀹㈣瀺鍚堢殑鐘舵�併�傚湪鑹烘湳鏁欒偛娲诲姩涓紝濡傛灉鎴愪汉缁欎簣閫傚綋鐨勫紩瀵硷紝浠栦滑鏇村姞瀹规槗铻嶅叆鎯呭锛屽熀浜庤嚜韬殑缁忛獙锛岃嚜鐢卞彂鎸ユ兂璞★紝澶ц儐杩涜鑹烘湳琛ㄧ幇涓庡垱閫狅紝浠庤�屼績杩涘効绔ユ兂璞″姏涓庡垱閫犲姏鐨勫彂灞曘��
+ </p>
+ <p class="content">
+ 鑹烘湳寮鸿皟澶氬厓銆佷釜鎬с�佸垱閫狅紝娌℃湁鏍囧噯鍖栫殑瑕佹眰涓庣瓟妗堛�傚湪鑹烘湳涓紝姣忎竴绉嶄簨鐗╅兘涓嶆槸浠庣幇瀹炵敓娲讳腑鐓ф惉杩囨潵鐨勶紝鑰屾槸鍒涢�犲嚭鏉ョ殑锛屽洜姝よ壓鏈叿鏈夊鍏冩�с�佺嫭鐗规�с�佸垱閫犳�с�傛瘡涓効绔ヤ笌鐢熶勘鏉ラ兘鎷ユ湁鑹烘湳鍒涢�犵殑娼滆兘锛屾棤璁烘槸娑傛秱鐢荤敾銆佺矘绮樿创璐磋繕鏄摷鍝煎敱鍞便�佸嵆鍏磋〃婕旓紝閮戒綋鐜颁簡鍎跨鐙竴鏃犱簩鐨勫垱閫犲姏銆傗�滄垚浜虹殑鍒涢�犲姏鏇村鐨勬槸鎸囧湪绀句細鏂囧寲绛夋柟闈㈠甫鏉ョ殑鍙橀潻鑳藉姏锛岃�屽効绔ョ殑鍒涢�犲姏鏄寚鍒涢�犲嚭瀵瑰叾涓汉鏉ヨ鏄叏鏂扮殑銆佸墠鎵�鏈湁鐨勪簨鐗╃殑鑳藉姏銆傚叿浣撴潵璇达紝瀛﹀墠鍎跨缇庢湳娲诲姩涓殑鍒涢�犲姏鏄寚浠栦滑鍒╃敤鐗╄川鏉愭枡鍙婅繃鍘荤殑缁忛獙骞跺姞浠ラ噸鏂扮粍鍚堬紝鍒朵綔鍑哄鍏朵釜浜烘潵璇存柊棰栫殑銆佹湁浠峰�肩殑缇庢湳浣滃搧鐨勮兘鍔涖�傝繖绉嶈兘鍔涗笉浠呭彲浠ュ湪浣滃搧涓弽鏄犲嚭鏉ワ紝杩樺彲浠ヤ粠鍏跺埗浣滅殑杩囩▼涓樉绀哄嚭鏉ャ�傗��<span
+ class="super"
+ ><a id="noteBack_6" href="#note_6">[6]</a></span
+ >
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 14椤� -->
+ <div class="page-box" page="19">
+ <div v-if="showPageList.indexOf(19) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">014</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 鍦ㄨ壓鏈椿鍔ㄤ腑锛屾垚浜哄紩瀵煎┐骞煎効鎰熷彈涓庢璧忕編涓界殑鏅壊銆佸ソ鍚殑澹伴煶锛屾帴瑙﹂�傚疁鐨勩�佸悇绉嶅舰寮忕殑鑹烘湳浣滃搧锛岄紦鍔变粬浠ぇ鑳嗘兂璞★紝瀵硅〃璞¤繘琛屽姞宸ュ垱閫狅紝浠庤�屼互鑹烘湳鐨勫舰寮忚〃鐜板嚭鏉ャ�傘��3-6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬫寚鍑猴細鈥滃辜鍎垮浜嬬墿鐨勬劅鍙楀拰鐞嗚В涓嶅悓浜庢垚浜猴紝浠栦滑琛ㄨ揪鑷繁璁よ瘑鍜屾儏鎰熺殑鏂瑰紡涔熸湁鍒簬鎴愪汉銆傚辜鍎跨嫭鐗圭殑绗旇Е銆佸姩浣滃拰璇█寰�寰�钑村惈鐫�涓板瘜鐨勬兂璞″拰鎯呮劅锛屾垚浜哄簲瀵瑰辜鍎跨殑鑹烘湳琛ㄧ幇缁欎簣鍏呭垎鐨勭悊瑙ｅ拰灏婇噸锛屼笉鑳界敤鑷繁鐨勫缇庢爣鍑嗗幓璇勫垽骞煎効锛屾洿涓嶈兘涓鸿拷姹傜粨鏋滅殑鈥樺畬缇庘�欒�屽骞煎効杩涜鍗冪瘒涓�寰嬬殑璁粌锛屼互鍏嶆壖鏉�鍏舵兂璞′笌鍒涢�犵殑钀岃娊銆傗�濆悓鏍凤紝鎴愪汉搴旀璧忋�佺悊瑙ｅ苟灏婇噸0锝�3宀佸┐骞煎効鐨勮壓鏈〃鐜颁笌鍒涢�狅紝淇濇姢銆佹縺鍙戝苟淇冭繘鍏舵兂璞″姏涓庡垱閫犲姏鐨勫彂灞曘��
+ </p>
+ <p class="titleQuot-l">鍥涖�佹湁鍒╀簬鍩瑰吇濠村辜鍎跨殑鍋ュ叏浜烘牸</p>
+ <p class="content">
+ 鍎跨瀵硅壓鏈湁涓�绉嶈嚜鐒剁殑闇�瑕併�傚鑼ㄨ涓猴紝浜虹被鐨勨�滃師濮嬪啿鍔ㄢ�濈殑琛ㄨ揪鏂瑰紡鍒嗕负涓ょ锛氫竴绉嶆柟寮忔槸鏂囧瓧琛ㄨ揪锛涘彟涓�绉嶆柟寮忔槸閫氳繃缁樼敾琛ㄨ揪鍑烘潵锛屽嵆灏嗗唴蹇冪粡鍘嗗彲瑙嗗寲銆傝礉钂傚路鍩冩牸灏斿皢缁樼敾鍙戝睍杩囩▼涓秱楦︾殑鎰忎箟姣斾綔璇█鍙戝睍杩囩▼涓彛榻夸笉娓呯殑璇磋瘽闃舵锛屽苟璁や负娑傞甫鐨勯樁娈垫槸缁濆蹇呴渶鐨勩��<span
+ class="super"
+ ><a id="noteBack_7" href="#note_7">[7]</a></span
+ >涓�绉嶆父鎴忕殑鈥滄仼鎴堥害鈥濓紙琛ㄧず鍎跨鏂囧寲涓吉鏂紡鐨勬父鎴忕壒寰侊級鏄櫘閬嶇殑鐢熸椿闇�瑕佲�︹�﹀湪鍎跨姣忓ぉ鎵�杩涜鐨勪笉璁″叾鏁扮殑娲诲姩涓紝浠庝笂鍘曟墍銆佺郴闉嬪甫鍒板瀛愰棿鐨勫槻寮勬垨娌欑鍐呯殑澶╃湡鐜╄�嶏紝鑷彂鐨勬瓕鍞变綔涓轰竴绉嶅熀鏈洜绱犺繘鍏ヨ繖涓�鍒囦箣涓�傚畠澶勪簬鍎跨鏂囧寲涓繍鍔ㄣ�佽璇嶃�佹瓕鍞辫繖绉嶇吉鏂�х殑鈥滄仼鎴堥害鈥濈殑涓績锛屽畠涓轰粬浠殑娓告垙甯︽潵浜嗚妭濂忥紝涓轰粬浠殑杩愬姩甯︽潵浜嗗舰寮忥紝涓轰粬浠殑璇嶈甯︽潵浜嗘殩鎰忋�傚鍎跨鏉ヨ锛屾帉鎻¤嚜鍙戠殑姝屽敱鏄嚦鍏抽噸瑕佺殑锛屽洜涓鸿繖鏄効绔ユ枃鍖栦腑鐨勬櫘閬嶆�ц鐮侊紝缁欏効绔ョ殑琛ㄨ揪鍜屾垚闀夸竴鎶婄壒娈婄殑閽ュ寵銆�<span
+ class="super"
+ ><a id="noteBack_8" href="#note_8">[8]</a></span
+ >
+ </p>
+ <p class="content">
+ 鐢变簬韬績鍙戝睍姘村钩鍙楅檺锛�0锝�3宀佸┐骞煎効骞朵笉鎿呴暱鐢ㄨ瑷�鏉ヨ〃杈捐嚜宸辩殑鎬濇兂涓庢儏鎰熴�傚浠栦滑鏉ヨ锛岃壓鏈槸涓�绉嶆瘮璇█鏇村己鏈夊姏鐨勮〃杈句笌浜ゆ祦鏂瑰紡锛屾槸琛ㄨ揪鑷垜銆佹姃鍙戞儏鎰熺殑涓�涓噸瑕侀�斿緞锛屼篃鏄鍖栨儏鎰熺殑鏈夋晥鏂瑰紡涔嬩竴銆傚綋鎯呯华婵�鍔ㄣ�佹�濇兂绾蜂贡鏃讹紝鍎跨甯稿彂鐜板垱閫犱竴骞呮儏缁己鐑堢殑涓婚鐢诲線寰�姣旂敤璇█鎻忚堪瀹冩洿瀹规槗锛屾洿浠や汉婊¤冻銆�<span
+ class="super"
+ ><a id="noteBack_9" href="#note_9">[9]</a></span
+ >姝ｆ墍璋擄細鈥滄儏鍔ㄤ簬涓�岃浜庤█锛岃█涔嬩笉瓒筹紝鏁呭棢鍙逛箣锛屽棢鍙逛箣涓嶈冻锛屾晠鍜忔瓕涔嬶紝鍜忔瓕涔嬩笉瓒筹紝涓嶇煡鎵嬩箣鑸炰箣锛岃冻涔嬭箞涔嬩篃銆傗�濆湪鑹烘湳娲诲姩涓紝鍎跨鍙互鍊熷姪绾挎潯銆佽壊褰┿�侀�犲瀷锛岃妭濂忋�佹棆寰嬨�佽繍鍔ㄧ瓑鑹烘湳璇█锛岀洿鎺ヨ〃杈捐嚜宸辩殑鎯呮劅銆佹兂娉曠瓑銆�
+ </p>
+ <hr />
+ </div>
+ </div>
+ </div>
+ <!-- 15椤� -->
+ <div class="page-box" page="20">
+ <div v-if="showPageList.indexOf(20) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>015</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 0锝�3宀佸┐骞煎効鍦ㄦ璧忓悇绉嶅悇鏍风編鐨勪簨鐗╁拰鑹烘湳浣滃搧鐨勮繃绋嬩腑锛岃兘澶熻幏寰楁剦鎮︾殑浣撻獙锛屽苟娌夋蹈鍏朵腑銆備笌姝ゅ悓鏃讹紝鍦ㄨ壓鏈〃鐜颁笌鍒涗綔涓紝鍎跨鐙珛銆佽嚜涓汇�佽嚜淇＄瓑涓�т笌浜烘牸鎮勭劧鎴愰暱銆傝濡傦紝瀹濆疂鑳藉鍦ㄦ墍娑傚嚭鐨勭偣銆佺嚎銆佸湀鐨勭粍鍚堜腑鑾峰緱瑙嗚浠ュ強韬績鐨勬剦鎮︿笌婊¤冻锛屽湪鎵嬭噦鏈夎妭濂忕殑鍔ㄤ綔涓幏寰椾富鍔ㄧ殑韬綋杩愬姩鐨勫揩鎰熴�傝繖涓嶄粎浠呮槸涓�椤规剦蹇殑娓告垙锛屽疄闄呬笂涔熸槸瀹濆疂鐨勪竴绉嶄富鍔ㄧ殑瀛︿範娲诲姩锛屾槸浠栦滑鏃╂湡鎺㈢储銆佽璇嗕笘鐣岀殑涓�绉嶆柟娉曘��<span
+ class="super"
+ ><a id="noteBack_10" href="#note_10">[10]</a></span
+ >0锝�3宀佸┐骞煎効鍦ㄨ壓鏈璧忎笌鍒涗綔涓彲浠ヨ幏寰楁兂璞＄殑鑷敱鍜屽垱浣滅殑蹇箰锛屼粠鑰屾劅鍙楀埌鑷繁鐨勫姏閲忎笌鑳藉姏锛岃幏寰楁弧瓒虫劅涓庢垚灏辨劅銆傚効绔ヨ壓鏈弽鏄犱簡鍎跨褰撳墠鐨勭姸鍐点�佺壒鍒殑鎰挎湜涓庣溂鍓嶇殑鐭涚浘鍐茬獊锛屽洜姝わ紝閫氳繃鍎跨鑹烘湳锛屾垚浜哄彲浠ヤ簡瑙ｅ効绔ョ殑鐢熸椿缁忓巻銆佽〃杈捐兘鍔涖�佹儏缁儏鎰熺瓑锛屼粠鑰屾礊鎮夋瘡涓効绔ョ殑涓�х壒鐐癸紝骞堕�氳繃鑹烘湳娲诲姩淇冭繘鍎跨鍋ュ叏浜烘牸鐨勫吇鎴愩��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 16椤� -->
+ <div class="page-box" page="21">
+ <div v-if="showPageList.indexOf(21) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">016</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <h2 class="secondsubHead-2">浠诲姟涓夈��0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫師鍒�</h2>
+ <p class="content">
+ 0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫師鍒欐槸鍦�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓繀椤婚伒寰殑鍩烘湰瑕佹眰銆傚熀浜庡┐骞煎効鑹烘湳鏁欒偛鐨勮寰嬨��0锝�3宀佸┐骞煎効韬績鍙戝睍鐗圭偣鍙婅壓鏈兘鍔涘彂灞曠壒寰侊紝0锝�3宀佸┐骞煎効鑹烘湳鍚挋搴旈伒寰惎钂欐�с�佺敓娲绘�с�佹父鎴忔�с�佹暣鍚堟�с�佸缇庢�х瓑鍘熷垯銆�
+ </p>
+ <p class="titleQuot-l">涓�銆佸惎钂欐�у師鍒�</p>
+ <p class="content">
+ 鍚挋鎬у師鍒欐槸0锝�3宀佸┐骞煎効鑹烘湳鍚挋搴旈伒寰殑棣栬鍘熷垯锛屽畠鏄寚搴斿湪濠村辜鍎胯壓鏈椿鍔ㄤ腑寮曞濠村辜鍎挎劅鍙椾笌娆ｈ祻鑷劧鐜涓庣敓娲讳腑鐨勭編锛屽湪鍏剁敓娲讳腑鑷劧铻嶅叆濠村辜鍎垮彲浠ユ帴鍙楃殑鑹烘湳褰㈠紡锛屼粠鑰屼娇寰楀┐骞煎効鑾峰緱鏈�鍩虹鐨勮壓鏈礌鍏汇��0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫惎钂欐�у師鍒欎富瑕佷綋鐜板湪鎴愪汉搴旇涓哄┐骞煎効閫夋嫨鏈�鍩虹鐨勮壓鏈椿鍔ㄥ唴瀹广��
+ </p>
+ <p class="content">
+ 0锝�3宀佸┐骞煎効鐨勭粯鐢昏兘鍔涘浜庢秱楦﹂樁娈碉紝鎵嬪伐鍙戝睍澶勪簬鏃犵洰鐨勬椿鍔ㄦ湡锛岀編鏈璧忚兘鍔涘垯璺ㄨ秺涓や釜闃舵鏈兘鐩磋鏈燂紙0锝�2宀侊級锛屼富瑙傜殑瀹＄編鎰熺煡鏈燂紙2锝�7宀侊級銆傚効绔ラ煶涔愯兘鍔涚殑鍙戝睍涓庣編鏈兘鍔涚浉姣旓紝闃舵鎬т笉鏄偅涔堟槑鏄俱�備互鍎跨鐨勬瓕鍞辫兘鍔涗负渚嬶紝鍎跨澶勪簬濠村効鏈熲�滃捒鍛�鈥濆璇濇椂灏卞紑濮嬩簡鈥滃捒鍛�鈥濆鍞憋紝1宀佸乏鍙崇殑鍎跨鍞辩殑姝岃绉颁负鈥滃憖鍛�涔嬫瓕鈥濓紝涓ゅ瞾宸﹀彸鐨勫効绔ヤ細鍔姏妯′豢鎴愪汉闊抽珮锛屼細鍞辩畝鍗曠殑姝屾洸锛屽苟涓嶆柇閲嶅绛夈��
+ </p>
+ <p class="content">
+ 鏍规嵁0锝�3宀佸┐骞煎効鐨勮壓鏈兘鍔涘彂灞曠壒寰侊紝鏁欏笀鎴栧闀夸负浠栦滑閫夋嫨鐨勮壓鏈椿鍔ㄥ唴瀹瑰簲璇ユ槸鏈�鍩虹鐨勶紝閫傚悎鍏惰韩蹇冨彂灞曟按骞崇殑銆傝濡傦紝1宀佸崐宸﹀彸鐨勫効绔ュ紑濮嬪枩娆㈡秱娑傜敾鐢伙紝鐢ㄨ兘鎺ヨЕ鍒扮殑宸ュ叿锛堝绗斻�佹墜鎸囥�佹爲鏋濈瓑锛夊湪绾镐笂銆佸涓娿�佸湴涓婄瓑娑傜敾鐐广�佺嚎銆傚効绔ョ殑娑傞甫涓嶈绌堕�犲瀷銆佽壊褰╁拰鏋勫浘锛岃繖鏄粬浠湪鎰熺煡瑙夈�佸姩浣滄湁浜嗕竴瀹氱殑鍙戝睍涔嬪悗鍋氬嚭鐨勬帰绱紝鏄竴绉嶆柊鐨勫姩浣滅粌涔狅紝灞炰簬涓�绉嶆墜鑷傜殑鍔ㄤ綔銆傚効绔ョ殑娑傞甫娌℃湁鏄庣‘鐨勮〃鐜版剰鍥撅紝浠栦滑鎶婃秱楦﹀綋浣滄父鎴忥紝骞朵韩鍙楃敱娑傞甫鍔ㄤ綔甯︽潵鐨勯偅绉嶆湁鑺傚鐨勨�滃姩鈥濈殑杩愬姩蹇劅锛屼互鍙婂绾镐笂銆佸涓婂嚭鐜板悇绉嶅悇鏍风殑绾挎潯鐨勮瑙夋弧瓒炽��<span
+ class="super"
+ ><a id="noteBack_1" href="#note_1">[1]</a></span
+ >2宀佷互鍚庯紝鎴愪汉鍙互涓轰粬浠彁渚涙搷浣滅畝鍗曘�佷究浜庤〃鐜扮殑宸ュ叿鏉愭枡锛堝铚＄瑪鐢汇�佸嵃绔犵敾銆佹墜鎸囩偣鐢荤瓑锛夛紝榧撳姳浠栦滑鐢ㄧ畝鍗曠殑绾挎潯涓庡舰鐘跺幓琛ㄧ幇鏃ュ父鐢熸椿涓父瑙佺殑銆佺啛鎮夌殑銆佹劅鍏磋叮鐨勪簨鐗╋紝濡傝澶氬皬楸兼按涓父銆侀珮鍏寸殑鍚戞棩钁电瓑锛堝浘1-2锛夈��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 17椤� -->
+ <div class="page-box" page="22">
+ <div v-if="showPageList.indexOf(22) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>017</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <div class="img-rights w150 openImgBox">
+ <img src="../../assets/images/Figure-0028-01.jpg" alt="" />
+ <p class="imgdescript">鍥�1-2銆�楂樺叴鐨勫悜鏃ヨ懙</p>
+ </div>
+ <span>
+ <p class="content">
+ 鍐嶅锛岄壌浜�0锝�3宀佸┐骞煎効姝屽敱鑳藉姏鐨勫彂灞曪紝鎴愪汉涓哄┐骞煎効閫夋嫨鐨勬瓕鏇插簲鍏锋湁濡備笅鐗圭偣锛氭瓕璇嶅弽鏄犵殑涓婚鏄┐骞煎効鐔熸倝銆佺悊瑙ｃ�佹劅鍏磋叮鐨勶紝鍐呭瀵屾湁绔ヨ叮銆佹槗浜庤蹇嗭紝褰㈣薄椴滄槑锛岄�傚悎鐢ㄥ姩浣滆〃鐜帮紱闊冲煙閫傚疁銆佽妭濂忕畝鍗曘�佹棆寰嬪钩绋炽�佺煭灏忓伐鏁寸瓑锛屽銆婇棯鐑佺殑灏忔槦鏄熴�嬨�婂皬鐕曞瓙銆嬬瓑銆�
+ </p>
+ <p class="content">
+ 闇�瑕佹寚鍑虹殑鏄紝閫氳繃0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛屽┐骞煎効鑾峰緱鐨勬槸鏈�鍩虹鐨勮壓鏈礌鍏汇�傚湪浜虹敓鐨勬渶鍒濋樁娈碉紝鍎跨鑳藉鍠滄鎺ヨЕ鑹烘湳銆佸枩娆㈠弬鍔犺壓鏈椿鍔ㄦ槸棣栬鐨勩�傝繖绉嶅鑹烘湳鐨勫叴瓒ｄ笌鎬佸害涓哄叾浠婂悗鍠滄鑹烘湳銆佸弬涓庤壓鏈�佸涔犺壓鏈瓑濂犲畾鑹ソ鐨勫熀纭�銆�
+ </p>
+ </span>
+ <p class="titleQuot-l">浜屻�佺敓娲绘�у師鍒�</p>
+ <p class="content">
+ 鐢熸椿鎬у師鍒欐寚0锝�3宀佸┐骞煎効鑹烘湳娲诲姩搴斿熀浜庡効绔ョ殑鐢熸椿缁忛獙锛岃创杩戝効绔ョ殑鐢熸椿锛屽瘜鏈夌敓娲绘儏瓒ｏ紝骞舵湇鍔′簬鍎跨鐨勭敓娲汇�傝壓鏈椿鍔ㄥ彧鏈夎创杩戝効绔ョ殑鐢熸椿锛屾璧忔垨琛ㄧ幇瀵逛簬鍎跨鑰岃█鏈夋剰涔夌殑浜恒�佷簨銆佺墿锛屽効绔ユ墠鑳藉湪鑹烘湳娆ｈ祻涓庡垱浣滀腑鐢熸垚鎰忎箟銆佸垱閫犳剰涔夈��
+ </p>
+ <p class="content">
+ 鈥滃ぉ鍦版湁澶х編鑰屼笉瑷�鈥濓紝鑷劧鐣屼笌鐢熸椿涓厖婊＄潃鍚勭鍚勬牱缇庣殑浜嬬墿銆傚ぇ鑷劧涓湁鐫�鍚勭缇庡鐨勫０闊筹細娣呮穮娌ユ播鐨勯洦澹般�佹窓娣欑殑娴佹按澹般�佹竻鑴嗙殑楦熷彨澹般�佸皬鏈嬪弸鐨勬绗戝０绛夈�傛墍鏈夎繖浜涳紝閮戒細璁╁疂瀹濆績鏃风鎬★紝婵�鍙戜簡浠栬亞鍚殑娆叉湜涓庡叴瓒ｃ�傛垚浜哄彲浠ュ紩瀵煎┐骞煎効娉ㄦ剰鍊惧惉澶ц嚜鐒堕噷鐨勫悇绉嶅０闊筹紝濡傞澹般�侀洦澹帮紱鍊惧惉鍚勭鍔ㄧ墿鐨勫彨澹帮紝濡傞笩鍙０锛涘�惧惉鍚勭浜ら�氬伐鍏峰彂鍑虹殑澹伴煶锛屽鑷杞︽竻鑴嗙殑閾冨０銆佹苯杞︾殑鍠囧彮澹扳�︹�︾户鑰屽紩瀵煎疂瀹濇ā浠裤�佽〃杈撅紝浠庤�屼績杩涘疂瀹濇兂璞″姏鍜屽垱閫犲姏鐨勫彂灞曘�備竴鐗囨爲鏋椼�佷竴閬撴渤婀俱�佷竴鐗囨槦绌恒�佷竴杞槑鏈堚�︹�﹁繖浜涢兘鍙互缁欏疂瀹濈編鐨勪韩鍙椼�傚効绔ョ殑瑙嗚鏄嫭鐗圭殑锛屼竴鐗囨爲鍙躲�佷竴棰楃煶瀛愩�佷竴娈垫爲鏋濄�佷竴涓涘皬鑽夐兘鍙互鎴愪负瀹濆疂鐖变笉閲婃墜鐨勫疂璐濄�傛垚浜轰笉濡ㄥ拰瀹濆疂涓�璧锋璧忓ぇ鑷劧鐨勭編涓戒笌绁炲锛屾繁鍛煎惛锛屽睍寮�鍙岃噦锛屾劅鍙楀ぇ鑷劧锛屾嫢鎶卞ぇ鑷劧銆傚悓鏃讹紝寮曞瀹濆疂鍙戠幇缇庣殑浜嬬墿锛岀埍鎶ょ編鐨勪簨鐗╋紝琛ㄨ揪瀵瑰ぇ鑷劧鐨勫枩鐖便��
+ </p>
+
+ <div class="fl jc-c openImgBox mt-20">
+ <img
+ class="img-f"
+ src="../../assets/images/Figure-0006-04.jpg"
+ alt=""
+ />
+ </div>
+ <p class="imgdescript mb-20">鍥�1-3銆�缁垮灚鍦ｆ瘝瀛愩��绱㈡媺閲�</p>
+
+ <p class="content">
+ 闄や簡鑷劧鐣屼笌鐢熸椿涓編鐨勪簨鐗╋紝璐磋繎鍎跨鐢熸椿鐨勮壓鏈綔鍝佷篃鏄┐骞煎効闈炲父鍠滅埍鐨勩�傝濡傦紝鍕冩媺濮嗘柉鐨勩�婃憞绡洸銆嬶紝绱㈡媺閲岀殑銆婄豢鍨湥姣嶅瓙銆嬶紙鍥�1-3锛夌瓑琛ㄧ幇姣嶇埍鐨勮壓鏈綔鍝佹瘮杈冮�傚悎濠村辜鍎挎璧忋�傚湪娆ｈ祻杩欎簺浣滃搧鏃讹紝鍙互鑱旂郴鍎跨鐨勭敓娲荤粡楠岋紝鍔犳繁浠栦滑瀵瑰濡堢殑鐖辩殑浣撻獙銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 18椤� -->
+ <div class="page-box" page="23">
+ <div v-if="showPageList.indexOf(23) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">018</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 鍙﹀锛屾垚浜哄湪璁捐涓庡疄鏂�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩鐨勮繃绋嬩腑锛屽簲娉ㄦ剰棰勮鍜岀敓鎴愮殑缁撳悎銆備竴鏂归潰锛屾垚浜哄彲浠ユ牴鎹効绔ョ殑闇�瑕併�佸叴瓒ｇ瓑閫夋嫨璐磋繎鍎跨鐢熸椿銆佹儏鎰熺殑鍐呭锛涘彟涓�鏂归潰锛屼篃鍙互鍦ㄦ椿鍔ㄨ繃绋嬩腑鏁忛攼鍦拌瀵熷効绔ラ渶瑕併�佸叴瓒ｇ殑鍙樺寲锛屾崟鎹夊効绔ョ敓娲讳腑绐佸彂鐨勩�佹湁鎰忎箟鐨勪簨浠讹紝鏍规嵁浜掑姩鐨勫疄闄呮儏鍐电瓑鏉ヨ皟鏁存椿鍔紝鐢熸垚鏂扮殑鏇撮�傚疁鐨勬椿鍔ㄣ��
+ </p>
+ <p class="content">
+ 鏈�鍚庯紝0锝�3宀佸┐骞煎効鑹烘湳娲诲姩鏈�缁堝簲璇ュ洖褰掑効绔ョ殑鐢熸椿锛屾湇鍔′簬鍎跨鐨勭敓娲伙紝浣夸粬浠浼氱敤鑹烘湳鐨勬�佸害瀵瑰緟鐢熸椿锛屼负浠栦滑鎷ユ湁涓�棰楃埍缇庛�佹噦缇庝箣蹇冨瀹氬熀纭�銆傚洜姝わ紝鎴愪汉搴旇閲嶈骞剁弽鎯滃効绔ョ殑鑹烘湳浣滃搧锛岃浠栦滑鎰熷彈鍒版垚浜虹殑璁ゅ彲鍜屽叧娉ㄣ�傛垚浜轰笉濡ㄥ皢鍎跨鐨勮壓鏈綔鍝佽繘琛岃瑁憋紝鍜屼粬浠竴璧疯楗板拰缇庡寲鐜銆傚浜庡┐骞煎効鐨勮嚜鍙戞瓕鍞便�佸嵆鍏磋〃婕旂瓑锛屽鏋滄湁鏉′欢鐨勮瘽锛屽彲浠ヨ繘琛屽綍闊虫垨鑰呭綍鍍忥紝鍦ㄩ�傚綋鐨勬椂鍊欏姞浠ュ睍绀恒��
+ </p>
+ <div class="bgColor">
+ <p class="titleQuot-1">娲诲姩瑙嗛</p>
+ <p class="quotation">
+ 涓ゅ瞾澶氱殑瀹濆疂鎵嬮噷鎷跨潃鐙楀熬宸磋崏锛岃偐涓婃墰鐫�鏍戞灊锛屽湪鑽夊湴涓娾�滃瀹濃�濄�備笉涓�浼氬効锛屼粬缁欏濡堟崱鏉ヤ簡涓�鐗囩編涓界殑鏍戝彾銆備箣鍚庯紝瀵掗涓殑浠栧張缁х画鍏跺彂鐜颁箣鏃咃紝鍙嶅弽澶嶅锛屼箰姝や笉鐤层�傛壂鐮佽鐪嬧�滃疂瀹濆彂鐜扮編鈥濊棰戯紝璇锋敞鎰忓疂瀹濈殑鍔ㄤ綔銆佽〃鎯呬互鍙婁笌濡堝鐨勫璇濄�備綘瑙夊緱瑙嗛涓殑瀹濆疂鍠勪簬鍙戠幇鑷劧鐣屼笌鐢熸椿涓殑缇庡悧锛熶綘鎺ヨЕ杩囩殑濠村辜鍎垮湪杩欐柟闈㈠張鏈夊摢浜涜〃鐜帮紵
+ </p>
+ </div>
+ <p class="titleQuot-l">涓夈�佹父鎴忔�у師鍒�</p>
+ <p class="content">
+ 娓告垙鎬у師鍒欐槸鍦�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓繀椤诲皧閲嶅効绔ユ父鎴忕殑澶╂�э紝鍒涜杞绘澗鎰夊揩鐨勬皼鍥达紝閫氳繃鏈夎叮鐨勬父鎴忓惛寮曞┐骞煎効鑷富鑷効鍦板弬涓庢椿鍔ㄣ�傛崲鍙ヨ瘽璇达紝娓告垙鎬у師鍒欏嵆0锝�3宀佸┐骞煎効鑹烘湳娲诲姩搴斾綋鐜版父鎴忔�э紝瀵逛簬濠村辜鍎挎潵璇村叿鏈夎冻澶熺殑榄呭姏銆傝濡傦紝鍦ㄤ翰瀛愬洯缇庢湳鏁欒偛娲诲姩鈥滆繛杩炵湅鈥濅腑锛屾暀甯堝鍎跨鍒涗綔鐨勫紩瀵兼敞閲嶆父鎴忓寲銆佹儏澧冨寲锛屾妸灏忓姩鐗╀滑杩炰竴杩烇紝璁╀粬浠兘璧板埌涓�璧峰仛娓告垙锛岀粰浠栦滑寤虹珛涓�浜涙紓浜殑骞垮満锛堚�滃皬鍔ㄧ墿浠綇鍦ㄨ瀵归潰锛屼粬浠緢鎯充竴璧峰仛娓告垙锛屾�庝箞鍔炲憿锛熲�濃�滃皬鍔ㄧ墿浠帺绱簡鎬庝箞鍔烇紵灏忓姩鐗╀滑娌℃湁鐜╄�嶇殑鍦版柟鎬庝箞鍔烇紵鈥濓級锛屾棤褰腑璁╁効绔ュ钂欏痉閲屽畨鐨勮壓鏈鏍兼湁浜嗕竴瀹氱殑鐞嗚В涓庝綋楠岋紝骞惰兘澶熷湪鍒涗綔涓綋鐜板ぇ甯堜綔鍝侊紙鍥�1-4锛夋墍钑村惈鐨勮壓鏈厓绱犮��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 19椤� -->
+ <div class="page-box" page="24">
+ <div v-if="showPageList.indexOf(24) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>019</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <div class="img-rights w180 openImgBox">
+ <img src="../../assets/images/Figure-0007-01.jpg" alt="" />
+ <p class="imgdescript">鍥�1-4銆�绾㈤粍钃濈殑鏋勬垚钂欏痉閲屽畨</p>
+ </div>
+ <span>
+ <p class="content">
+ 娓告垙鏄効绔ョ殑澶╂�э紝鍙互璇达紝娓告垙缁熸暣浜嗗効绔ョ殑鍚勭娲诲姩銆傚効绔ユ櫘閬嶅枩娆㈣壓鏈紝鍦ㄨ壓鏈垱浣滆繃绋嬩腑鍎跨寰�寰�鏄竴绉嶈交鏉捐嚜鐢辩殑鐘舵�侊紝琛ㄧ幇寰楁剦蹇�屽繕鎴戙�傚浜庡効绔ヨ�岃█锛屼粬浠殑鑹烘湳寰�寰�鏄父鎴忥紝娓告垙寰�寰�鏄壓鏈��<span
+ class="super"
+ ><a id="noteBack_2" href="#note_2">[2]</a></span
+ >濡傛灉鍎跨鐨勮壓鏈椿鍔ㄦ病鏈変簡娓告垙鎬э紝閭ｅ彲浠ヨ杩欐槸琚紓鍖栦簡鐨勫効绔ヨ壓鏈紝骞朵笉鏄湡姝ｇ殑鍎跨鑹烘湳銆傚浜庡効绔ユ潵璁诧紝鑹烘湳灏辨槸涓�绉嶆父鎴忥紝鍙湁鍎跨浠庝腑鑾峰緱娆箰鍜屾剦蹇殑浣撻獙鏃讹紝鑹烘湳鎵嶈兘鐪熸鎴愪负鍎跨鐨勯渶瑕侊紝骞朵笖琚効绔ユ墍鎺ョ撼銆傛父鎴忎笉浠呬粎鏄壓鏈暀鑲茬殑鎵嬫锛屽繀椤绘瀯鎴愯壓鏈殑蹇呰鎴愬垎锛屽鍚岃壓鏈槸娓告垙鐨勫繀瑕佹垚鍒嗕竴鏍枫��<span
+ class="super"
+ ><a id="noteBack_3" href="#note_3">[3]</a></span
+ >鍥犳锛�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩蹇呴』閬靛惊娓告垙鎬у師鍒欙紝杩欐牱涓嶄粎绗﹀悎濠村辜鍎跨殑韬績鍙戝睍鐗瑰緛锛岃�屼笖鏈夊埄浜庝績杩涗粬浠殑鍙戝睍銆�
+ </p>
+ <p class="titleQuot-l">鍥涖�佹暣鍚堟�у師鍒�</p>
+ <p class="content">
+ 鏁村悎鎬у師鍒欐寚鍦�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓簲鍔犲己鑹烘湳棰嗗煙鍐呴儴鍚勮壓鏈棬绫荤殑铻嶅悎锛岃壓鏈鍩熶笌鍏朵粬棰嗗煙鐨勮瀺鍚堬紝灏嗗悇绉嶄笉鍚岀殑瀛︿範褰㈠紡涓庢柟娉曞姞浠ヨ瀺鍚堬紝灏嗗叾浣滀负涓�涓簰鐩歌仈绯荤殑鏁翠綋鏉ュ寰呫�傗�滈潰瀵�21涓栫邯鐨勬寫鎴橈紝鏁欒偛鐢辫繃鍘诲亸閲嶆櫤鑲插悜杩芥眰浜烘牸鍙戝睍鐨勬暀鑲茶浆鍙橈紝瀵逛汉鐨勭敓鐞嗐�佸績鏅恒�佹儏鎰熴�佺簿绁炪�佹兂璞″眰闈㈤兘鏈変笉鍚岀▼搴︾殑瑕佹眰銆傚崟涓�鐨勫绉戞暀鑲查毦浠ラ�傚簲绀句細蹇�熷彉杩佺殑闇�瑕併�傗��<span
+ class="super"
+ ><a id="noteBack_4" href="#note_4">[4]</a></span
+ >鏇撮噸瑕佺殑鏄紝鍎跨鐨勫彂灞曘�佸効绔ョ殑鐢熸椿鏄竴涓湁鏈烘暣浣撱�傛濡傚竷绾﹀厠娌冨皵寰锋墍璇达紝鈥滃缂柉鏈兘鐨勬�濊�冭姹傛垜浠粠鐢熸�佸鍜屾湁鏈烘暣浣撹鐨勮搴︽潵鎬濊�冿紝濡傛灉鎴戜滑涓嶈兘灏濊瘯鐫�浠庝竴涓ぇ鐨勮儗鏅潵鎬濊�冿紝涓�涓秴瓒婁簡瀛︾鍜岀被鍨嬬殑鏃㈠畾鐣岄檺銆佷笉鍚屾枃鍖栧拰涓嶅悓骞撮緞鐨勬棦瀹氱晫闄愩�佺敋鑷虫槸绉戝涓庤瘲瀛︾殑鏃㈠畾鐣岄檺鐨勮儗鏅潵鎬濊�冿紝鎴戜滑灏嗘棤娉曠湅鍒版湰鑳界殑缂柉銆傗��<span
+ class="super"
+ ><a id="noteBack_5" href="#note_5">[5]</a></span
+ >鍥犳锛屽湪0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓伒寰暣鍚堟�у師鍒欙紝鏃㈤『搴旂ぞ浼氬揩閫熷彉鍖栫殑闇�瑕侊紝涔熺鍚堝効绔ュ彂灞曠殑闇�瑕併��
+ </p>
+ </span>
+ </div>
+ </div>
+ </div>
+ <!-- 20椤� -->
+ <div class="page-box" page="25">
+ <div v-if="showPageList.indexOf(25) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">020</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 濡傚悓璇█娲诲姩鑳芥妸鍚�佽銆佽銆佸啓缁煎悎璧锋潵涓�鏍凤紝鑹烘湳娲诲姩涔熷彲浠ユ妸瑙嗚鐨勩�佸惉瑙夌殑銆佽Е瑙夌殑涓嶅悓鑹烘湳闂ㄧ被铻嶄负涓�浣撱�傜編鏈�侀煶涔愩�佹枃瀛︾瓑鑹烘湳闂ㄧ被瀛樺湪鏌愪簺鍏卞悓瀹＄編瑕佺礌锛岃壓鏈鍩熷唴閮ㄤ笉鍚屽绉戠殑缁忛獙鍙互鐩镐簰鏀寔銆佺浉浜掕縼绉伙紝鑹烘湳銆佺瀛︺�佺ぞ浼氱瓑棰嗗煙鐨勭粡楠屼篃鍙互鐩镐簰鑱旂郴銆佺浉浜掓笚閫忋�傚湪0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓紝搴旇鏈夋満铻嶅悎鍚勭鑹烘湳闂ㄧ被銆佽壓鏈鍩熶笌鍏朵粬棰嗗煙锛屼績杩涘効绔ヨ壓鏈兘鍔涗笌浜烘枃绱犲吇鐨勬暣鍚堝彂灞曘��
+ </p>
+ <p class="content">缃楀皵路甯冪害鍏嬫矁灏斿痉鎻愬埌杩欐牱涓�涓渚嬶細</p>
+ <p class="quotation">
+ 涓�涓皬濂冲鍏ㄧ璐敞鍦拌洞鍦ㄤ竴寮犵焊涓婏紝姝ｅ湪鐢讳竴寮犫�滅敾鈥濄�傚ス鎵嬩腑閾呯瑪涓嶈鍒欏湴杞潵杞幓锛屼絾鏄嵈鏈夌潃涓�瀹氱殑鑺傚銆傛墜鍦ㄧ焊涓婄敾鐨勫悓鏃讹紝濂逛篃鍞辩潃鎵嬬殑杩愬姩銆傝繖绉嶆瓕澹颁笌鍔ㄤ綔鐨勭浉浼达紝灏辨槸娓告垙涓庢瓕鍞辩粨鍚堜负涓�鐨勨�滄仼鎴堥害鈥濈殑涓�涓吀鍨嬩緥璇併�傗�︹�︽棆寰嬨�佽璇嶃�佸姩浣滅粍鎴愪簡涓�浣撳寲鐨勬暣浣擄紝鍦ㄨ繖涓暣浣撲腑锛屾瓕澹版槸鎵嬭噦杩愬姩鐨勫０闊冲弽鏄狅紝涔熸槸绾镐笂鎵�鐢荤殑鏍囪鈥︹�﹀ス涓嶆槸涓哄ス鐢荤敾杩欎欢浜嬭�屽敱锛岃�屾槸鍞辩潃鐢荤殑鍔ㄤ綔锛涘鏋滃ス宸茬粡娌夋蹈鍒板ス鐨勪綋楠屼箣涓紝鎴戜滑鐢氳嚦杩樺彲浠ヨ濂规湰韬篃灏辨槸杩欑敾鐨勫姩浣滅殑涓�閮ㄥ垎銆傝繖涓�鍒伙紝濂瑰凡缁忔斁寮冧簡浣滀负涓�涓釜浣撶殑涓昏鎬э紝鎴愪负涓�涓暣浣撶殑涓�閮ㄥ垎锛屽湪杩欎釜鏁翠綋涓富銆佸瑙傚凡缁忓悎鑰屼负涓�銆傛鏄嚟鍊熺潃杩欐牱鐨勮繃绋嬶紝娓告垙鍙互璇存棦鍦ㄦ鏃舵鍦板彂鐢燂紝鍙堣秴瓒婁簡鏃剁┖銆傚唴鍦ㄧ湡瀹炲拰澶栧湪鐪熷疄閮藉凡缁撳悎鍦ㄤ竴璧凤紝鎴愪负杩欎釜鍎跨鍦ㄥス鎴栦粬鐨勨�滄仼鎴堥害鈥濅腑瀹夊叏鍋滄硦鐨勪竴涓粨鏋溿�傛鏄�氳繃杩欐牱鐨勬暣浣撴劅瑙夛紝鍎跨鑱氶泦鐫�鍔涢噺锛岀ǔ姝ュ湴杈惧埌鏇撮珮姘村钩鐨勭悊瑙ｏ紝瓒婃潵瓒婂疄鐜扮潃浠栦滑鑷繁銆�<span
+ class="super"
+ ><a id="noteBack_6" href="#note_6">[6]</a></span
+ >
+ </p>
+ <p class="content">
+ 鍙锛屽鍓嶅効绔ユ槸涓�涓暣浣撴�х殑瀛樺湪锛屼粬浠涓栫晫鐨勮璇嗘槸閫氳繃涓�绉嶁�滀竴浣撳寲鐨勬劅鍙椻�濓紝鏃㈢湅鍙堝惉锛屽張鏈夎韩浣撳姩浣滅瓑銆備笉绠℃槸鍦ㄨ壓鏈璧忚繕鏄湪鑹烘湳鍒涗綔杩囩▼涓紝浠栦滑閮芥槸閫氳繃澶氭劅瀹橈紙濡傝瑙夈�佸惉瑙夈�佸姩瑙夌瓑锛夊叡鍚屽弬涓庢潵浣撻獙鍜岃〃鐜拌壓鏈殑銆�<span
+ class="super"
+ ><a id="noteBack_7" href="#note_7">[7]</a></span
+ >鑰屼笖锛屽効绔ョ殑鐢熸椿鏈韩灏辨槸涓�涓暣浣擄紝涓嶅彲鑳芥寜鐓у绉戝垎涓衡�滅編鏈�濃�滈煶涔愨�濃�滄枃瀛︹�濈瓑锛屼篃涓嶅彲鑳芥寜鐓ч鍩熷垎涓衡�滆壓鏈�濃�滅瀛︹�濃�滅ぞ浼氣�濈瓑銆傛墍浠ワ紝鍦�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓紝鎴愪汉搴斿皧閲嶅効绔ョ殑韬績鍙戝睍鐗瑰緛锛岄紦鍔变粬浠繍鐢ㄥ绉嶆劅瀹樹笌鏂瑰紡鏉ユ璧忓拰琛ㄧ幇鑹烘湳銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 21椤� -->
+ <div class="page-box" page="26">
+ <div v-if="showPageList.indexOf(26) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>021</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <div class="ExpandLearning">
+ <p class="ExpandLearning-title">
+ <span>鎷�</span>
+ <span>灞�</span>
+ <span>瀛�</span>
+ <span>涔�</span>
+ </p>
+ <p class="quotation">
+ 0锝�3宀佹槸瀹濆疂璇█鍙戝睍鐨勫叧閿湡锛屼篃鏄粬浠瑷�鑳藉姏鍙戝睍鏈�蹇殑鏃舵湡銆傛鏃讹紝浠栦滑瀵硅瑷�鍏锋湁涓�绉嶇壒娈婄殑鎰熷彈鍔涳紝瀵圭幆澧冧腑鐨勫悇绉嶈瑷�鍒烘縺鏍煎鏁忔劅銆傜璋ｅ彲浠ヨ鏄疂瀹濇渶鏃╂帴瑙︾殑璇█绫讳綔鍝侊紝瀹冨叿鏈夌瘒骞呯煭灏忋�佸瘜浜庢儏瓒ｃ�佽瑷�娴呮樉銆侀煶闊靛拰璋愮瓑鐗圭偣锛岄潪甯搁�傚悎姝ｅ浜庤瑷�鏁忔劅鏈熺殑瀹濆疂缁冧範璇磋瘽銆�<span
+ class="super"
+ ><a id="noteBack_8" href="#note_8">[8]</a></span
+ >蹇箰绔ヨ埃锛屾棦鍙互甯姪瀹濆疂杞绘澗瀛﹁璇濓紝鍙堝彲浠ヨ瀹濆疂鎰熷彈鍜屼綋楠屽埌鏂囧浣滃搧鐨勭編銆傚湪瀛︿範绔ヨ埃鏃讹紝鎴愪汉涓嶅Θ寮曞瀹濆疂杈瑰康绔ヨ埃杈瑰仛鍔ㄤ綔绛夛紝閫傛椂瀵瑰疂瀹濊繘琛岃壓鏈惎钂欍��
+ </p>
+ <p class="quotation">
+ 浜嗚В銆婂揩涔愮璋ｏ紝甯姪瀹濆疂杞绘澗瀛﹁璇濄�嬪叿浣撳唴瀹�
+ </p>
+ </div>
+ <p><br /></p>
+ <p class="titleQuot-l">浜斻�佸缇庢�у師鍒�</p>
+ <p class="content">
+ 瀹＄編鎬у師鍒欐槸鎸�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩鐨勫紑灞曡浠ュ┐骞煎効鐨勫缇庡績鐞嗙壒寰佷负渚濇嵁锛屽紩瀵间粬浠彂鐜扮編銆佹劅鍙楃編銆佽〃鐜扮編鍜屽垱閫犵編銆傚濠村辜鍎挎潵璇达紝鑹烘湳棰嗗煙涓庡叾浠栭鍩熺殑瀛︿範鏈夋墍涓嶅悓銆傚湪鑹烘湳娲诲姩涓紝濠村辜鍎胯繘鍏ヤ竴涓編鐨勫ぉ鍦帮紝浠栦滑鐨勬儏鎰熶笘鐣屽彉寰椾赴瀵岋紝娆ｈ祻缇庝笌鍒涢�犵編鐨勮兘鍔涘緱浠ュ彂灞曪紝杩欐槸鑹烘湳鏁欒偛鐨勭嫭鐗逛笌浼樺娍銆傚湪鑹烘湳鏁欒偛涓紝鎴愪汉搴斾互缇庣殑浜嬬墿銆佺編鐨勬柟寮忓惎鍙戝┐骞煎効鎰熷彈鍜屾璧忋�佽〃鐜板拰鍒涢�狅紝浠庤�屽煿鍏讳粬浠浜庣編鐨勪簨鐗┿�佺編鐨勫舰寮忕殑鏁忔劅鎬т笌鎰熷彈鍔涖��
+ </p>
+ <p class="content">
+ 鍦ㄨ壓鏈椿鍔ㄤ腑锛屽垱璁鹃�傚疁鐨勫缇庢儏澧冿紝寮曞彂濠村辜鍎垮浣滃搧鐨勫缇庡噯澶囷紝鏄┐骞煎効鎰熷彈缇庛�佽〃鐜扮編鐨勫墠鎻愩�傚浘鐗囥�侀煶涔愩�佹椿鍔ㄥ鐨勭幆澧冨垱璁俱�佹暀甯堢殑瑷�琛屼妇姝㈢瓑鍏卞悓鏋勬垚浜嗗缇庢儏澧冦�傝濡傦紝鏁欏笀鍦ㄧ粍缁囧┐骞煎効娆ｈ祻銆婃憞绡洸銆嬩箣鍓嶏紝涓嶅Θ灏嗘椿鍔ㄥ鐨勭獥甯樻媺涓婏紝浣挎椿鍔ㄥ鍐呯殑鍏夌嚎鍙樺緱鏌斿拰锛屽悓鏃跺彲浠ョ敤鎶曞奖浠睍绀鸿〃鐜扮編濂藉鑹茬殑鐢婚潰锛堝鏄熸槦銆佹湀浜瓑锛夈�傚瀛愪滑杩涘叆娲诲姩瀹わ紝椹笂灏辨湁韬复鍏跺鐨勬劅瑙夈�傛澶栵紝涓轰簡鍒涜鏁翠綋瀹＄編鎯呭锛屾暀甯堢殑鎯呯华銆佽瑷�銆佸姩浣滅瓑搴旈潪甯歌交鏌斻�佹湁鐖憋紝鍜屻�婃憞绡洸銆嬫墍琛ㄨ揪鐨勬儏鎰熼潪甯稿悎鎷嶃��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 22椤� -->
+ <div class="page-box" page="27">
+ <div v-if="showPageList.indexOf(27) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">022</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <div class="img-float w200 openImgBox">
+ <img src="../../assets/images/Figure-0007-02.jpg" alt="" />
+ <p class="imgdescript">鍥�1-5銆�鐧捐�佹眹鐖靛＋涔愩��钂欏痉閲屽畨</p>
+ </div>
+ <span>
+ <p class="content">
+ 鍎跨杩涘叆鎯呭涔嬪悗锛屾暀甯堟敞鎰忓紩瀵间粬浠笌鑹烘湳杩涜瀵硅瘽锛岄紦鍔变粬浠敤鑷繁鍠滄鐨勬柟寮忚繘琛岃壓鏈〃鐜般�傚効绔ヤ笌鐢熶勘鏉ユ嫢鏈夎壓鏈璧忕殑娼滆兘锛屽湪娌℃湁鎴愪汉寮曞鐨勬儏褰笅锛屼粬浠篃浼氫富鍔ㄥぇ鑳嗗湴鎺㈢储涓庤〃杈俱�傝濡傦紝鍦嗗渾鍦ㄧ湅鍒拌挋寰烽噷瀹夌殑銆婄櫨鑰佹眹鐖靛＋涔愩�嬶紙鍥�1-5锛夋椂锛屽氨鍏村鍦拌鈥滈煶绗︹�濃�滈煶涔愨�濄�傚�樿嫢鎴愪汉鑳藉寮曞鍎跨涓庤壓鏈繘琛屽璇濓紝鍒欐洿鍒╀簬鍞よ捣鍎跨鐨勬儏鎰熶綋楠岋紝浠庤�屼娇浠栦滑鑾峰緱瀹＄編鎰熷姩銆傚湪鐞嗚В鑹烘湳鐨勫熀纭�涓婏紝濠村辜鍎夸細鎯呬笉鑷鍦拌〃杈捐嚜宸辩殑鎯呮劅涓庝綋楠屻�傛垚浜哄簲璇ュ皧閲嶅辜鍎垮瘜鏈変釜鎬у拰鍒涢�犳�х殑琛ㄨ揪锛屽苟缁欎簣閫傛椂銆侀�傚綋鐨勬敮鎸併�傞渶瑕佹寚鍑虹殑鏄紝鍩轰簬濠村辜鍎跨殑鑹烘湳瀛︿範蹇冪悊鐗瑰緛锛屽湪鑹烘湳娲诲姩涓紝鎴愪汉涓嶅Θ璁╁瀛愨�滃姩璧锋潵鈥濓紙鏃㈠彲浠ヨ繍鐢ㄨ瑙夈�佸惉瑙夈�佽Е瑙夌瓑鍚勭鎰熷畼锛屽張鍙互閲囩敤璇█銆佸姩浣溿�佽〃鎯呯瓑澶氱鏂瑰紡锛夈��
+ </p>
+ </span>
+ <p class="learningDetection">瀛︿範妫�娴�</p>
+ <p class="content">
+ 1锛庝綘璁や负浠�涔堟槸0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鍏锋湁鍝簺鐗圭偣锛�
+ </p>
+ <p class="content">
+ 2锛庤瘯杩�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶉�氳繃鑹烘湳鐨勬暀鑲茶繕鏄竴绉嶄负浜嗚壓鏈殑鏁欒偛骞惰鏄庝负浠�涔堛��
+ </p>
+ <p class="content">3锛庤缁撳悎瀹炶返璋堣皥0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勪环鍊笺��</p>
+ <p class="content">
+ 4锛庝笅闈㈡槸浜插瓙鍥壓鏈暀鑲叉椿鍔ㄢ�滅澶╃殑鐢绘姤鈥濓紝璇蜂綘璋堣皥璇ユ椿鍔ㄩ伒寰簡鍝簺濠村辜鍎胯壓鏈惎钂欏師鍒欙紵
+ </p>
+ <p class="poemtitle mt-20">
+ 娲诲姩鍚嶇О锛氱澶╃殑鐢绘姤锛�2锝�3宀侊級<span class="super"
+ ><a id="noteBack_9" href="#note_9">[9]</a></span
+ >
+ </p>
+ <p class="content"><span class="bold">娲诲姩鑳屾櫙</span></p>
+ <p class="quotation">
+ 鈥滅椋庡惞锛屾爲鏋濇憞锛岀孩鍙堕粍鍙跺線涓嬫帀鈥︹�︹�濅即闅忕潃绉嬪ぉ鐨勭璋ｏ紝绉嬫棩鐨勭粏闆紝绉嬪ぉ宸叉參鎱㈣繘鍏ュ疂瀹濈殑瑙嗛噹閲屻�傚疂瀹濆湪绉嬪ぉ閲屾湁鐫�寰堝鏂扮殑鍙戠幇锛氫簲棰滃叚鑹茬殑绉嬪彾銆佸舰鐘跺悇寮傜殑鏋滃疄鈥︹�︿粬浠凡涓嶇煡涓嶈鍦版劅鍙楀埌绉嬪ぉ鍒版潵鍚庝竾浜嬩竾鐗╂墍鍙戠敓鐨勫彉鍖栥�傚湪涔嬪墠鐨勭娓告椿鍔ㄤ腑锛屽湪鐖哥埜濡堝鐨勯櫔鍚屼笅瀹濆疂宸茬粡瀵绘壘杩囩澶╃殑韪抗锛岃繕鎹′簡绉嬪彾鍋氭垚鏍戝彾璐寸敾锛屽洜姝わ紝浠栦滑宸插叿澶囦簡涓�浜涘叧浜庣澶╃殑缁忛獙銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 23椤� -->
+ <div class="page-box" page="28">
+ <div v-if="showPageList.indexOf(28) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>023</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <p class="quotation">
+ 鏍规嵁2锝�3宀佸辜鍎跨殑骞撮緞鐗圭偣锛屽湪鑹烘湳鏁欒偛娲诲姩涓紝鐜╄壊娓告垙鑳藉婊¤冻浠栦滑鍦ㄦ父鎴忎腑瀛︿範鐨勯渶瑕併�傚湪鐜╄壊杩囩▼涓紝骞煎効鍦ㄦ父鎴忎腑灏濊瘯杩愮敤澶氱鏉愭枡杩涜鑹烘湳娲诲姩锛屼綋楠岀帺鑹茬殑涔愯叮锛涜繍鐢ㄥ绉嶆劅瀹樺幓鎰熷彈鑹插僵銆佽璇嗚壊褰╃瓑銆傛澶栵紝鏁欏笀杩樺簲鍙戞尌浜插瓙娲诲姩鐨勪紭鍔匡紝鍏呭垎鎸栨帢銆佹湁鏁堝埄鐢ㄥ闀胯嚜韬殑鏁欒偛璧勬簮锛屼紭鍖栦翰瀛愯壓鏈椿鍔紝淇冭繘骞煎効瀹＄編鑳藉姏鐨勬彁楂樹笌瀹堕暱鑲插効鐞嗗康鐨勬彁鍗囥�傚湪杩欎釜缇庝附鐨勫鑺傦紝涓�骞呪�滅澶╃殑鐢绘姤鈥濈殑搴忓箷灏变粠杩欓噷鎷夊紑浜嗏�︹��
+ </p>
+ <p class="content"><span class="bold">娲诲姩鐩爣</span></p>
+ <p class="quotation">娲诲姩鐩爣锛堝辜鍎匡級</p>
+ <p class="quotation">1锛庨�氳繃鐪嬨�佸惉銆侀椈銆佹懜绛夊閫氶亾鎰熺煡绉嬪ぉ鐨勭壒寰侊紱</p>
+ <p class="quotation">
+ 2锛庡皾璇曠敤鎹″埌鐨勬爲鍙躲�佹爲鏋濄�佹灉瀹炵瓑鑷劧鐗╄樃鑹插嵃鐢伙紝浣撻獙鐜╄壊鐨勫揩涔愶紱
+ </p>
+ <p class="quotation">
+ 3锛庡埄鐢ㄨ嚜鐒剁墿澶ц儐灏濊瘯鏂扮殑鐜╂硶锛屾効鎰忓拰鍚屼即涓�璧锋父鎴忋��
+ </p>
+ <p class="quotation">娲诲姩鐩爣锛堝闀匡級</p>
+ <p class="quotation">
+ 1锛庡紩瀵煎疂瀹濊瀵熺澶╅噷澶ц嚜鐒剁殑鍙樺寲锛屽苟鐢ㄥ畬鏁寸殑璇█琛ㄨ堪锛�
+ </p>
+ <p class="quotation">
+ 2锛庢牴鎹疂瀹濈殑鑳藉姏锛岄�傛椂銆侀�傚綋鍦扮粰浜堟妧鑳芥妧宸т笂鐨勬敮鎸侊紱
+ </p>
+ <p class="quotation">
+ 3锛庢効鎰忓拰瀹濆疂涓�璧峰弬涓庢椿鍔紝榧撳姳瀹濆疂鎺㈢储鏂扮殑鐜╄壊鏂规硶銆�
+ </p>
+ <p class="content"><span class="bold">娲诲姩鍑嗗</span></p>
+ <p class="quotation">1锛庣粡楠屽噯澶�</p>
+ <p class="quotation">
+ 宸插弬鍔犺繃浜插瓙绉嬫父娲诲姩锛屽苟鍜岀埗姣嶈繘琛岃繃鏍戝彾璐寸敾銆�
+ </p>
+ <p class="quotation">2锛庣墿璐ㄥ噯澶�</p>
+ <p class="quotation">锛�1锛変簨鍏堝湪鍏洯閲屽竷缃ソ鍦哄湴锛屼竴鍧楃櫧甯冮暱鍗凤紱</p>
+ <p class="quotation">锛�2锛夊疂瀹濈┛鍚堥�傜殑琛ｆ湇锛屼汉鎵嬩竴涓皬妗讹紱</p>
+ <p class="quotation">
+ 锛�3锛夋墭鐩樹腑宸茶皟濂界殑棰滄枡锛堥粍銆佹銆佺孩銆佺豢銆佺伆銆佸ぉ绌鸿摑绛夌澶╃殑棰滆壊锛夈�佹檼骞茬殑鐜夌背妫掋�佹埑娲炵殑濉戞枡鐡剁瓑锛�
+ </p>
+ <p class="quotation">
+ 锛�4锛夊湴鍨嫢骞插紶銆佹箍绾稿肪銆佸瓧鍗♀�滅鈥濄�侀搩榧撱�佹爲鍙跺ご楗帮紱
+ </p>
+ <p class="quotation">锛�5锛夎儗鏅煶涔愩��</p>
+ <p class="content"><span class="bold">娲诲姩杩囩▼</span></p>
+ <p class="quotation">1锛庡鎰熷畼鎰熺煡绉嬪ぉ鐨勭壒寰侊紝鍙戠幇銆佸鎵剧澶�</p>
+ <p class="quotation">
+ 锛�1锛夊紩瀵煎疂瀹濆湪閫涘叕鍥殑杩囩▼涓彂鐜般�佸鎵剧澶╋紝浠庡惉瑙夈�佽瑙夈�佽Е瑙夈�佸梾瑙夌瓑澶氶�氶亾杩涜鎰熺煡銆�
+ </p>
+ <p class="quotation">
+ 锛�2锛夋部閫旀嬀鎹♀�滅濮戝鈥濋�佺粰鎴戜滑鐨勭ぜ鐗╋細绉嬪彾銆佺鑽夈�佹爲鏋濄�佹灉瀹炵瓑锛屼负鑹烘湳鍒涗綔鏀堕泦蹇呰鐨勬潗鏂欍��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 24椤� -->
+ <div class="page-box" page="29">
+ <div v-if="showPageList.indexOf(29) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">024</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="quotation">
+ 锛�3锛夊涔犲効姝屻�婄澶┿�嬶紙绉嬮鍚广�佹爲鏋濇憞銆佺孩鍙堕粍鍙跺線涓嬫帀锛岀孩鏍戝彾銆侀粍鏍戝彾锛岀墖鐗囬鏉ュ儚铦磋澏锛夛紝鎶婂畠褰撲綔绀肩墿閫佺粰鈥滅濮戝鈥濄��
+ </p>
+ <p class="quotation">2锛庢璧忕鍙躲�佺鏋滐紝鍏卞悓鎺㈢储鐢ㄥ叾鍗扮敾鐨勬柟娉�</p>
+ <p class="quotation">
+ 锛�1锛夊悓浼淬�佸笀骞奸棿鐩镐簰娆ｈ祻鎹℃潵鐨勮嚜鐒剁墿锛堝鏍戝彾銆佹爲鏋濓級锛屽苟鍖归厤棰滆壊銆�
+ </p>
+ <p class="quotation">
+ 锛�2锛夊垱璁炬父鎴忔儏澧冿紝鎺㈢储鐢ㄨ嚜鐒剁墿鍗扮敾鐨勬柟娉曪紙濡傜洊鍗般�佹粴鍗般�佺敥鍗扮瓑锛夛紝寮曞瀹濆疂娉ㄦ剰瑙傚療銆�
+ </p>
+ <p class="quotation">
+ 锛�3锛変粙缁嶅叾浠栧垱浣滄潗鏂欙紙濡傜帀绫虫銆佸鏂欑摱锛夛紝鍚彂瀹濆疂琛ㄧ幇琛ㄨ揪銆�
+ </p>
+ <p class="quotation">3锛庡疂瀹濊嚜鐢卞垱浣滐紝浣撻獙鐜╄壊鐨勫揩涔�</p>
+ <p class="quotation">闊充箰璧锋椂锛屽疂瀹濄�佸闀裤�佽�佸笀鍏卞悓娓告垙銆�</p>
+ <p class="quotation">
+ 鍦ㄤ翰瀛愬垱浣滄椂锛屽紩瀵煎闀块紦鍔卞疂瀹濆埄鐢ㄨ嚜鐒剁墿澶ц儐灏濊瘯鏂扮殑鐜╄壊鏂规硶銆�
+ </p>
+ <p class="quotation">4锛庡睍绀轰笌璇勪环浣滃搧锛屼綋楠屾垚鍔熶笌婊¤冻鎰�</p>
+ <p class="quotation">
+ 锛�1锛夊皢鈥滅澶╃殑鐢绘姤鈥濇偓鎸傚湪鍏洯鐨勫ぇ鏍戜笂锛屾劅鍙椾綔鍝佷笌鑷劧鐨勫拰璋愪箣缇庛��
+ </p>
+ <p class="quotation">
+ 锛�2锛夌敤娓告垙鈥滃嚮榧撲紶鈥樼鈥欌�濈殑鏂瑰紡寮曞瀹濆疂鍏卞悓娆ｈ祻浣滃搧锛屽苟榧撳姳瀹濆疂璋堣皥鍒涗綔鈥滅澶╃殑鐢绘姤鈥濈殑鎰熷彈銆�
+ </p>
+ <p class="quotation">
+ 锛�3锛夊湪娆㈠揩鐨勯煶涔愪腑锛屽疂瀹濅僵鎴存爲鍙跺ご楗帮紝闅忛鑸炶箞锛岃〃杈惧揩涔愮殑蹇冩儏銆�
+ </p>
+ <p class="content"><span class="bold">娲诲姩寤朵几</span></p>
+ <p class="quotation">
+ 瀹濆疂鍙互鍜岀埜鐖稿濡堟嬀鎹♀�滅濮戝鈥濋�佺粰鎴戜滑鐨勭ぜ鐗╋紝骞剁敤杩欎簺鑷劧鐗╁湪瀹堕噷杩涜鑹烘湳琛ㄧ幇涓庡垱浣溿��
+ </p>
+ <p class="titleQuot-1">瀹炶返浣撻獙</p>
+ <p class="content">
+ 1锛庤瀵熴�佽褰�0锝�3宀佸┐骞煎効鍦ㄨ壓鏈璧忔垨鍒涗綔杩囩▼涓殑琛ㄧ幇锛屽苟閽堝瑙傚療璁板綍鍔犱互鍒嗘瀽銆傚叿浣撹姹傚涓嬶細
+ </p>
+ <p class="content">
+ 锛�1锛夊寘鎷瀵熸椂闂淬�佽瀵熷湴鐐广�佽瀵熷璞★紙濡傚勾榫勩�佹�у埆绛夛級銆佽瀵熻褰曘�佽瘎浠枫�佸缓璁瓑鍐呭锛�
+ </p>
+ <p class="content">
+ 锛�2锛夋敞鎰忓瑙傛弿杩帮紙璁板綍锛変笌涓昏璇勪环锛堝垎鏋愶級椤诲垎寮�銆�
+ </p>
+ <p class="content">
+ 2锛庡皾璇曡繍鐢�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫師鍒欙紝璁捐涓�涓┐骞煎効鑹烘湳鏁欒偛娲诲姩銆傚叿浣撹姹傚涓嬶細
+ </p>
+ <p class="content">
+ 锛�1锛夊寘鎷椿鍔ㄥ悕绉般�佹椿鍔ㄨ儗鏅�佹椿鍔ㄧ洰鏍囥�佹椿鍔ㄥ噯澶囥�佹椿鍔ㄨ繃绋嬨�佹椿鍔ㄥ欢浼哥瓑缁勬垚閮ㄥ垎锛�
+ </p>
+ <p class="content">
+ 锛�2锛夊湪娲诲姩鍚嶇О閮ㄥ垎鍐欐槑閫傜敤骞撮緞锛堝2锝�3宀侊級锛屽苟閽堝姝ゅ勾榫勬濠村辜鍎跨殑韬績鍙戝睍姘村钩杩涜娲诲姩璁捐銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 25椤� -->
+ <div class="page-box" page="30">
+ <div v-if="showPageList.indexOf(30) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>025</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle">
+ <p class="titleQuot-1">鎺ㄨ崘闃呰涔︾洰</p>
+ <p class="content">
+ 1锛庤竟闇�.鍎跨鑹烘湳涓庢暀鑲瞇M].鍗椾含锛氭睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015.
+ </p>
+ <p class="content">
+ 2锛庝赴瀛愭伜.涓板瓙鎭虹編鏈璋璠M].涓婃捣锛氫笂娴蜂汉姘戠編鏈嚭鐗堢ぞ锛�2004.
+ </p>
+ <p class="content">
+ 3锛庢ゼ蹇呯敓锛屽睜缇庡.瀛﹀墠鍎跨鑹烘湳缁煎悎鏁欒偛鐮旂┒[M].鍖椾含锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�1997.
+ </p>
+ <p class="content">
+ 4锛庣帇浠绘.瀛﹀墠鍎跨缇庢湳鏁欒偛锛堢2鐗堬級[M].鍖椾含锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2020.
+ </p>
+ <p class="content">
+ 5锛嶽缇嶿鐞宠揪路鍗＄綏灏斅风埍寰峰崕鍏�.闊充箰涓庡緥鍔細鍒涢�犲効绔ョ殑鍙︿竴绉嶇敓娲绘柟寮廩M].鍐妗㈢瓑璇�.鍖椾含锛氭満姊板伐涓氬嚭鐗堢ぞ锛�2015.
+ </p>
+ <p class="content">
+ 6锛嶽缇嶿浼婅幈鎭┞风毊灏斅风姹夛紝椴佹柉路鏂壒鍔虫柉路鐩栫撼.缇庢湳锛屽彟涓�绉嶅涔犵殑璇█[M].灏瑰皯娣宠瘧.闀挎矙锛氭箹鍗楃編鏈嚭鐗堢ぞ锛�1992.
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 26椤� -->
+ <!-- <div class="page-box" page="31">
+ <div v-if="showPageList.indexOf(31) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">026</li>
+ <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle"></div>
+ </div>
+ </div> -->
+ <!-- 27椤� -->
+ <!-- <div class="page-box" page="32">
+ <div v-if="showPageList.indexOf(32) > -1">
+ <ul class="header-right fl al-c jc-fe">
+ <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ <li class="header-right-Number">
+ <span>027</span>
+ <img
+ class="img-b"
+ src="../../assets/images/header-right.png"
+ alt=""
+ />
+ </li>
+ </ul>
+ <div class="bodystyle"></div>
+ </div>
+ </div> -->
+ </div>
+</template>
+<script>
+export default {
+ name: "chapterOne",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ data() {
+ return {};
+ },
+};
+</script>
+<style lang="less" scoped>
+hr {
+ margin-left: 0;
+ margin-bottom: 25px;
+ width: 25%;
+ border: none;
+ height: 1.5px;
+ background-color: #000;
+}
+</style>
diff --git a/src/books/artInitiationForAges0to3/view/components/header.vue b/src/books/artInitiationForAges0to3/view/components/header.vue
new file mode 100644
index 0000000..383e9aa
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/view/components/header.vue
@@ -0,0 +1,147 @@
+<template>
+ <div class="chapter" num="1">
+ <!-- 灏侀潰 -->
+ <div class="page-box mt-20" page="1" style="padding-bottom: 0px">
+ <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="padding-bottom: 0px">
+ <div v-if="showPageList.indexOf(2) > -1">
+ <img class="img-0" alt="" src="../../assets/images/feiYe.jpg" />
+ </div>
+ </div>
+ <!-- 浠嬬粛椤甸潰 -->
+ <div class="page-box" page="3">
+ <div v-if="showPageList.indexOf(3) > -1">
+ <div style="max-width: 400px; margin: 0 auto; padding: 10% 0">
+ <hr />
+ <p class="td-1 fm-hyzh fz-16">鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</p>
+ <p class="left3 mr-0 td-1 fm-hyss fz-14">
+ 0 ~ 3宀佸┐骞煎効鑹烘湳鍚挋/鐜嬩换姊呬富缂栵紝-鍖椾含:鍖椾含<br />甯堣寖澶у鍑虹増绀撅紝2020.10(2024.6閲嶅嵃)
+ </p>
+ <p class="left3 td-1 fm-hyss fz-14">(鏃╂湡鏁欒偛涓撲笟绯诲垪鏁欐潗)</p>
+ <p class="left3 td-1 fm-hyss fz-14">ISBN 978-7-303-26121-5</p>
+ <p class="left3 fm-hyss fz-14 mt-20 mb-20">
+ 鈪�.鈶�0鈥� 鈪�.鈶犵帇鈥� 鈪紝鈶犲鍓嶆暀鑲�-鑹烘湳鏁欒偛-<br />楂樼瓑鑱屼笟鏁欒偛-鏁欐潗I锛屸憼G613.5
+ </p>
+ <p class="left3 fm-hyss fz-14">
+ 涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧(2020)绗�136159鍙�
+ </p>
+ <hr />
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p class="left fz-13 fm-hyss">
+ <span class="fm-hyzh fz-14">鏁欐潗鎰忚鍙嶉:</span> gaozhifk@bnupgcom
+ 010-58805079
+ </p>
+ <p class="left fz-13 fm-hyss">
+ <span class="fm-hyzh fz-14">钀ラ攢涓績鐢佃瘽:</span> 010-58802755
+ 58801876
+ </p>
+ <p class="left fz-13 fm-hyss">
+ <span class="fm-hyzh fz-14"
+ >缂�  杈� 閮� 鐢� 璇�:</span
+ >
+ 010-58807468
+ </p>
+ <hr />
+ <p class="left fm-hyss fz-14">
+ 鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnupg.com
+ </p>
+ <p class="left fm-hyss fz-14">
+ 銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙ｅ澶ц12-3鍙�
+ </p>
+ <p class="left fm-hyss fz-14">銆�銆�銆�銆�銆�閭斂缂栫爜锛�100088</p>
+ <p class="left fm-hyss fz-14">
+ 鍗般��銆�鍒凤細楦垮崥瀹圭壒(澶╂触)鍗板埛绉戞妧鏈夐檺鍏徃
+ </p>
+ <p class="left fm-hyss fz-14">缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
+ <p class="left fm-hyss fz-14">寮�銆�銆�鏈細787mmx1092mm銆�1/16</p>
+ <p class="left fm-hyss fz-14">鍗般��銆�寮狅細11.25</p>
+ <p class="left fm-hyss fz-14">瀛椼��銆�鏁帮細220鍗冨瓧</p>
+ <p class="left fm-hyss fz-14">鐗堛��銆�娆★細2020骞�10鏈堢1鐗�</p>
+ <p class="left fm-hyss fz-14">鍗般��銆�娆★細2024骞�6鏈堢4娆″嵃鍒�</p>
+ <p class="left fm-hyss fz-14">瀹氥��銆�浠凤細36.80鍏�</p>
+ <hr />
+ <p class="left fm-hyss fz-14">
+ 绛栧垝缂栬緫锛氫簬鏅撴櫞銆�鐜嬨��瓒呫��銆�銆�銆�璐ｄ换缂栬緫锛氳倴銆�瀵�
+ </p>
+ <p class="left fm-hyss fz-14">
+ 缇庢湳缂栬緫锛氱劍銆�涓姐��銆�銆�銆�銆�銆�銆�銆�瑁呭抚璁捐锛氱劍銆�涓�
+ </p>
+ <p class="left fm-hyss fz-14">
+ 璐ｄ换鏍″锛氭绔嬭秴銆�銆�銆�銆�銆�銆�銆�銆�璐ｄ换鍗板埗锛氶檲銆�娑涖��璧点��榫�
+ </p>
+ <p class="left fm-hyss fz-14">灏侀潰鎻掑浘锛氬垬銆�鑿�</p>
+ <p class="center mt-20"><b>鐗堟潈鎵�鏈� 渚垫潈蹇呯┒</b></p>
+ <p class="left center block">鍙嶇洍鐗堛�佷镜鏉冧妇鎶ョ數璇濓細010-58808104</p>
+ <p class="left center block">鍖椾含璇昏�呮湇鍔￠儴鐢佃瘽锛�010-58808104</p>
+ <p class="left center block">澶栧煚閭喘鐢佃瘽锛�010-58808083</p>
+ <p class="left center block">
+ 鏈功濡傛湁鍗拌璐ㄩ噺闂锛岃涓庡嵃鍒剁鐞嗛儴鑱旂郴璋冩崲銆�
+ </p>
+ <p class="left center block">鍗板埗绠＄悊閮ㄧ數璇濓細010-58808284</p>
+ </div>
+ </div>
+ </div>
+ <!-- 鍓嶈█ -->
+ <div class="page-box" page="4">
+ <div v-if="showPageList.indexOf(4) > -1">
+ <div class="foreword">
+ <h1 class="firstTitle">鍓嶃��瑷�</h1>
+ <p class="preface">
+ 2022骞�10鏈�16鏃ワ紝涔犺繎骞虫�讳功璁板湪浣滃厷鐨勪簩鍗佸ぇ鎶ュ憡鏃讹紝璁插埌鈥滃疄鏂界鏁欏叴鍥芥垬鐣ワ紝寮哄寲鐜颁唬鍖栧缓璁句汉鎵嶆敮鎾戔�濇柟闈紝鐗瑰埆寮鸿皟鈥滄暀鑲叉槸鍥戒箣澶ц銆佸厷涔嬪ぇ璁°�傚煿鍏讳粈涔堜汉銆佹�庢牱鍩瑰吇浜恒�佷负璋佸煿鍏讳汉鏄暀鑲茬殑鏍规湰闂銆傝偛浜虹殑鏍规湰鍦ㄤ簬绔嬪痉銆傚叏闈㈣疮褰诲厷鐨勬暀鑲叉柟閽堬紝钀藉疄绔嬪痉鏍戜汉鏍规湰浠诲姟锛屽煿鍏诲痉鏅轰綋缇庡姵鍏ㄩ潰鍙戝睍鐨勭ぞ浼氫富涔夊缓璁捐�呭拰鎺ョ彮浜恒�傗�濊鍩瑰吇鍏ㄩ潰鍙戝睍鐨勭ぞ浼氫富涔夊缓璁捐�呭拰鎺ョ彮浜猴紝灏辫钀藉疄濂戒簲鑲插苟涓撅紝缇庤偛鏄繀涓嶅彲灏戠殑銆�2020骞�10鏈堬紝涓叡涓ぎ鍔炲叕鍘呫�佸浗鍔￠櫌鍔炲叕鍘呭嵃鍙戠殑銆婂叧浜庡叏闈㈠姞寮哄拰鏀硅繘鏂版椂浠ｅ鏍＄編鑲插伐浣滅殑鎰忚銆嬫彁鍑衡�滅編鑲叉槸瀹＄編鏁欒偛銆佹儏鎿嶆暀鑲层�佸績鐏垫暀鑲诧紝涔熸槸涓板瘜鎯宠薄鍔涘拰鍩瑰吇鍒涙柊鎰忚瘑鐨勬暀鑲诧紝鑳芥彁鍗囧缇庣礌鍏汇�侀櫠鍐舵儏鎿嶃�佹俯娑﹀績鐏点�佹縺鍙戝垱鏂板垱閫犳椿鍔涒�濄�傚┐骞煎効鑹烘湳鍚挋浣滀负缇庤偛鐨勪竴涓噸瑕佺粍鎴愰儴鍒嗭紝鍙互淇冭繘濠村辜鍎垮缇庤兘鍔涚殑鍙戝睍銆佹墜鐪艰剳鐨勫崗璋冿紝婵�鍙戝┐骞煎効鐨勬兂璞″姏銆佸垱閫犲姏锛屽煿鍏诲┐骞煎効鐨勫仴鍏ㄤ汉鏍笺�傜珛寰锋爲浜烘槸鏁欒偛鐨勬牴鏈换鍔°�傛湰涔﹀湪缂栧啓杩囩▼涓繁鍏ヨ疮褰烩�滃笀寰蜂负鍏堚�濈殑鐞嗗康锛屾敞閲嶅鐢熺瀛︽暀鑲茶銆佽壓鏈鐨勬爲绔嬪強涓撲笟鑳藉姏鐨勬彁鍗囷紝鍚屾椂锛屽紩瀵煎鐢熷舰鎴愯壇濂界殑鎬濇兂鏀挎不绱犲吇鍜屾繁鍘氱殑鏁欒偛鎯呮��銆�
+ </p>
+ <p class="preface">
+ 銆婂浗鍔￠櫌鍔炲叕鍘呭叧浜庝績杩�3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鍙戝睍鐨勬寚瀵兼剰瑙併�嬫寚鍑猴細3宀佷互涓嬪┐骞煎効锛堜互涓嬬畝绉板┐骞煎効锛夌収鎶ゆ湇鍔℃槸鐢熷懡鍏ㄥ懆鏈熸湇鍔＄鐞嗙殑閲嶈鍐呭锛屼簨鍏冲┐骞煎効鍋ュ悍鎴愰暱锛屼簨鍏冲崈瀹朵竾鎴枫�傛垜浠鎵库�滃効绔ラ兘鏄壓鏈鈥濃�滃効绔ラ兘鏄壓鏈瘎璁哄鈥濈殑鐞嗗康锛屽厖鍒嗙浉淇″効绔ョ殑鑹烘湳娼滆兘銆傚熀浜�0锝�3宀佸┐骞煎効鑹烘湳鑳藉姏鐨勫彂灞曪紝鏈功闃愯堪浜�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫唴娑典笌瀹氫綅銆佷环鍊笺�佸師鍒欙紝0锝�3宀佸┐骞煎効鑹烘湳琛ㄧ幇涓庡垱浣滆兘鍔涖�佽壓鏈劅鍙椾笌娆ｈ祻鑳藉姏鐨勫彂灞曠瓑鍩烘湰闂锛涚粨鍚堝叿浣撶繑瀹炵殑妗堜緥锛屽垎鏋愪簡0锝�3宀佸┐骞煎効鑹烘湳琛ㄧ幇涓庡垱浣滄椿鍔ㄣ�佽壓鏈劅鍙椾笌娆ｈ祻娲诲姩鐩爣鐨勫埗璁€�佸唴瀹圭殑閫夋嫨浠ュ強缁勭粐瀹炴柦锛涗笖璁鸿堪浜�0锝�3宀佸┐骞煎効瀹跺涵鑹烘湳鍚挋鐨勫唴娑点�佺壒鐐广�佺洰鐨勫強鎸囧绛夈��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 鍓嶈█ -->
+ <div class="page-box" page="5">
+ <div v-if="showPageList.indexOf(5) > -1">
+ <ul class="header-left">
+ <li class="headerNumber">002</li>
+ <li class="headerText ">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="preface">
+ 鏈功鏄崕涓笀鑼冨ぇ瀛︿腑澶珮鏍″熀鏈鐮斾笟鍔¤垂璧勫姪椤圭洰鈥溾�樻櫤鎱у涔犱笌璁ょ煡鈥欓潚骞村鏈垱鏂板洟闃熲�濓紙CCNU19TD019锛夌殑鐮旂┒鎴愭灉涔嬩竴銆傛湰涔﹀叿鏈夋帰绱㈡�с�佺悊璁烘�с�佸疄璺垫�с�佹暣鍚堟�х瓑鐗圭偣锛屾棦閫傚悎楂樼瓑闄㈡牎鏃╂湡鏁欒偛銆佸鍓嶆暀鑲诧紙鏃╂暀鏂瑰悜锛夌瓑涓撲笟瀛︾敓浣跨敤锛屽張閫傚悎瀛﹀墠鏁欒偛鐮旂┒鑰呫�佹墭鑲叉満鏋勬暀甯堝強瀹堕暱绛夌兢浣撳弬鑰冮槄璇汇�傞鍏堬紝鏈功鎵�浣撶幇鐨勮壓鏈惎钂欑悊蹇电鍚堝効绔ュ強鍎跨鑹烘湳鐨勭壒鐐癸紝鑳藉鍙嶆槧0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勬渶鏂扮爺绌朵笌瀹炶返锛岃�屼笖閴翠簬褰撳墠0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勭浉鍏虫暀鏉愯緝灏戯紝鏈功鍏锋湁涓�瀹氱殑鎺㈢储鎬с�傚叾娆★紝鏈功鐞嗚鑱旂郴瀹炶返鐨勭壒鐐圭獊鍑猴紝鍦ㄤ粙缁嶅熀鏈悊蹇电殑鍚屾椂锛屽憟鐜颁簡寰堝浼樼鐨勬渚嬨�佽棰戙�佸浘鐗囩瓑锛屾敞閲嶅惎鍙戝鐢熻繘琛岃壓鏈惎钂欐椿鍔ㄧ殑璁捐涓庡疄鏂斤紝閲嶈瀛︾敓瀹炶返鑳藉姏鍜屽垱鏂扮簿绁炵殑鍩瑰吇銆傛渶鍚庯紝鏈功涓嶆槸浠庡绉戠殑瑙掑害鏉ユ灦鏋勶紝鑰屾槸浠庤壓鏈綔鍝佺殑琛ㄧ幇涓庡垱浣溿�佹劅鍙椾笌娆ｈ祻瑙掑害鏉ユ帰绱�0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛岄�傚簲濠村辜鍎夸互鍙婂┐骞煎効瀛︿範鐨勬暣浣撶壒寰併��
+ </p>
+ <p class="preface">
+ 鏈功鐢变富缂栫帇浠绘鎷熷畾缂栧啓鎻愮翰锛岃礋璐ｅ叏涔︾殑缁勭粐鍗忚皟锛屽悗鏈熺殑鍐呭淇敼銆佹枃瀛楁鼎鑹层�佸浘鐗囨暣鐞嗐�佹暟瀛楄祫婧愬鏍哥瓑缁熺宸ヤ綔锛屽叾浠栫紪鍐欐垚鍛樺寘鎷細瀛斿浗娆€�佹豹閽版磥銆佸瓩鎮﹀惈绛夈�傚叿浣撶紪鍐欏垎宸ヤ负锛氬崟鍏冧竴銆佸崟鍏冧簲鐢辩帇浠绘缂栧啓锛涘崟鍏冧簩鐢卞瓟鍥芥缂栧啓锛涘崟鍏冧笁鐢辨豹閽版磥缂栧啓锛涘崟鍏冨洓鐢卞瓩鎮﹀惈缂栧啓銆�
+ </p>
+ <p class="preface">
+ 姝ゅ锛屽湪鏋勬�濋樁娈碉紝闊﹀浗鑺�佹柟缇庣孩銆佸闈欏疁銆佺帇闆呭┃銆佸畫闆�佺綏棰栥�佺Е鍥芥銆侀瓘閾跺ǎ銆佽拫瀹滃畯銆佸懆澶曚匠绛夊悓瀛︿负鏈功璐＄尞浜嗘櫤鎱э紝绉﹀浗姊呰繕鎻愪緵浜嗛儴鍒嗙簿褰╃殑瑙嗛璧勬枡锛屽皬绾㈠附骞煎効鍥殑鍒樿枃銆佸垬浣炽�侀粍鐟般�佹湵鑼滃�╃瓑鑰佸笀缁勭粐瀹炴柦鐨勮壓鏈椿鍔ㄧ粰鏈功閮ㄥ垎娲诲姩鐨勮璁″甫鏉ヤ簡鍚彂锛屽湪姝や竴骞惰嚧璋€��
+ </p>
+ <p class="preface">
+ 鎰熻阿鍖椾含甯堣寖澶у鍑虹増绀句簬鏅撴櫞缂栬緫瀵圭紪鑰呯殑淇′换涓庢敮鎸侊紝鎰熻阿缂栧啓缁勫叏浣撴垚鍛樼殑绮捐瘹鍗忎綔涓庡叏鍔涗粯鍑猴紝鎰熻阿鍒樿彶灏忔湅鍙嬩负鏈功鎻愪緵浜嗗皝闈㈡彃鍥俱��
+ </p>
+ <p class="preface">
+ 鐢变簬鐩墠鍏充簬0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勮祫鏂欒緝灏戯紝鍔犱笂缂栬�呮椂闂淬�佺簿鍔涘強鑳藉姏鐨勫眬闄愶紝涔︿腑灏氬瓨鍦ㄨ澶氫笉瓒充箣澶勶紝鐑﹁鍚勪綅涓撳鍚岃闆呮銆�
+ </p>
+ <p class="right-info mt-20">鐜嬩换姊�</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "pageHeader",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ data() {
+ return {};
+ },
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/books/artInitiationForAges0to3/view/components/index.vue b/src/books/artInitiationForAges0to3/view/components/index.vue
new file mode 100644
index 0000000..a464ceb
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/view/components/index.vue
@@ -0,0 +1,989 @@
+<template>
+ <div class="page-main" @scroll="throttledScrollHandler">
+ <div id="searchDomBox" style="display: none">
+ <div id="searchContent"></div>
+ </div>
+ <div
+ class="page-content"
+ :style="{
+ fontSize: fontSize + 'px',
+ transform: `scale(${pageZoom})`,
+ transformOrigin: 'center top',
+ }"
+ >
+ <pageHeader
+ v-if="showCatalogList.indexOf(1) > -1"
+ :showPageList="loadPageList"
+ ></pageHeader>
+ <chapterOne
+ v-if="showCatalogList.indexOf(2) > -1"
+ :showPageList="loadPageList"
+ ></chapterOne>
+ <!-- <chapterTwo
+ v-if="showCatalogList.indexOf(3) > -1"
+ :showPageList="loadPageList"
+ ></chapterTwo>
+ <chapterThree
+ v-if="showCatalogList.indexOf(4) > -1"
+ :showPageList="loadPageList"
+ ></chapterThree>
+ <chapterFour
+ v-if="showCatalogList.indexOf(5) > -1"
+ :showPageList="loadPageList"
+ ></chapterFour>
+ <chapterFive
+ v-if="showCatalogList.indexOf(6) > -1"
+ :showPageList="loadPageList"
+ ></chapterFive> -->
+ </div>
+ </div>
+</template>
+
+<script>
+import pageHeader from "./header.vue";
+import chapterOne from "./chapter001.vue";
+// import chapterTwo from "./chapter002.vue";
+// import chapterThree from "./chapter003.vue";
+// import chapterFour from "./chapter004.vue";
+// import chapterFive from "./chapter005.vue";
+import NoteIcon from "@/assets/images/biji.png";
+import _ from "lodash";
+import Swiper from "swiper/bundle";
+import "swiper/swiper-bundle.css";
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
+export default {
+ name: "pageContent",
+ data() {
+ return {
+ catalogLength: 2, // 鎬荤珷鑺傛暟
+ showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+ loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+ throttleThreshold: 100, // 鑺傛祦闃堝��
+ previousScrollTop: 0,
+ throttledScrollHandler: null,
+ observer: null,
+ loadPageObserver: null,
+ loadPageList: [],
+ questionDataMap: {},
+ renderSignMap: {},
+ highlightData: null,
+ audioPath: "",
+ currentTime: null,
+ videoList: [],
+ };
+ },
+ computed: {
+ fontSize() {
+ this.transformDom(this.$store.state.qiankun.fontSize);
+ return this.$store.state.qiankun.fontSize
+ ? this.$store.state.qiankun.fontSize
+ : 18;
+ },
+ pageZoom() {
+ return this.$store.state.qiankun.scale
+ ? this.$store.state.qiankun.scale / 100
+ : 1;
+ },
+ },
+ watch: {
+ showCatalogList: {
+ handler(newVal, oldVal) {
+ if (
+ this.$store.state.qiankun &&
+ this.$store.state.qiankun.catalogChange
+ ) {
+ // 璋冪敤鐖跺眰鏂规硶
+ this.$store.state.qiankun.catalogChange({
+ showCatalogList: newVal,
+ });
+ }
+ // 鍚姩椤电爜瑙傚療
+ setTimeout(() => {
+ this.initObservation();
+ this.initThemeColor();
+ }, 500);
+ },
+ },
+ loadPageList: {
+ handler(newVal, oldVal) {
+ setTimeout(() => {
+ this.transformDom(this.$store.state.qiankun.fontSize);
+ this.initSwiper();
+ this.initViewer();
+ this.closeAudio();
+ this.closeVideo();
+ }, 200);
+ },
+ },
+ pageZoom: {
+ handler(newVal, oldVal) {
+ const scrollBox = (
+ this.container ? this.container : document
+ ).querySelector(".page-main");
+ scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
+ },
+ },
+ },
+ mounted() {
+ // 榛樿鍔犺浇绔犺妭
+ this.showCatalogList = [1];
+ // 婊氬姩鐩戝惉鑺傛祦
+ this.throttledScrollHandler = _.throttle(
+ this.scrollFun,
+ this.throttleThreshold,
+ { leading: true, trailing: false }
+ );
+ // 瀹氫箟瀛愬眰鏂规硶
+ if (this.setGlobalState) {
+ // 鎻愪緵椤甸潰璺宠浆鍔熻兘
+ this.setGlobalState({
+ gotoPage: (catalog, page) => {
+ this.gotoPage(catalog, page);
+ },
+ // 娓叉煋绗旇銆侀珮浜�佸垝绾�
+ renderSign: (type, data) => {
+ // 鍥犱负璋冩暣涓洪〉闈㈡噿鍔犺浇锛屾墍浠ユ覆鏌撴爣璁颁篃闇�瑕佹寜鐓ч〉闈㈣繘琛屽鐞嗭紝鍏堝偍瀛樻暟鎹紝椤甸潰鍔犺浇瀹屾垚鍐嶆覆鏌撳搴旂殑鏍囪锛�
+ this.handelSignData(type, data);
+ // this.renderSign(type, data);
+ },
+ // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+ delSign: (data) => {
+ this.delSign(data);
+ },
+ // 鍏ㄦ枃妫�绱�
+ searchBookByKeyword: (keyword) => {
+ return this.searchTextByPage(keyword);
+ },
+ // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+ jumpSearchItem: (data) => {
+ this.searchItemLocation(data);
+ },
+ });
+ }
+
+ // 鍒涘缓涓�涓柊鐨� Intersection Observer 瀹炰緥锛岀敤浜庤瀵熺洰鏍囧厓绱犲拰鎵ц鐩稿簲鐨勫洖璋冨嚱鏁般��
+ // new IntersectionObserver(callback, options)锛氫娇鐢ㄤ箣鍓嶅畾涔夌殑 callback 鍥炶皟鍑芥暟鍜� options 閰嶇疆閫夐」鏉ュ垵濮嬪寲 Intersection Observer 瀹炰緥銆�
+ this.observer = new IntersectionObserver(this.pageChangeCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ // 鍚姩椤电爜瑙傚療
+ setTimeout(() => {
+ this.initObservation();
+ this.initThemeColor();
+ }, 500);
+
+ // 娴嬭瘯椤甸潰璺宠浆
+ setTimeout(() => {
+ this.gotoPage(2, 9);
+ // setTimeout(() => {
+ // this.renderSign("Highlight", {
+ // id: "2ACA9359",
+ // txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
+ // page: "10",
+ // type: "Highlight",
+ // color: "#F5E12A"
+ // });
+ // setTimeout(() => {
+ // this.delSign({
+ // ids: ["2ACA9359"]
+ // });
+ // }, 2000);
+ }, 500);
+
+ // const pageDom = (this.container ? this.container : document)
+ // .querySelector("#app")
+ // .querySelectorAll(".page-box");
+ // 妫�绱�
+ // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+ // 妫�绱㈣烦杞�
+ // this.searchItemLocation({
+ // catalog: 2,
+ // page: 10,
+ // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+ // txtIndex: 57
+ // });
+ // }, 500);
+ },
+ methods: {
+ // setZoom1() {
+ // let scale = this.$store.state.qiankun.scale + 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // setZoom2() {
+ // let scale = this.$store.state.qiankun.scale - 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // 婊氬姩鐩戝惉
+ scrollFun(event) {
+ this.handleVideoPicture();
+ // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
+ if (event.target.scrollTop > this.previousScrollTop) {
+ this.getAduio();
+ // 鍚戜笅
+ const currentScrollTop =
+ event.target.scrollTop + event.target.offsetHeight;
+ if (
+ currentScrollTop >=
+ event.target.scrollHeight - this.loadThreshold
+ ) {
+ console.log(1);
+
+ // 鍒拌揪闃堝��
+ if (
+ this.showCatalogList[this.showCatalogList.length - 1] <
+ this.catalogLength
+ ) {
+ // 鍔犺浇涓嬩竴绔�
+ this.showCatalogList.push(
+ this.showCatalogList[this.showCatalogList.length - 1] + 1
+ );
+ if (this.showCatalogList.length > 3) {
+ // 瓒呰繃涓夌珷闅愯棌椤堕儴涓�绔�
+ this.showCatalogList.shift();
+ }
+ }
+ }
+ } else if (event.target.scrollTop < this.previousScrollTop) {
+ this.handleAudio();
+ // 鍚戜笂
+ const currentScrollTop = event.target.scrollTop;
+ if (currentScrollTop <= this.loadThreshold) {
+ // 鍒拌揪闃堝��
+ if (this.showCatalogList[0] > 0) {
+ // 鍔犺浇涓婁竴绔�
+ this.showCatalogList.unshift(this.showCatalogList[0] - 1);
+ if (this.showCatalogList.length > 3) {
+ // 瓒呰繃涓夌珷闅愯棌搴曢儴涓�绔�
+ this.showCatalogList.pop();
+ }
+ }
+ }
+ }
+ // showCatalogList 褰撳墠鏄剧ず鐨勪笁涓珷鑺傦紝watch鐩戝惉浼犻�掔粰涓诲簲鐢�
+ // 鏇存柊涓婁竴娆℃粴鍔ㄧ殑浣嶇疆
+ this.previousScrollTop = event.target.scrollTop;
+ },
+ // 绔犺妭銆侀〉闈㈣烦杞�
+ gotoPage(catalog, page) {
+ if (catalog >= 0 && catalog <= this.catalogLength) {
+ // 澶勭悊娓叉煋绔犺妭
+ if (catalog == 0) {
+ this.showCatalogList = [0, 1];
+ } else if (catalog == this.catalogLength) {
+ this.showCatalogList = [
+ this.catalogLength - 2,
+ this.catalogLength - 1,
+ this.catalogLength,
+ ];
+ } else {
+ this.showCatalogList = [catalog - 1, catalog, catalog + 1];
+ }
+ setTimeout(() => {
+ // 璺宠浆椤电爜
+ const pageDom = (
+ this.container ? this.container : document
+ ).querySelector(`[page="${page}"]`);
+ if (pageDom) {
+ pageDom.scrollIntoView();
+ } else {
+ console.log("椤电爜閿欒锛�");
+ }
+ }, 500);
+ } else {
+ console.log("绔犺妭閿欒锛�");
+ }
+ },
+
+ // 澶勭悊鏍囪鏁版嵁
+ handelSignData(type, data) {
+ if (this.loadPageList.indexOf(Number(data.page)) > -1) {
+ // 绔嬪嵆娓叉煋
+ this.renderSign(type, data);
+ }
+
+ // 鍌ㄥ瓨鏁版嵁
+ if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
+ if (!this.renderSignMap[type][data.page])
+ this.renderSignMap[type][data.page] = [];
+ this.renderSignMap[type][data.page].push(data);
+ },
+
+ // 娓叉煋鏍囪
+ renderSign(type, data) {
+ // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌�
+ if (this.$store.state.qiankun.disableSign) {
+ return false;
+ }
+ const existence = (
+ this.container ? this.container : document
+ ).querySelector(`[dataid="${data.id}"]`);
+ // 鍘婚噸
+ if (!existence) {
+ const pageDom = (
+ this.container ? this.container : document
+ ).querySelector(`[page="${data.page}"]`);
+ // 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
+ const treeWalker = document.createTreeWalker(
+ pageDom,
+ NodeFilter.SHOW_TEXT
+ );
+ const allTextNodes = [];
+ let currentNode = treeWalker.nextNode();
+ while (currentNode) {
+ allTextNodes.push(currentNode);
+ currentNode = treeWalker.nextNode();
+ }
+ for (let i = 0; i < allTextNodes.length; i++) {
+ const textDom = allTextNodes[i];
+ if (textDom.textContent.indexOf(data.txt) > -1) {
+ let reg = new RegExp(`${data.txt}`, "ig");
+ switch (type) {
+ case "Highlight":
+ // 楂樹寒
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+ );
+ break;
+ case "Dashing":
+ // 鍒掔嚎
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+ );
+ break;
+ case "Note":
+ // 绗旇
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
+ );
+ break;
+ }
+ }
+ }
+ }
+ },
+ // 鍒犻櫎鏍囪娓叉煋
+ delSign({ ids, type }) {
+ if (ids && ids.length) {
+ for (let i = 0; i < ids.length; i++) {
+ const id = ids[i];
+ const dom = (
+ this.container ? this.container : document
+ ).querySelector(`[dataid="${id}"]`);
+ dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+ dom.outerHTML,
+ dom.outerText
+ );
+ }
+ }
+ if (type) {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(`[datatype="${type}"]`);
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+ dom.outerHTML,
+ dom.outerText
+ );
+ }
+ }
+ },
+ initObservation() {
+ const sections = (
+ this.container ? this.container : document
+ ).querySelectorAll(".page-box");
+ sections.forEach((section) => {
+ if (this.config.activeBook && this.config.activeBook.tryPageCount) {
+ const page = section.getAttribute("page");
+ if (Number(page) > this.config.activeBook.tryPageCount) {
+ let chapterDom = this.getParentWithClass(section, "chapter");
+ const chapterNum = chapterDom.getAttribute("num");
+ this.catalogLength = Number(chapterNum) - 1;
+ section.remove();
+ return false;
+ }
+ }
+ // observer 瑙傚療姣忎釜鍏冪礌锛屼互渚垮湪瀹冧滑杩涘叆鎴栫寮�瑙嗙獥鏃惰Е鍙戝洖璋冨嚱鏁般��
+ const isObserver = section.getAttribute("observer");
+ const isLoadObserver = section.getAttribute("loadObserver");
+ if (!isObserver) {
+ this.observer.observe(section);
+ section.setAttribute("observer", "1");
+ }
+ if (!isLoadObserver) {
+ this.loadPageObserver.observe(section);
+ section.setAttribute("loadObserver", "1");
+ }
+ });
+ },
+ initThemeColor() {
+ // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐�
+ const colorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-color");
+ const backgroundColorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-back");
+ const borderColorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-border");
+ // 鑾峰彇閰嶇疆鐨勪富棰樿壊
+ const bookThemeColor =
+ this.config.activeBook && this.config.activeBook.bookThemeColor
+ ? this.config.activeBook.bookThemeColor
+ : null;
+ const chapterThemeColor =
+ this.config.activeBook && this.config.activeBook.chapterThemeColor
+ ? this.config.activeBook.chapterThemeColor
+ : null;
+ const pageThemeColor =
+ this.config.activeBook && this.config.activeBook.pageThemeColor
+ ? this.config.activeBook.pageThemeColor
+ : null;
+ colorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.color = themeColor;
+ }
+ });
+ backgroundColorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.backgroundColor = themeColor;
+ }
+ });
+ borderColorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.borderColor = themeColor;
+ }
+ });
+ },
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
+ },
+ pageChangeCallback(entries, observer) {
+ //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
+ entries.forEach((entry) => {
+ //entry.isIntersecting锛氭鏌ュ綋鍓嶇洰鏍囧厓绱犳槸鍚︿笌鏍瑰厓绱犵浉浜ゃ��
+ if (entry.isIntersecting) {
+ const target = entry.target;
+ //entry.target锛氳幏鍙栧綋鍓嶇洰鏍囧厓绱�
+ const page = target.getAttribute("page");
+ const catalogDom = this.tool.getParentNodeByClassName(
+ target,
+ "chapter"
+ );
+ const catalog = catalogDom.getAttribute("num");
+ let text = null;
+ if (target.querySelector("p")) {
+ text = target.querySelector("p").textContent.substring(0, 50);
+ }
+ // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
+ if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
+ this.$store.state.qiankun.pageChange({
+ page: page,
+ catalog: catalog,
+ text,
+ });
+ // const sections = Array.from(document.querySelectorAll(".section"));
+ //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
+ // let index = sections.findIndex((section) => section === target) + 1;
+ //index锛氭煡鎵惧綋鍓嶇洰鏍囧厓绱犲湪 sections 鏁扮粍涓殑绱㈠紩锛屽苟鍔� 1锛岀敤浜庣‘瀹氬綋鍓嶉〉鐮併��
+ }
+ });
+ },
+ loadPageCallback(entries, observer) {
+ entries.forEach(async (entry) => {
+ if (entry.isIntersecting) {
+ const target = entry.target;
+ const page = target.getAttribute("page");
+ if (this.loadPageList.indexOf(Number(page)) == -1) {
+ const catalogDom = this.tool.getParentNodeByClassName(
+ target,
+ "chapter"
+ );
+ // 娣诲姞椤电爜
+ this.loadPageList.push(Number(page));
+ const catalog = catalogDom.getAttribute("num");
+ // if (!this.questionDataMap[page]) {
+ // if (testData && testData[catalog]) {
+ // if (testData[catalog][page]) {
+ // if (Array.isArray(testData[catalog][page])) {
+ // this.questionDataMap[page] = await getQuestionList(
+ // page,
+ // testData[catalog][page],
+ // this.config.activeBook
+ // );
+ // } else {
+ // const obj = {};
+ // for (let key in testData[catalog][page]) {
+ // obj[key] = await getQuestionList(
+ // [],
+ // testData[catalog][page][key],
+ // this.config.activeBook
+ // );
+ // }
+ // this.questionDataMap[page] = obj;
+ // }
+ // console.log("棰樼洰", this.questionDataMap);
+ // }
+ // }
+ // }
+ // 娓叉煋杩欎竴椤电殑鏍囪
+ for (const key in this.renderSignMap) {
+ if (this.renderSignMap[key][page]) {
+ this.renderSignMap[key][page].forEach((item) => {
+ this.renderSign(key, item);
+ });
+ }
+ }
+ // 澶勭悊楂樹寒
+ if (this.highlightData) {
+ // 楂樹寒琛�
+ setTimeout(() => {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(
+ target,
+ NodeFilter.SHOW_TEXT
+ );
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(
+ this.highlightData.txt
+ );
+ if (txtIndex > -1) {
+ textDom.parentNode.style.transition =
+ "background-color 0.8s";
+ textDom.parentNode.scrollIntoView();
+ textDom.parentNode.style.backgroundColor = "#79bbf0";
+ setTimeout(() => {
+ textDom.parentNode.style.backgroundColor = "";
+ }, 1000);
+ }
+ }
+ }, 100);
+ }
+ if (this.loadPageList.length > 5) {
+ // 瓒呰繃5椤�
+ this.loadPageList.shift();
+ }
+ }
+ }
+ });
+ },
+ initSwiper() {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper-img");
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ new Swiper(dom, {
+ loop: false, // 鏃犵紳
+ autoplay: {
+ //鑷姩寮�濮�
+ delay: 3000, //鏃堕棿闂撮殧
+ disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+ },
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
+ },
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ // observer: true,
+ // observeParents: true
+ // // 濡傛灉闇�瑕佸垎椤靛櫒
+ // pagination: {
+ // el: (this.container ? this.container : document).querySelector(
+ // ".swiper-pagination"
+ // ),
+ // clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑�
+ // }
+ });
+ }
+ const pptDoms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper_ppt");
+ for (let i = 0; i < pptDoms.length; i++) {
+ const dom = pptDoms[i];
+ new Swiper(dom, {
+ loop: false, // 鏃犵紳
+ autoplay: false,
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
+ },
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ observer: true,
+ observeParents: true,
+ on: {
+ init: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ slideChange: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ },
+ });
+ }
+ },
+ initViewer() {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".openImgBox");
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ new Viewer(dom, {
+ container: this.container
+ ? this.container.querySelector("#app")
+ : "body",
+ navbar: true, // 鏄剧ず瀵艰埅鏍�
+ toolbar: true, // 鏄剧ず宸ュ叿鏍�
+ title: true, // 鏄剧ず鏍囬
+ });
+ }
+ },
+ // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+ searchTextByPage(keyword) {
+ const searchResult = [];
+ let catalogIndex = 0;
+ // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+ const pageData = {
+ pageHeader,
+ chapterOne,
+ // chapterTwo,
+ // chapterThree,
+ // chapterFour,
+ // chapterFive,
+ };
+ // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+ for (const key in pageData) {
+ catalogIndex++;
+ let pageComponent, pageExample;
+ // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [],
+ questionData: {},
+ isSearch: true,
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇椤电爜
+ const pageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelectorAll(".page-box");
+ const pages = [];
+ for (let i = 0; i < pageDom.length; i++) {
+ const pageDomItem = pageDom[i];
+ pages.push(Number(pageDomItem.getAttribute("page")));
+ }
+ // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ // 閬嶅巻椤电爜
+ if (pages.length) {
+ for (let i = 0; i < pages.length; i++) {
+ const pageNum = pages[i];
+ // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [pageNum],
+ questionData: {},
+ isSearch: true,
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇瀵瑰簲椤甸潰dom
+ const thisPageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelector(`[page="${pageNum}"]`);
+ if (thisPageDom) {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(
+ thisPageDom,
+ NodeFilter.SHOW_TEXT
+ );
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(keyword);
+ if (txtIndex > -1) {
+ // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+ searchResult.push({
+ page: pageNum,
+ catalog: catalogIndex,
+ txt: textDom.textContent,
+ txtIndex: txtIndex,
+ });
+ }
+ }
+ // 缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ }
+ }
+ }
+ }
+ // 杈撳嚭鎼滅储缁撴灉
+ console.log(searchResult);
+ return searchResult;
+ },
+ // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒
+ searchItemLocation(data) {
+ // 璁板綍楂樹寒淇℃伅
+ this.highlightData = data;
+ // 璺宠浆
+ this.gotoPage(data.catalog, data.page, () => {});
+ },
+ // 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳�
+ getAduio() {
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ allVideo = Array.from(allVideo);
+ this.videoList = allVideo;
+ if (allVideo.length) {
+ // 鏌ユ壘鎾斁鐘舵�佺殑鏈�鍚庝竴鏉￠煶棰�
+ const playAudio = allVideo
+ .reverse()
+ .find((item) => item.paused == false);
+ if (playAudio) {
+ const bottomGap = playAudio.getBoundingClientRect().bottom;
+ if (bottomGap < 0) {
+ playAudio.pause();
+ this.audioPath = playAudio.src;
+ this.currentTime = playAudio.currentTime;
+ }
+ }
+ }
+ },
+ // 椤甸潰鍚戜笂婊氬姩锛岄煶棰戝皬绐楀洖鏀�
+ handleAudio() {
+ if (!this.audioPath) return false;
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ allVideo = Array.from(allVideo);
+ if (allVideo.length) {
+ //鏌ユ壘涓庡皬绐楁挱鏀鹃煶棰戝悓婧愮殑椤甸潰audio DOM
+ const playAudio = allVideo.find((item) => item.src == this.audioPath);
+ if (playAudio) {
+ const bottomGap = playAudio.getBoundingClientRect().bottom;
+ if (bottomGap >= 0) {
+ if (this.$refs.audioPlayer) {
+ const playerState = this.$refs.audioPlayer.getVideoPlayer();
+ this.audioPath = "";
+ playAudio.currentTime = playerState.currentTime;
+ if (!playerState.paused) playAudio.play();
+ }
+ }
+ }
+ }
+ },
+ // 鍏抽棴mini video
+ closeMiniAudio() {
+ this.audioPath = "";
+ },
+ // 鐐瑰嚮闊抽鎾斁锛屽叧闂叾浠栭煶棰�
+ closeAudio() {
+ let allAudio = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ for (let index = 0; index < allAudio.length; index++) {
+ const item = allAudio[index];
+ item.addEventListener("play", () => {
+ const audioList = Array.from(allAudio);
+ for (let cindex = 0; cindex < audioList.length; cindex++) {
+ const citem = audioList[cindex];
+ if (citem.currentSrc != item.src) {
+ citem.pause();
+ }
+ }
+ this.closeMiniAudio();
+ });
+ }
+ },
+ // 鐐瑰嚮瑙嗛鍏抽棴鍏朵粬
+ closeVideo() {
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".video");
+ for (let index = 0; index < allVideo.length; index++) {
+ const item = allVideo[index];
+ item.addEventListener("playing", (item) => {
+ const path = item.srcElement.src;
+ const videoList = Array.from(allVideo);
+ for (let cindex = 0; cindex < videoList.length; cindex++) {
+ const citem = videoList[cindex];
+ if (citem.currentSrc != path && path) {
+ citem.pause();
+ }
+ }
+ });
+ }
+ },
+ // 瑙嗛灏忕獥
+ handleVideoPicture() {
+ let doms = (this.container ? this.container : document).querySelectorAll(
+ ".video"
+ );
+ doms = Array.from(doms);
+ if (!doms.length) return false;
+ const playVudio = doms.reverse().find((item) => item.paused == false);
+ if (playVudio) {
+ const bottomGap = playVudio.getBoundingClientRect().bottom;
+ const topGap = playVudio.getBoundingClientRect().top;
+ if (bottomGap < 0 || topGap > window.innerHeight) {
+ try {
+ if (playVudio.readyState) playVudio.requestPictureInPicture();
+ } catch (error) {
+ console.log(error, "灏忕獥閿欒error");
+ }
+ }
+ }
+ },
+ //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
+ transformDom(fs) {
+ if (!fs) return;
+ let doms = (this.container ? this.container : document).querySelectorAll(
+ ".block"
+ );
+ if (!doms.length) return;
+ for (let index = 0; index < doms.length; index++) {
+ const dom = doms[index];
+ dom.style.fontSize = fs + "px";
+ }
+ },
+ },
+ components: {
+ pageHeader,
+ chapterOne,
+ // chapterTwo,
+ // chapterThree,
+ // chapterFour,
+ // chapterFive,
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.page-main {
+ width: 100% !important;
+ height: 100% !important;
+ overflow: auto;
+
+ .page-content {
+ max-width: 816px;
+ min-width: 375px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+ }
+}
+</style>
diff --git a/src/books/artInitiationForAges0to3/view/index.vue b/src/books/artInitiationForAges0to3/view/index.vue
new file mode 100644
index 0000000..2c711dc
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/view/index.vue
@@ -0,0 +1,80 @@
+<template>
+ <div class="artInitiationForAges0to3" @mouseup="handleMouseUp">
+ <pageContent></pageContent>
+ </div>
+ </template>
+
+ <script>
+ import pageContent from "./components/index.vue";
+ export default {
+ name: "artInitiationForAges0to3",
+ components: {
+ pageContent,
+ },
+ computed: {
+ fontSize() {
+ return this.$store.state.qiankun.fontSize;
+ },
+ pageZoom() {
+ return this.$store.state.qiankun.scale / 100;
+ },
+ },
+
+ methods: {
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
+ },
+ handleMouseUp(e) {
+ const selection = (
+ this.container ? this.container : window
+ ).getSelection();
+ const txt = selection.toString();
+ if (selection.type != "none" && txt) {
+ let node = selection.anchorNode.parentNode;
+ let pageHtml = this.getParentWithClass(
+ selection.anchorNode,
+ "page-box"
+ );
+ let chapterDom = this.getParentWithClass(
+ selection.anchorNode,
+ "chapter"
+ );
+ let chapterNum;
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ if (pageHtml) {
+ const page = pageHtml.getAttribute("page");
+ // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum,
+ txt,
+ page,
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ } else {
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum: "",
+ txt: "",
+ page: "",
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ },
+ },
+ };
+ </script>
+
+ <style lang="less">
+ @import "../assets/main.less";
+ </style>
\ No newline at end of file
diff --git a/src/books/aurturingAndEducationAged0to3/view/components/chapter004.vue b/src/books/aurturingAndEducationAged0to3/view/components/chapter004.vue
index a82a3aa..0024452 100644
--- a/src/books/aurturingAndEducationAged0to3/view/components/chapter004.vue
+++ b/src/books/aurturingAndEducationAged0to3/view/components/chapter004.vue
@@ -3183,8 +3183,6 @@
<p class="td-0">
鏃╂湡鏁欒偛鏈烘瀯锛屽叾鏁欒偛鍐呭寮鸿皟绮剧粏鍔ㄤ綔銆佷笓娉ㄥ姏绛夋柟闈㈣兘鍔涚殑鍙戝睍锛屼篃鏈夌矖澶ц繍鍔ㄦ柟闈㈢殑鍩瑰吇锛屽叾鏁欒偛褰㈠紡鐩稿鍥哄畾鍖栵紝璇惧爞姘旀皼娌℃湁鍓嶇被鏃╂暀鏈烘瀯娲昏穬锛屾暀鑲插唴瀹癸紝鍗宠绋嬬殑鏉ユ簮鐢辨暀甯堟牴鎹暀鑲茬粡楠屽強鐩稿叧涔︾睄鑷富鍒跺畾鎴栨湁缁忛獙鐨勪笓瀹跺鑰呬笌鏁欏笀鍏卞悓缂栧啓锛涚涓夌被涓哄辜鍎垮洯鍐呰绔嬬殑浜插瓙鐝紝鍏舵暀鑲插唴瀹瑰拰鎴戝浗鏈湡鐨勬棭鏈熸暀鑲叉満鏋勭浉浼硷紝璇剧▼鍩烘湰鏄�3涓湀涓�鏈燂紝鏍规嵁瀛╁瓙鐨勫勾榫勫彉鍖栨潵鏀瑰彉璇剧▼鍐呭锛岀粍缁囧舰寮忎负瀹堕暱鍜屽瀛愬叡鍚屽弬涓庛�傚湪澧炲己瀛╁瓙鍚勬柟闈㈣兘鍔涘彂灞曠殑鍚屾椂锛屽杩涗翰瀛愭劅鎯咃紝骞舵暀缁欑埗姣嶄竴浜涜偛鍎跨煡璇嗐��
</p>
- <p>杩戜簺骞存潵锛屼笉灏戝浗鍐呭鑰呭0锝�3宀佸┐骞煎効鐨勬棭鏈熸暀鑲茶绋嬪仛浜嗕竴瀹氱殑寮�鍙戠爺绌跺伐浣溿�備緥濡傦紝闄堝讣鐪夈�佹闆呯彔涓荤紪鐨勩�婂揩涔愪翰瀛愬洯瀹炵敤鏁欐潗锛�0锝�3宀侊級銆嬶紝璇ヤ功涓昏鍐呭鍖呮嫭0锝�3宀佸効绔ユ暀鍏诲ぇ绾层��0锝�3宀佸効绔ュ彂灞曟寚鏍囦笌鏁欏吇绛栫暐銆佷翰瀛愬洯娲诲姩璁捐鍙婄粍缁囨寚瀵笺��0锝�3宀佷翰瀛愬洯娲诲姩璁捐銆佷翰瀛愬洯閫夐檮鏁欐潗銆佷翰瀛愭暀鑲查棶棰樹笌绛栫暐锛屾槸姣旇緝鍏ㄩ潰鐨勪翰瀛愬洯鏁欒偛鎸囧鎵嬪唽銆傜敱鏉庝繍缂栬憲銆佸崡浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ鍑虹増鐨勩�婇浂鐐硅捣姝モ�斺�斾翰瀛愬洯娲诲姩鏂规銆嬩竴涔︼紝璇ヤ功鍐呭浠�7涓湀璧凤紝浠�6涓湀涓轰竴涓暀瀛﹂樁娈碉紝鎻愬嚭涓嶅悓鐨勪翰瀛愭椿鍔ㄦ柟妗堬紝鍚屾椂鎻愬嚭0锝�36涓湀濠村辜鍎跨殑鍙戣偛鎸囨爣銆備功涓缁嗕粙缁嶄簡鍚勫勾榫勯樁娈靛瀛愭瘡娆¤鐨勬椿鍔ㄧ洰鐨勩�佹潗鏂欏噯澶囥�佹椿鍔ㄥ唴瀹癸紝鏄竴濂楄缁嗙殑浜插瓙鍥椿鍔ㄦ暀鏉愶紝娲诲姩杩囩▼鍏锋湁寰堝己鐨勬搷浣滄�с�傛澶栵紝杩樻湁椴嶇鍏颁富缂栫殑銆�0锝�3宀侊細鍎跨鏈�浣崇殑浜虹敓寮�绔�嬬瓑涔﹂�氳繃浠嬬粛濠村辜鍎胯韩蹇冨彂灞曠殑鐩稿叧鐭ヨ瘑銆佹棭鏈熸暀鑲插叧娉ㄧ殑鐩稿叧闂鍙婃暀鑲茬瓥鐣ユ寚瀵肩瓑鏂归潰锛岀粰瀹堕暱鍙婂箍澶ф棭鏈熸暀鑲插伐浣滆�呬互鍊熼壌銆�
- </p>
<p>鎵樿偛璇剧▼鍦ㄦ垜鍥芥澶勪簬璧锋闃舵锛屽己璋冪敓娲荤収鏂欏湪濠村辜鍎挎垚闀夸腑鐨勯噸瑕佹剰涔夛紝鐓ф枡鍗宠绋嬶紝鍏惰绋嬪唴瀹逛互杩愬姩銆佹帰绱€�佺ぞ浜ゃ�佽壓鏈嚑涓柟闈负涓伙紝缁撳悎鐢熸椿娲诲姩銆佹父鎴忔椿鍔紝璐┛浜庝竴鏃ョ敓娲诲悇鐜妭涓�傚厷鐨勪簩鍗佸ぇ鎶ュ憡鎸囧嚭锛屸�滄垜浠繁鍏ヨ疮褰讳互浜烘皯涓轰腑蹇冪殑鍙戝睍鎬濇兂锛屽湪骞兼湁鎵�鑲层�佸鏈夋墍鏁欍�佸姵鏈夋墍寰椼�佺梾鏈夋墍鍖汇�佽�佹湁鎵�鍏汇�佷綇鏈夋墍灞呫�佸急鏈夋墍鎵朵笂鎸佺画鐢ㄥ姏鈥濄�傛墭鑲蹭綔涓轰竴涓柊鐨勫彂灞曢鍩燂紝涓�0锝�3宀佸┐骞煎効鎻愪緵绉戝鏁欏吇鎸囧锛屽彲杩涗竴姝ユ弧瓒充汉姘戠殑鏁欒偛闇�姹傦紝鍔╁姏浜庣ぞ浼氱殑杩涙銆�
</p>
</div>
diff --git a/src/books/aurturingAndEducationAged0to3/view/components/index.vue b/src/books/aurturingAndEducationAged0to3/view/components/index.vue
index 3dd01c6..e233ddc 100644
--- a/src/books/aurturingAndEducationAged0to3/view/components/index.vue
+++ b/src/books/aurturingAndEducationAged0to3/view/components/index.vue
@@ -184,7 +184,7 @@
// 娴嬭瘯椤甸潰璺宠浆
// setTimeout(() => {
- // this.gotoPage(6, 253);
+ // this.gotoPage(1, 1);
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
diff --git a/src/books/cognitiveLanDevEduAges0to3/view/components/index.vue b/src/books/cognitiveLanDevEduAges0to3/view/components/index.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/view/components/index.vue
diff --git a/src/books/cognitiveLanDevEduAges0to3/view/index.vue b/src/books/cognitiveLanDevEduAges0to3/view/index.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/view/index.vue
diff --git a/src/books/toddlerSportsSafetyProtection/assets/Fonts/hyg6gjm.ttf b/src/books/toddlerSportsSafetyProtection/assets/Fonts/hyg6gjm.ttf
new file mode 100644
index 0000000..8c9e4bb
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/Fonts/hyg6gjm.ttf
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0013-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0013-03.jpg
new file mode 100644
index 0000000..0e8805b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0013-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0013_01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0013_01.jpg
new file mode 100644
index 0000000..7310cc4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0013_01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0013_02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0013_02.jpg
new file mode 100644
index 0000000..1823203
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0013_02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0013_04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0013_04.jpg
new file mode 100644
index 0000000..036cd53
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0013_04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0015_01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0015_01.jpg
new file mode 100644
index 0000000..73a11e7
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0015_01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0017-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0017-01.jpg
new file mode 100644
index 0000000..1cf67f9
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0017-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0020-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0020-01.jpg
new file mode 100644
index 0000000..8200705
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0020-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0022_01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0022_01.jpg
new file mode 100644
index 0000000..e469878
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0022_01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0027-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0027-01.jpg
new file mode 100644
index 0000000..7b090fa
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0027-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0027_02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0027_02.jpg
new file mode 100644
index 0000000..698ec6f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0027_02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0028_01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0028_01.jpg
new file mode 100644
index 0000000..4b35b26
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0028_01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0028_02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0028_02.jpg
new file mode 100644
index 0000000..9767137
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0028_02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0029-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0029-01.jpg
new file mode 100644
index 0000000..64d10ed
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0029-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0032-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0032-01.jpg
new file mode 100644
index 0000000..bff1c55
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0032-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0033-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0033-01.jpg
new file mode 100644
index 0000000..8518d00
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0033-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0043-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0043-01.jpg
new file mode 100644
index 0000000..0630e99
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0043-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0044-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0044-01.jpg
new file mode 100644
index 0000000..d9b5b4f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0044-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0045-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0045-01.jpg
new file mode 100644
index 0000000..06be0a2
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0045-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0046-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0046-01.jpg
new file mode 100644
index 0000000..16a274e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0046-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0047-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0047-01.jpg
new file mode 100644
index 0000000..fe9f213
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0047-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0048-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0048-01.jpg
new file mode 100644
index 0000000..38f9c3c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0048-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0049-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0049-01.jpg
new file mode 100644
index 0000000..a2cc5e9
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0049-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0057-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0057-01.jpg
new file mode 100644
index 0000000..9c27532
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0057-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0063-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0063-01.jpg
new file mode 100644
index 0000000..1a1bc9a
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0063-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0074-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0074-01.jpg
new file mode 100644
index 0000000..fbf65b2
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0074-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0083-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0083-01.jpg
new file mode 100644
index 0000000..592fcc1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0083-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0085-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0085-01.jpg
new file mode 100644
index 0000000..577aca7
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0085-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0085-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0085-02.jpg
new file mode 100644
index 0000000..42553e3
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0085-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0085-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0085-03.jpg
new file mode 100644
index 0000000..a2811ab
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0085-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0085-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0085-04.jpg
new file mode 100644
index 0000000..7bd8bfd
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0085-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0086-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0086-01.jpg
new file mode 100644
index 0000000..13c8306
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0086-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0086-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0086-02.jpg
new file mode 100644
index 0000000..22aec27
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0086-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0087-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0087-01.jpg
new file mode 100644
index 0000000..af73c6e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0087-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0087-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0087-02.jpg
new file mode 100644
index 0000000..c93aaee
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0087-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0087-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0087-03.jpg
new file mode 100644
index 0000000..436ede1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0087-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0087-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0087-04.jpg
new file mode 100644
index 0000000..a0f6fca
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0087-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0088-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0088-01.jpg
new file mode 100644
index 0000000..b944b8a
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0088-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0088-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0088-02.jpg
new file mode 100644
index 0000000..0f1acb1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0088-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0088-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0088-03.jpg
new file mode 100644
index 0000000..a91d627
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0088-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0089-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0089-01.jpg
new file mode 100644
index 0000000..1f0672c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0089-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0089-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0089-02.jpg
new file mode 100644
index 0000000..45b37b4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0089-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0090-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0090-01.jpg
new file mode 100644
index 0000000..047c0ef
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0090-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0090-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0090-02.jpg
new file mode 100644
index 0000000..f631660
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0090-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0090-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0090-03.jpg
new file mode 100644
index 0000000..3c1dc9e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0090-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0090-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0090-04.jpg
new file mode 100644
index 0000000..10f0b4d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0090-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0090-05.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0090-05.jpg
new file mode 100644
index 0000000..fe88c9c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0090-05.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0093-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0093-01.jpg
new file mode 100644
index 0000000..4519bed
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0093-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0093-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0093-02.jpg
new file mode 100644
index 0000000..6cb914a
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0093-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0093-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0093-03.jpg
new file mode 100644
index 0000000..20e68ca
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0093-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0094-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0094-01.jpg
new file mode 100644
index 0000000..9fab8c0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0094-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0094-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0094-02.jpg
new file mode 100644
index 0000000..8371e60
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0094-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0095-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0095-01.jpg
new file mode 100644
index 0000000..6808172
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0095-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0095-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0095-02.jpg
new file mode 100644
index 0000000..e9244da
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0095-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0095-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0095-03.jpg
new file mode 100644
index 0000000..271a23c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0095-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0096-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0096-01.jpg
new file mode 100644
index 0000000..9b6dab4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0096-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0096-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0096-02.jpg
new file mode 100644
index 0000000..11a7eb2
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0096-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0096-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0096-03.jpg
new file mode 100644
index 0000000..d1f3a1d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0096-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0097-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0097-01.jpg
new file mode 100644
index 0000000..f21d45f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0097-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0098-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0098-01.jpg
new file mode 100644
index 0000000..35f5038
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0098-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0098-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0098-02.jpg
new file mode 100644
index 0000000..398c7ac
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0098-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0099-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0099-01.jpg
new file mode 100644
index 0000000..fa432b5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0099-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0099-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0099-02.jpg
new file mode 100644
index 0000000..ce8fe54
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0099-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0099-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0099-03.jpg
new file mode 100644
index 0000000..17e2ce5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0099-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0100-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0100-01.jpg
new file mode 100644
index 0000000..1d093e8
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0100-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0100-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0100-02.jpg
new file mode 100644
index 0000000..5092aec
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0100-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0102-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0102-01.jpg
new file mode 100644
index 0000000..0ee07d3
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0102-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0102-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0102-02.jpg
new file mode 100644
index 0000000..2fad6a8
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0102-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0103-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0103-01.jpg
new file mode 100644
index 0000000..eb49de6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0103-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0103-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0103-02.jpg
new file mode 100644
index 0000000..96cd0f8
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0103-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0104-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0104-01.jpg
new file mode 100644
index 0000000..7562c11
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0104-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0104-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0104-02.jpg
new file mode 100644
index 0000000..3958f53
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0104-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0105-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0105-01.jpg
new file mode 100644
index 0000000..45dbead
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0105-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0105-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0105-02.jpg
new file mode 100644
index 0000000..b2fbf6b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0105-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0105-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0105-03.jpg
new file mode 100644
index 0000000..80406e1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0105-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0105-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0105-04.jpg
new file mode 100644
index 0000000..8f20e07
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0105-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0106-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0106-01.jpg
new file mode 100644
index 0000000..d5caf48
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0106-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0107-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0107-01.jpg
new file mode 100644
index 0000000..b58eb34
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0107-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0109-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0109-01.jpg
new file mode 100644
index 0000000..f16a477
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0109-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0109-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0109-02.jpg
new file mode 100644
index 0000000..7f759ab
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0109-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0109-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0109-03.jpg
new file mode 100644
index 0000000..c49a09b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0109-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0110-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0110-01.jpg
new file mode 100644
index 0000000..e664695
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0110-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0110-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0110-02.jpg
new file mode 100644
index 0000000..83e5abd
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0110-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0111-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0111-01.jpg
new file mode 100644
index 0000000..3124b59
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0111-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0112-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0112-01.jpg
new file mode 100644
index 0000000..1614e7b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0112-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0112-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0112-02.jpg
new file mode 100644
index 0000000..a8aa084
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0112-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0113-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0113-01.jpg
new file mode 100644
index 0000000..01634b1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0113-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0113-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0113-02.jpg
new file mode 100644
index 0000000..77d14fa
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0113-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0113-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0113-03.jpg
new file mode 100644
index 0000000..eccaaa3
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0113-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0113-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0113-04.jpg
new file mode 100644
index 0000000..0153c1c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0113-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0114-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0114-01.jpg
new file mode 100644
index 0000000..8e660c6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0114-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0114-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0114-02.jpg
new file mode 100644
index 0000000..9c5bd24
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0114-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0114-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0114-03.jpg
new file mode 100644
index 0000000..b0e6890
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0114-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0115-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0115-01.jpg
new file mode 100644
index 0000000..e2dc93c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0115-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0115-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0115-02.jpg
new file mode 100644
index 0000000..b3c39af
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0115-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0115-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0115-03.jpg
new file mode 100644
index 0000000..63d849b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0115-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0116-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0116-01.jpg
new file mode 100644
index 0000000..40bea6f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0116-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0116-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0116-02.jpg
new file mode 100644
index 0000000..3158ddf
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0116-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0116-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0116-03.jpg
new file mode 100644
index 0000000..6fa837d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0116-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0117-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0117-01.jpg
new file mode 100644
index 0000000..c0ec7f2
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0117-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0117-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0117-02.jpg
new file mode 100644
index 0000000..8dee656
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0117-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0118-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0118-01.jpg
new file mode 100644
index 0000000..7e6014e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0118-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0118-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0118-02.jpg
new file mode 100644
index 0000000..eeac0b1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0118-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0118-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0118-03.jpg
new file mode 100644
index 0000000..e9f238b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0118-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0118-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0118-04.jpg
new file mode 100644
index 0000000..86cf5bc
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0118-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0119-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0119-01.jpg
new file mode 100644
index 0000000..e89489c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0119-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0119-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0119-02.jpg
new file mode 100644
index 0000000..f760953
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0119-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0119-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0119-03.jpg
new file mode 100644
index 0000000..feb96b4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0119-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0120-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0120-01.jpg
new file mode 100644
index 0000000..2221b4f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0120-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0120-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0120-02.jpg
new file mode 100644
index 0000000..8cac64c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0120-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0120-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0120-03.jpg
new file mode 100644
index 0000000..ff32217
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0120-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0120-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0120-04.jpg
new file mode 100644
index 0000000..5830c65
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0120-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0121-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0121-01.jpg
new file mode 100644
index 0000000..3fe8d75
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0121-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0121-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0121-02.jpg
new file mode 100644
index 0000000..0242cb6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0121-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0121-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0121-03.jpg
new file mode 100644
index 0000000..52de53c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0121-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0123-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0123-01.jpg
new file mode 100644
index 0000000..260f489
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0123-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0123-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0123-02.jpg
new file mode 100644
index 0000000..5a96c01
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0123-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0123-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0123-03.jpg
new file mode 100644
index 0000000..8b1f524
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0123-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0123-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0123-04.jpg
new file mode 100644
index 0000000..1cc6de0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0123-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0123_05.png b/src/books/toddlerSportsSafetyProtection/assets/images/0123_05.png
new file mode 100644
index 0000000..3cffaeb
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0123_05.png
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0124-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0124-01.jpg
new file mode 100644
index 0000000..b45606c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0124-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0124-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0124-02.jpg
new file mode 100644
index 0000000..f2ff0f0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0124-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0125-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0125-01.jpg
new file mode 100644
index 0000000..9d152bc
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0125-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0125-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0125-02.jpg
new file mode 100644
index 0000000..5a86ead
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0125-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0125-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0125-03.jpg
new file mode 100644
index 0000000..0d68176
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0125-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0126-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0126-01.jpg
new file mode 100644
index 0000000..b3b3d9c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0126-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0127-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0127-01.jpg
new file mode 100644
index 0000000..80986fd
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0127-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0127-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0127-02.jpg
new file mode 100644
index 0000000..b5d7781
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0127-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0127-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0127-03.jpg
new file mode 100644
index 0000000..75c63e0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0127-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0128-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0128-01.jpg
new file mode 100644
index 0000000..0148995
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0128-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0128-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0128-02.jpg
new file mode 100644
index 0000000..8c4cc63
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0128-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0130-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0130-01.jpg
new file mode 100644
index 0000000..994d797
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0130-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0131-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0131-01.jpg
new file mode 100644
index 0000000..0fa079c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0131-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0131-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0131-02.jpg
new file mode 100644
index 0000000..a56c002
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0131-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0131-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0131-03.jpg
new file mode 100644
index 0000000..06595fc
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0131-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0132-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0132-01.jpg
new file mode 100644
index 0000000..0f9cb9c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0132-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0133-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0133-01.jpg
new file mode 100644
index 0000000..e897feb
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0133-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0133-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0133-02.jpg
new file mode 100644
index 0000000..6198ab0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0133-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0133-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0133-03.jpg
new file mode 100644
index 0000000..56605c6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0133-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0133-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0133-04.jpg
new file mode 100644
index 0000000..90d8441
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0133-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0134-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0134-01.jpg
new file mode 100644
index 0000000..5eea3c5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0134-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0134-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0134-02.jpg
new file mode 100644
index 0000000..1580e22
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0134-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0134-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0134-03.jpg
new file mode 100644
index 0000000..e13dba7
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0134-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0135-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0135-01.jpg
new file mode 100644
index 0000000..2276e45
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0135-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0135-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0135-02.jpg
new file mode 100644
index 0000000..79b1c43
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0135-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0136-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0136-01.jpg
new file mode 100644
index 0000000..1e49b7b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0136-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0136-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0136-02.jpg
new file mode 100644
index 0000000..2a6de54
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0136-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0138-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0138-01.jpg
new file mode 100644
index 0000000..f4252ac
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0138-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0138-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0138-02.jpg
new file mode 100644
index 0000000..f205017
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0138-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0139-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0139-01.jpg
new file mode 100644
index 0000000..59809b5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0139-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0140-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0140-01.jpg
new file mode 100644
index 0000000..4c54f31
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0140-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0140-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0140-02.jpg
new file mode 100644
index 0000000..0797695
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0140-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0140-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0140-03.jpg
new file mode 100644
index 0000000..bb6ac5e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0140-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0141-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0141-01.jpg
new file mode 100644
index 0000000..4e256a6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0141-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0141-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0141-02.jpg
new file mode 100644
index 0000000..9da77cc
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0141-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0142-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0142-01.jpg
new file mode 100644
index 0000000..14d931d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0142-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0142-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0142-02.jpg
new file mode 100644
index 0000000..e7d2fe4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0142-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0144-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0144-01.jpg
new file mode 100644
index 0000000..8333b3f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0144-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0144-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0144-02.jpg
new file mode 100644
index 0000000..4916d88
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0144-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0145-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0145-01.jpg
new file mode 100644
index 0000000..abb405e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0145-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0145-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0145-02.jpg
new file mode 100644
index 0000000..de91086
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0145-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0146-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0146-01.jpg
new file mode 100644
index 0000000..6d598a8
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0146-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0146-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0146-02.jpg
new file mode 100644
index 0000000..72abac5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0146-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0147-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0147-01.jpg
new file mode 100644
index 0000000..78bd6d3
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0147-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0147-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0147-02.jpg
new file mode 100644
index 0000000..12ad125
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0147-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0148-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0148-01.jpg
new file mode 100644
index 0000000..d2b6d5c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0148-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0148-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0148-02.jpg
new file mode 100644
index 0000000..5c2b331
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0148-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0148-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0148-03.jpg
new file mode 100644
index 0000000..1117602
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0148-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0149-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0149-01.jpg
new file mode 100644
index 0000000..9374ad5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0149-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0149-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0149-02.jpg
new file mode 100644
index 0000000..2da75db
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0149-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0151-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0151-01.jpg
new file mode 100644
index 0000000..66e2926
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0151-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0166-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0166-01.jpg
new file mode 100644
index 0000000..e6273c9
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0166-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0169-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0169-01.jpg
new file mode 100644
index 0000000..6398637
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0169-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0169-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0169-02.jpg
new file mode 100644
index 0000000..d7f7424
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0169-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0169-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0169-03.jpg
new file mode 100644
index 0000000..dda2bfb
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0169-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0170-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0170-01.jpg
new file mode 100644
index 0000000..6f63ca6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0170-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0171-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0171-01.jpg
new file mode 100644
index 0000000..e16e84b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0171-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0172-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0172-02.jpg
new file mode 100644
index 0000000..9159bcf
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0172-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0172-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0172-03.jpg
new file mode 100644
index 0000000..e4f5471
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0172-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0172-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0172-04.jpg
new file mode 100644
index 0000000..b95d29a
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0172-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-01.jpg
new file mode 100644
index 0000000..f2ef240
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-02.jpg
new file mode 100644
index 0000000..3a1d85d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-03.jpg
new file mode 100644
index 0000000..454f791
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-04.jpg
new file mode 100644
index 0000000..2bd944d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-05.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-05.jpg
new file mode 100644
index 0000000..4015190
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-05.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-06.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-06.jpg
new file mode 100644
index 0000000..f8dab10
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-06.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0174-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0174-01.jpg
new file mode 100644
index 0000000..6cfd355
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0174-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0175-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0175-01.jpg
new file mode 100644
index 0000000..502d896
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0175-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0175-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0175-02.jpg
new file mode 100644
index 0000000..f1a7a9d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0175-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0176-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0176-01.jpg
new file mode 100644
index 0000000..0b04501
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0176-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0177-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0177-01.jpg
new file mode 100644
index 0000000..f73db1e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0177-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0177-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0177-02.jpg
new file mode 100644
index 0000000..2d304a7
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0177-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0177-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0177-03.jpg
new file mode 100644
index 0000000..a142e30
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0177-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0178-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0178-01.jpg
new file mode 100644
index 0000000..a0dc6f6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0178-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0178-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0178-02.jpg
new file mode 100644
index 0000000..3a085fa
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0178-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0178-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0178-03.jpg
new file mode 100644
index 0000000..3ff3bad
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0178-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0178-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0178-04.jpg
new file mode 100644
index 0000000..05f8507
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0178-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0179-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0179-02.jpg
new file mode 100644
index 0000000..9355422
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0179-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0180-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0180-01.jpg
new file mode 100644
index 0000000..158e2bd
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0180-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0181-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0181-01.jpg
new file mode 100644
index 0000000..a13a910
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0181-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0181-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0181-02.jpg
new file mode 100644
index 0000000..7438053
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0181-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0182-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0182-01.jpg
new file mode 100644
index 0000000..e661d6a
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0182-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0184-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0184-01.jpg
new file mode 100644
index 0000000..e0e9720
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0184-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0186-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0186-02.jpg
new file mode 100644
index 0000000..f6c463b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0186-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg
new file mode 100644
index 0000000..97134cc
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/a1.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/a1.jpg
new file mode 100644
index 0000000..23068a1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/a1.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/a2.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/a2.jpg
new file mode 100644
index 0000000..4df4bcd
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/a2.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/main.less b/src/books/toddlerSportsSafetyProtection/assets/main.less
new file mode 100644
index 0000000..2ae8ba0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/main.less
@@ -0,0 +1,1559 @@
+.toddlerSportsSafetyProtection {
+ width: 100%;
+ height: 100%;
+
+ // 鑷畾涔夊唴瀹�
+ .page-box {
+ box-sizing: border-box;
+ min-height: 1128px;
+ margin-bottom: 20px;
+ box-shadow: 0 3px 6px 1px #00000029;
+ background-color: #fff;
+ }
+
+ .wh-no {
+ white-space: nowrap;
+ }
+
+ .c-g {
+ color: green;
+ }
+
+ .c-r {
+ color: red;
+ }
+
+ .t-right {
+ text-align: right;
+ }
+
+ .mr-0 {
+ margin: 0;
+ }
+
+ .mt-10 {
+ margin-top: 10px !important;
+ }
+
+ .mt-20 {
+ margin-top: 20px !important;
+ }
+
+ .table-pad {
+ padding: 1em 0.7em !important;
+ }
+
+ .mt-30 {
+ margin-top: 30px;
+ }
+
+ .mt-70 {
+ margin-top: 70px;
+ }
+
+ .mb-10 {
+ margin-bottom: 10px;
+ }
+
+ .mb-30 {
+ margin-bottom: 30px !important;
+ }
+
+ .ma-l {
+ margin-left: 8%;
+ }
+
+ .ma-0 {
+ margin: 0% !important;
+ }
+
+ .pd-5 {
+ padding: 0 5px;
+ }
+
+ .w100 {
+ width: 100%;
+ }
+
+ .w80 {
+ width: 80%;
+ }
+
+ .w70 {
+ width: 70%;
+ }
+
+ .w25 {
+ width: 25%;
+ }
+
+ .w20 {
+ width: 20%;
+ }
+
+ .fz-13 {
+ font-size: 13px !important;
+ }
+
+ .fz-14 {
+ font-size: 14px !important;
+ }
+
+ .fz-16 {
+ font-size: 16px !important;
+ }
+
+ .fz-18 {
+ font-size: 18px !important;
+ }
+
+ .fz-20 {
+ font-size: 20px;
+ }
+
+ .img-0 {
+ width: 100%;
+ }
+
+ .img-c {
+ width: 70%;
+ }
+
+ .pt-20 {
+ padding-top: 20px;
+ }
+
+ .td-0 {
+ text-indent: 0em !important;
+ }
+
+ .td-1 {
+ text-indent: 1em !important;
+ }
+
+
+ td {
+ padding: 5px 10px;
+ }
+
+ .fl {
+ display: flex;
+ }
+
+ .ju-cn {
+ justify-content: center;
+ }
+
+ .ju-ev {
+ justify-content: space-evenly;
+ }
+
+ .jc-fs {
+ justify-content: flex-start;
+ }
+
+ .fw-w {
+ flex-wrap: wrap;
+ }
+
+ .fd-c {
+ flex-direction: column;
+ }
+
+ .fd-r {
+ flex-direction: row-reverse;
+ }
+
+ .al-c {
+ align-items: center;
+ }
+
+ .al-fe {
+ align-items: flex-end;
+ }
+
+ .ac-f {
+ align-content: flex-end;
+ }
+
+ .jc-fe {
+ justify-content: flex-end;
+ }
+
+ .jc-c {
+ justify-content: center;
+ }
+
+ .jc-sa {
+ justify-content: space-around
+ }
+
+ .mr-70 {
+ margin-right: 70px;
+ }
+
+ .mr-10 {
+ margin-right: 10px;
+ }
+
+ .pad-t-55 {
+ padding-top: 55px;
+ }
+
+ .ma-t-30 {
+ margin-top: 30px;
+ }
+
+ .ma-t-20 {
+ margin-top: 20px;
+ }
+
+ .pad-l-60 {
+ padding-left: 60px;
+ }
+
+ .pad-l-80 {
+ padding-left: 80px;
+ }
+
+
+ .mb-45 {
+ margin-bottom: 45px;
+ }
+
+ .mb-20 {
+ margin-bottom: 20px !important;
+ }
+
+ .mb-30 {
+ margin-bottom: 30px !important;
+ }
+
+ .page-father{
+ display: flex;
+ }
+
+ .header-left {
+ min-width: 12%;
+ padding: 0 !important;
+ margin: 0 !important;
+
+ img{
+ margin-left: 70%;
+ width: 30%;
+ height: auto;
+ }
+ }
+
+
+ .headerText {
+ width: 25%;
+ margin-left: 75%;
+ padding: 80px 0px 5px 0px;
+ background-color: #7acab4;
+ color: #fff;
+ font-size: 12px;
+ text-align: center;
+ border-radius: 0 0 10px 10px;
+ margin-bottom: 10px;
+ }
+
+ .headerNumber {
+ font-size: 12px;
+ border: 1px solid #7acab4;
+ border-radius: 0 5px 5px 0;
+ border-left: none;
+ padding: 5px 10px;
+ text-align: right;
+ color: #7acab4;
+ }
+
+ .header-right {
+ padding: 4% 0;
+ margin: 0 !important;
+ }
+
+ .header-right-Text {
+ font-family: "鏂规缁嗗渾";
+ font-size: 14px;
+ padding-top: 20px;
+ }
+
+ .header-right-Number {
+ position: relative;
+ width: 15%;
+
+ span {
+ font-family: "鏂规缁嗗渾";
+ font-size: 14px;
+ position: absolute;
+ left: 25%;
+ bottom: 20%;
+ }
+ }
+
+
+
+ table {
+ border-color: none !important;
+ }
+
+ .table-th-bc {
+ background-color: #FEDDB4;
+ color: #000;
+ }
+
+ .table-tr-bc {
+ background-color: #FEF4E4;
+ color: #000;
+ }
+
+ .table-textarea {
+ font-size: 14px;
+ font-family: "Times New Roman", "瀹嬩綋";
+ resize: none;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .textarea-box {
+ border: none;
+ text-align: center;
+ width: 84px;
+ height: 36px;
+ overflow: auto;
+ word-break: break-all;
+ resize: none;
+ }
+
+
+ .b0 {
+ border: 0;
+ }
+
+ .task {
+ width: 16%;
+ margin-bottom: 5em;
+ margin-top: 0;
+ border-top: 0.7em solid #5192C6;
+ }
+
+ .task2 {
+ width: 16%;
+ margin-bottom: 5em;
+ margin-top: 0;
+ border-top: 0.7em solid #F89C1C;
+ }
+
+ .task3 {
+ width: 16%;
+ margin-bottom: 5em;
+ margin-top: 0;
+ border-top: 0.7em solid #448D9C;
+ }
+
+ .task4 {
+ width: 16%;
+ margin-bottom: 5em;
+ margin-top: 0;
+ border-top: 0.7em solid #9EAA60;
+ }
+
+ .p-odd {
+ padding-right: 8%;
+ }
+
+ .p-even {
+ padding-left: 8%;
+ }
+
+ .p-continued {
+ text-align: right;
+ font-size: 14px;
+ margin-bottom: 10px;
+ }
+
+ .img-float {
+ width: 310px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ margin: 0;
+ }
+ }
+
+ .img-rights {
+ width: 310px;
+ float: right;
+ height: auto;
+ margin: auto;
+ margin-left: 20px;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ margin: 0 !important;
+ }
+ }
+
+ .w430 {
+ width: 430px;
+ }
+
+ .w395 {
+ width: 395px;
+ }
+
+ .w350 {
+ width: 350px;
+ }
+
+ .w290 {
+ width: 290px;
+ }
+
+ .w280 {
+ width: 280px;
+ }
+
+ .w275 {
+ width: 275px;
+ }
+
+ .w270 {
+ width: 270px;
+ }
+
+ .w250 {
+ width: 250px;
+ }
+
+ .w230 {
+ width: 230px;
+ }
+
+ .w220 {
+ width: 220px;
+ }
+
+ .w200 {
+ width: 200px;
+ }
+
+ .w180 {
+ width: 180px;
+ }
+
+ .w150 {
+ width: 150px;
+ }
+
+ .w115 {
+ width: 115px;
+ }
+
+ .pdf-text {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: flex-start;
+ margin-bottom: 20px;
+
+ p {
+ margin: 0;
+ margin-right: 10px;
+ }
+
+ .pdf-con {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding: 10px 0;
+ box-sizing: border-box;
+ border-radius: 10px;
+
+ .pdf-view {
+ min-width: 160px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 0.15em dashed #895B2E;
+ margin-right: 15px;
+ padding: 0 15px;
+ border-radius: 5px;
+ margin-top: 15px;
+
+ span {
+ font-size: 14px;
+ text-align: center;
+ font-family: 'FZLTXIHJW';
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+
+ svg {
+ fill: #895B2E;
+ }
+ }
+
+ span:nth-child(2) {
+ padding-top: 5px;
+ box-sizing: border-box;
+ }
+
+ span:hover {
+ color: #895B2E;
+ cursor: pointer;
+ text-decoration: underline;
+ -webkit-user-select: none;
+ /* Safari 3.1+ */
+ -moz-user-select: none;
+ /* Firefox 2+ */
+ -ms-user-select: none;
+ /* IE 10+ */
+ user-select: none;
+ /* 鏍囧噯璇硶 */
+ }
+ }
+ }
+
+ .pdf-con-15 {
+ margin-top: -20px;
+ }
+ }
+
+ .fm-hyzh {
+ font-family: "姹変华涓粦";
+ font-weight: 500;
+ }
+
+ .fm-hyss {
+ font-family: "姹変华涔﹀畫";
+ }
+
+ div.bk-ztgs {
+ border: 0.15em dotted #5192c6;
+ padding: 0.5em;
+ margin-bottom: 2em;
+ margin-top: 2em;
+ border-radius: 1em;
+ position: relative;
+ }
+
+ p.bj1-ztgs {
+ background-color: #5192c6;
+ color: #ffffff;
+ display: inline-block;
+ font-size: 1em;
+ padding: 0.1em 0.7em 0.12em 0.7em;
+ font-weight: bold;
+ border-radius: 0em;
+ margin-left: 0em;
+ text-align: center;
+ text-indent: 0em;
+ position: absolute;
+ top: -2em;
+ }
+
+
+ .link-float {
+ width: 150px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+ }
+
+ .imgBox-003 {
+ width: 100%;
+ height: 280px;
+ margin-bottom: 18px;
+ }
+
+ // 棰樼洰
+
+ .textarea-main {
+ background-color: transparent;
+ max-width: 95%;
+ min-width: 95%;
+ outline: none;
+ }
+
+ .textarea-focused {
+ border-color: #5192c6 !important;
+ box-shadow: #5192c6 !important;
+ }
+
+ .select-border {
+ width: 60px;
+ border: 0;
+ border-bottom: 1px solid #767676;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .btn-border {
+ border-radius: 6px;
+ border-color: #5192C6;
+ }
+
+ .btn-w {
+ cursor: pointer;
+ font-size: 14px;
+ border-width: 1px;
+ width: 80px;
+ height: 30px;
+ background-color: #fff;
+
+ &:hover {
+ background-color: #5192C6;
+ color: #fff;
+ }
+ }
+
+ .parimary-btn {
+ cursor: pointer;
+ min-width: 80px;
+ height: 30px;
+ font-size: 14px;
+ margin-left: 5px;
+ background-color: #5192C6;
+ border-color: #5192C6;
+ border-width: 1px;
+ color: #fff;
+ border-radius: 6px;
+
+ &:hover {
+ background-color: #a1afc8;
+ border-color: #a1afc8;
+ }
+ }
+
+ .event-header-text-bc {
+ background-color: #bbd4ec;
+ }
+
+ .video-box {
+ margin: 20px 0 20px 8%;
+ border: 1px dashed #895B2E;
+ padding: 2% 2%;
+ }
+
+ .video-box-left {
+ margin: 20px 8% 20px 0;
+ border: 1px dashed #895B2E;
+ padding: 2% 2%;
+ }
+
+ .videoname {
+ display: flex;
+ justify-content: center;
+ }
+
+ .collect-btn {
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ margin-left: 10px;
+ margin-top: 0.8%;
+ }
+
+ .collect-btn1 {
+ cursor: pointer;
+ width: 10px;
+ height: 10px;
+ margin-left: 10px;
+ margin-top: 0.8%;
+ }
+
+ .unitImg {
+ position: relative;
+ z-index: 1;
+ }
+
+ .unitBox {
+ z-index: 99;
+ position: absolute;
+ top: -5px;
+ left: 40px;
+ }
+
+ .unit2Box {
+ z-index: 99;
+ position: absolute;
+ top: -200px;
+ left: 40px;
+ }
+
+ .unitGraphic {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background-color: #5192C6;
+ border-radius: 50%;
+ margin-right: 15px;
+ }
+
+ .unit2Graphic {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background-color: #F89C1C;
+ border-radius: 50%;
+ margin-right: 15px;
+ }
+
+ .unit3Graphic {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background-color: #448D9C;
+ border-radius: 50%;
+ margin-right: 15px;
+ }
+
+ .unit4Graphic {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background-color: #9EAA60;
+ border-radius: 50%;
+ margin-right: 15px;
+ }
+
+
+ .unitText {
+ color: #5192C6;
+ font-size: 18px;
+ }
+
+ .unit2Text {
+ color: #F89C1C;
+ font-size: 16px;
+ }
+
+ .unit3Text {
+ color: #448D9C;
+ font-size: 16px;
+ }
+
+ .unit4Text {
+ color: #9EAA60;
+ font-size: 16px;
+ }
+
+
+
+ // 杩佺Щ
+ .bk-bwh {
+ min-height: 800px;
+ background-color: #DFEBF7;
+ font-size: 1.2em;
+ padding: 25px;
+ border: 4px dotted #197ABF;
+ }
+
+ ul {
+ list-style-type: none;
+ }
+
+ li {
+ list-style-type: none;
+ }
+
+ .custom_tag2 {
+ background-color: #F1BE49;
+ color: #FFFFFF;
+ display: inline-block;
+ padding: 0.5px;
+ border-radius: 1.5em;
+ font-size: 1.1em;
+ padding: 2px 10px 2px 10px;
+ font-weight: bold;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+ .custom_tag1 {
+ background-color: #35ACD6;
+ color: #FFFFFF;
+ display: inline-block;
+ padding: 1px;
+ font-size: 1.1em;
+ padding: 3px 10px 3px 10px;
+ font-weight: bold;
+ box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+ .custom_tag {
+ background-color: #35509F;
+ color: #FFFFFF;
+ display: inline-block;
+ padding: 1px;
+ border-radius: 1.5em;
+ font-size: 1.1em;
+ padding: 10px 20px 10px 20px;
+ font-weight: bold;
+ box-shadow: 30px 0px 0px 0px #F5D83E;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+
+ span.under1 {
+ border-bottom: 2px solid #F0BD4A;
+ border-width: 2px;
+
+ }
+
+ div.bodycontent-div-center {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ }
+
+ img.bodycontent-divcenter-image {
+ float: center;
+ clear: both;
+ height: 140px;
+ margin: 15px;
+ }
+
+ .module_block {
+ display: flex;
+ font-size: 1.1em;
+ position: relative;
+ padding-left: 90px;
+ justify-content: center;
+ align-items: center;
+ margin-right: 91px;
+ }
+
+ .module_block .custom1 {
+ background-color: #9ACC77;
+ padding: 10px 20px;
+ color: #FFFFFF;
+ /* position: absolute; */
+ /* left:0; */
+ /* top: 50%; */
+ border-radius: 0.5em 0em 0em 0.5em;
+ /* transform: translateY(-50%); */
+ }
+
+ .module_block .custom2 {
+ background-color: #E9F3E0;
+ padding: 10px 20px;
+ color: #75A64E;
+ font-weight: bold;
+ border-radius: 0em 0.5em 0.5em 0em;
+ }
+
+
+
+ div.bodycontent-div-left1 {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ background-color: #F0F8FF;
+ }
+
+ div.bodycontent-div-left {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ }
+
+ img.bodycontent-divright-image {
+ float: right;
+ clear: both;
+ height: 140px;
+ margin: 15px;
+ }
+
+ img.bodycontent-divleft-image {
+ float: left;
+ clear: both;
+ height: 110px;
+ margin: 15px;
+ }
+
+
+ div.bodystyle {
+ text-align: justify;
+ margin: 13% 13% 10% 3%;
+ padding-bottom: 80px;
+ line-height: 30px;
+ }
+
+ .UnitCover {
+ margin: 0 13%;
+ padding-top: 10%;
+ padding-bottom: 80px;
+ }
+
+ .unit-title-parent {
+ text-align: center;
+ margin: 10% 0;
+ }
+
+ .unit-title {
+ font-family: "鏂规姝ｉ粦";
+ display: inline-block;
+ font-size: 1.6em;
+ font-weight: 500;
+ border-bottom: 1px solid #0082D4;
+ padding: 10px 0;
+ }
+
+
+ span.zt-0 {
+ color: #0087AF;
+ }
+
+ p.pzt-0 {
+ color: #0087AF;
+ font-size: 18px;
+ }
+
+ p.pzt-0-right {
+ font-size: 18px;
+ color: #0087AF;
+ text-align: right;
+ }
+
+ p.pzt-1 {
+ font-weight: bold;
+ color: #0087AF;
+ font-size: 18px;
+ }
+
+ div.sgc-toc-title {
+ font-size: 2em;
+ font-weight: bold;
+ margin-bottom: 1em;
+ text-align: center;
+ }
+
+
+ .block {
+ font-family: "kaiTi";
+ text-indent: 2em;
+ line-height: 30px;
+ font-size: 17px;
+ text-align: justify;
+ }
+
+ .block1 {
+ text-align: center;
+ }
+
+ .img {
+ font-family: 'FZLTXIHJW';
+ text-align: center;
+ font-size: 14px;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .img1 {
+ font-family: 'FZLTXIHJW';
+ text-align: right;
+ font-size: 0.85em;
+ margin-left: 0%;
+ margin-right: 2em;
+ text-indent: 0em;
+ }
+
+
+ p {
+ font-family: "鏂规涔﹀畫";
+ margin-top: 0em;
+ margin-bottom: 0.2em;
+ text-indent: 2em;
+ line-height: 30px;
+ text-align: justify;
+ }
+
+ .cover {
+ width: 100%;
+ padding: 0px;
+ }
+
+ .center {
+ text-align: center;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .center-ss {
+ text-align: center;
+ color: #EF8472;
+ font-weight: bold;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .left {
+ text-indent: 0em;
+ margin-bottom: 0px;
+ line-height: 20px;
+ }
+
+
+ .img-0 {
+ width: 100%;
+ }
+
+ .img-a {
+ width: 95%;
+ }
+
+ .img-b {
+ width: 70%;
+ }
+
+ .img-c {
+ width: 60%;
+ }
+
+ .img-d {
+ width: 50%;
+ }
+
+ .img-e {
+ width: 45%;
+ }
+
+ .img-f {
+ width: 40%;
+ }
+
+ .img-g {
+ width: 30%;
+ }
+
+ .img-h {
+ width: 20%;
+ }
+
+ .img-i {
+ width: 10%;
+ }
+
+ .img-j {
+ width: 5%;
+ }
+
+ // epub涓嚜甯︾殑鏍峰紡
+
+ .foreword {
+ padding: 30% 12%;
+ height: 100%;
+ background: #b0ddcf
+ }
+
+ .editorialBoard {
+ background-color: #fff;
+ border-radius: 50%;
+ /* 椤堕儴鍜屽簳閮ㄤ负0锛屽乏鍙充袱渚т负50% */
+ padding: 5% 10% 20% 10%;
+ }
+
+ .series {
+ padding: 12% 15%
+ }
+
+ .seriesTitle {
+ font-size: 1.5em;
+ color: #fff;
+ font-weight: 400;
+ background-color: #7acab4;
+ width: 30%;
+ padding-left: 1%;
+ padding-right: 8%;
+ background: linear-gradient(135deg, #7acab4, #7acab4 50%, transparent 50%, transparent 100%);
+ margin-bottom: 10%;
+ }
+
+ .rotate-up {
+ text-indent: 0;
+ font-size: 16px;
+ color: #7acab4;
+ line-height: 10px;
+ margin-bottom: 20px;
+ }
+
+ .rotate-down {
+ text-indent: 0;
+ font-size: 12.5px;
+ color: #7acab4;
+ line-height: 10px;
+ }
+
+ h1.firstTitle {
+ padding: 0% 0 10% 0;
+ text-align: center;
+ font-size: 2em;
+ line-height: 1.2em;
+ text-indent: 0em;
+ color: #b0ddcf;
+ font-weight: 400;
+ font-family: "鏂规姝ｉ粦";
+ }
+
+ .preface {
+ font-family: "姹変华鐗圭粏绛夌嚎";
+ text-indent: 2em;
+ color: #000;
+ }
+
+
+ .right-info {
+ font-family: "kaiti";
+ text-align: right;
+ margin-bottom: 0.5em;
+ }
+
+ .imgdescript-l {
+ margin-left: -5%;
+ }
+
+ h2 {
+ text-align: center;
+ color: #00aeef;
+ font-family: "鏂规鍏颁涵绾ょ粏";
+ font-size: 1.5em;
+ }
+
+ .titleQuot-l {
+ text-indent: 0em;
+ margin: 15px 0 10px 0;
+ font-size: 1.2em;
+ font-weight: bold;
+ }
+
+ .poemtitle-l {
+ font-family: "鏂规鍏颁涵绾ょ粏";
+ font-size: 1.1em;
+ margin: 15px 0 10px 0;
+ }
+
+ .quotation {
+ font-family: "kaiti";
+ }
+
+ /*搴曡壊*/
+ .bgColor {
+ padding: 10px 20px;
+ background: #e1f4fc;
+ border: 2px solid #008cb7;
+ border-radius: 10px;
+ margin: 1em auto;
+
+ .bgColor-title {
+ font-family: "鏂规缁嗗渾";
+ font-weight: bold;
+ }
+ }
+
+ // 鎷撳睍瀛︿範
+ .ExpandLearning {
+ padding: 40px 20px 20px 20px;
+ background: #e1f4fc;
+ border-top: 2px solid #008cb7;
+ margin: 1em auto;
+ position: relative;
+ }
+
+ .ExpandLearning-title {
+ text-indent: 0;
+ position: absolute;
+ top: -16px;
+ left: 0px;
+
+ span {
+ background-color: #e1f4fc;
+ height: 20px;
+ width: 30px;
+ padding: 5px;
+ border: 1px solid #008cb7;
+ border-radius: 50%;
+ margin-right: 1px;
+ }
+ }
+
+ .imgdescript {
+ font-size: 13px;
+ text-indent: 0em;
+ text-align: center;
+ }
+
+ .learningDetection {
+ font-family: "姹変华姝ｉ粦";
+ background-color: #6bcff6;
+ font-weight: bold;
+ margin: 30px 0 20px 0;
+ }
+
+ .poemtitle {
+ text-align: center;
+ font-weight: bold;
+ font-family: "鏂规鍏颁涵缁嗛粦";
+ }
+
+ .bold {
+ color: #b0ddcf;
+ font-weight: bold;
+ }
+
+ .noteContent {
+ font-size: 13.5px;
+ word-break: break-all;
+ margin: 0 !important;
+ line-height: 25px;
+
+ .noteContent-title {
+ font-size: 13.5px;
+ font-weight: bold;
+ margin: 0 !important;
+ }
+ }
+
+ sup {
+ cursor: pointer;
+ }
+}
+
+.pdfModal {
+ width: 100%;
+ height: 90vh;
+
+ .pdfBox-component {
+ width: 100%;
+ height: 100%;
+ position: relative;
+
+ .preview {
+ width: 100%;
+ height: 100%;
+
+ .imageBox {
+ height: calc(100% - 30px);
+ overflow-x: hidden;
+ overflow-y: auto;
+ background: #ccc;
+ box-sizing: border-box;
+ }
+
+ .imageBox:hover {
+ cursor: zoom-in !important;
+ }
+
+ ::v-deep .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
+
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
+
+ ::v-deep .el-dialog__title,
+ ::v-deep .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ }
+ }
+
+ .bottom_tool {
+ height: 30px;
+ background-color: rgba(0, 0, 0, 0.8);
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+
+ svg {
+ margin-right: 15px;
+ fill: #d1d1d1;
+ }
+
+ svg:hover {
+ fill: #fff;
+ cursor: pointer;
+ }
+ }
+ }
+
+ .notBox {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: calc(100% - 30px);
+ min-height: 300px;
+ }
+ }
+}
+
+.custom-dialog {
+ overflow: hidden !important;
+
+ .el-dialog__body {
+ padding: 0;
+ }
+
+ .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
+
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
+
+ .el-dialog__title,
+ .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ }
+ }
+}
+
+.header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ // color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+}
+
+// 琛ㄦ牸鏍峰紡
+table {
+ border-collapse: collapse; //琛ㄦ牸鐨勮竟妗嗗悎骞讹紝濡傛灉鐩搁偦锛屽垯鍏辩敤涓�涓竟妗嗐��
+ border-spacing: 0px; //璁剧疆琛屼笌鍗曞厓鏍艰竟妗嗙殑闂磋窛銆�
+}
+
+@font-face {
+ font-family: '姹変华鐗圭粏绛夌嚎';
+ src: url('./Fonts/hyg6gjm.ttf');
+}
+
+// @font-face {
+// font-family: '姹変华涔﹀畫';
+// src: url('./Fonts/hya1gjm.ttf');
+// }
+
+// @font-face {
+// font-family: '姹変华妤蜂綋';
+// src: url('./Fonts/hyc1gjm.ttf');
+// }
+
+// @font-face {
+// font-family: '鏂规涔﹀畫';
+// src: url('./Fonts/FZSSK.TTF');
+// }
+
+// @font-face {
+// font-family: '鏂规姝ｉ粦';
+// src: url('./Fonts/FZZHJW.TTF');
+// }
+
+// @font-face {
+// font-family: '鏂规缁嗗渾';
+// src: url('./Fonts/FZY1JW.TTF');
+// }
+
+// @font-face {
+// font-family: '鏂规鍏颁涵绾ょ粏';
+// src: url('./Fonts/FZLTXHK.TTF');
+// }
+
+
+// @font-face {
+// font-family: 'FZLTXIHJW';
+// src: url('./Fonts/FZLTXIHJW.ttf');
+// }
+
+// @font-face {
+// font-family: 'FZHTJW';
+// src: url('./Fonts/FZHTJW.ttf');
+// }
+
+
+// 闅愯棌椤甸潰
+.hidePage {
+ min-height: 0 !important;
+ height: 0 !important;
+ box-shadow: none !important;
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+
+@media screen and (max-width: 1024px) {
+ .pdfModal {
+ width: 100%;
+ height: 80vh;
+ }
+
+ .custom-dialog {
+ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
+
+@media screen and (max-width: 800px) {
+ .pdfModal {
+ width: 100%;
+ height: 60vh;
+ }
+
+ .custom-dialog {
+ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
+
+@media (max-width: 660px) {
+ .toddlerSportsSafetyProtection {
+
+ .pad-l-80 {
+ padding-left: 10px;
+ }
+
+ .mr-70 {
+ margin-right: 15px;
+ }
+
+ /* 鍒嗛〉padding */
+ .padding-93 {
+ padding: 0 20px;
+ }
+
+ .padding-102 {
+ padding: 0 20px;
+ }
+
+
+ .img-float {
+ width: 130px;
+ }
+
+ .img-rights {
+ width: 130px;
+ }
+
+ .btn-w {
+ width: 42px;
+ }
+
+ .unitText {
+ color: #5192C6;
+ font-size: 10px;
+ }
+
+ .unit2Text {
+ color: #F89C1C;
+ font-size: 10px;
+ }
+
+ .wh-no {
+ white-space: wrap;
+ }
+
+ td {
+ padding: 5px 10px;
+ }
+ }
+}
+
+@media (min-width: 660px) {
+ .toddlerSportsSafetyProtection {
+ .padding-93 {
+ padding: 0 93px 0px 93px;
+ }
+
+ .padding-102 {
+ padding: 0 102px 0 102px;
+ }
+ }
+}
+
+::-webkit-scrollbar {
+ width: 8px;
+ height: 10px;
+}
+
+::-webkit-scrollbar-track-piece {
+ background-color: rgba(0, 0, 0, 0.1);
+ -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+ height: 5px;
+ background-color: rgba(125, 125, 125, 0.3);
+ -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+ width: 5px;
+ background-color: rgba(125, 125, 125, 0.3);
+ -webkit-border-radius: 6px;
+}
\ No newline at end of file
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/header.vue b/src/books/toddlerSportsSafetyProtection/view/components/header.vue
new file mode 100644
index 0000000..7d4c6a2
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/view/components/header.vue
@@ -0,0 +1,185 @@
+<template>
+ <div class="chapter" num="1">
+ <!-- 灏侀潰 -->
+ <div class="page-box mt-20" page="1" style="padding-bottom: 0px">
+ <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="padding-bottom: 0px">
+ <div v-if="showPageList.indexOf(2) > -1">
+ <!-- <img class="img-0" alt="" src="../../assets/images/feiYe.jpg" /> -->
+ </div>
+ </div>
+ <!-- 浠嬬粛椤甸潰 -->
+ <div class="page-box" page="3">
+ <div v-if="showPageList.indexOf(3) > -1">
+ <div style="max-width: 400px; margin: 0 auto; padding: 10% 0">
+ <hr />
+ <p class="td-1 fm-hyzh fz-16">鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</p>
+ <p class="left3 mr-0 td-1 fm-hyss fz-14">
+ 濠村辜鍎胯繍鍔ㄥ畨鍏ㄤ笌淇濇姢/闂繆娑涳紝寮犻鏂囷紝瀛欑拹涓荤紪.-鍖椾含:鍖椾含甯堣寖澶у鍑虹増绀撅紝2022.1
+ </p>
+ <p class="left3 td-1 fm-hyss fz-14">ISBN 978-7-303-27698-1</p>
+ <p class="left3 fm-hyss fz-14 mt-20 mb-20">
+ I.鈶犲┐鈥� 鈪�.鈶犻棲鈥� 鈶″紶鈥� 鈶㈠瓩鈥� 鈪�,鈶犲┐骞煎効-杩愬姩璁粌 I.G613.7
+ </p>
+ <p class="left3 fm-hyss fz-14">
+ 涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧(2021)绗�272797鍙�
+ </p>
+ <hr />
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p class="left fz-13 fm-hyss">
+ <span class="fm-hyzh fz-14">鍥句功鎰忚鍙嶉:</span> gaozhifk@bnupgcom
+ 010-58805079
+ </p>
+ <p class="left fz-13 fm-hyss">
+ <span class="fm-hyzh fz-14">钀ラ攢涓績鐢佃瘽:</span> 010-58802755
+ 58801876
+ </p>
+ <hr />
+ <p class="left fm-hyss fz-14">
+ YINGYOUER YUNDONG ANOUAN YU BAOHU
+ </p>
+ <p class="left fm-hyss fz-14">
+ 鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnupg.com
+ </p>
+ <p class="left fm-hyss fz-14">
+ 銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙ｅ澶ц12-3鍙�
+ </p>
+ <p class="left fm-hyss fz-14">銆�銆�銆�銆�銆�閭斂缂栫爜锛�100088</p>
+ <p class="left fm-hyss fz-14">
+ 鍗般��銆�鍒凤細鍖椾含鐜鸿瘹鍗板姟鏈夐檺鍏徃
+ </p>
+ <p class="left fm-hyss fz-14">缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
+ <p class="left fm-hyss fz-14">寮�銆�銆�鏈細787mmx1092mm銆�1/16</p>
+ <p class="left fm-hyss fz-14">鍗般��銆�寮狅細12</p>
+ <p class="left fm-hyss fz-14">瀛椼��銆�鏁帮細217鍗冨瓧</p>
+ <p class="left fm-hyss fz-14">鐗堛��銆�娆★細2023骞�7鏈堢1鐗�</p>
+ <p class="left fm-hyss fz-14">鍗般��銆�娆★細2023骞�7鏈堢1娆″嵃鍒�</p>
+ <p class="left fm-hyss fz-14">瀹氥��銆�浠凤細34.80鍏�</p>
+ <hr />
+ <p class="left fm-hyss fz-14">
+ 绛栧垝缂栬緫锛氱帇銆�瓒呫��缃椾僵鐝嶃��銆�銆�銆�璐ｄ换缂栬緫锛氭潕鏄ョ敓
+ </p>
+ <p class="left fm-hyss fz-14">
+ 缇庢湳缂栬緫锛氱劍銆�涓姐��銆�銆�銆�銆�銆�銆�銆�瑁呭抚璁捐锛氱劍銆�涓�
+ </p>
+ <p class="left fm-hyss fz-14">
+ 璐ｄ换鏍″锛氭绔嬭秴銆�銆�銆�銆�銆�銆�銆�銆�璐ｄ换鍗板埗锛氶檲銆�娑涖��
+ </p>
+ <p class="center mt-20"><b>鐗堟潈鎵�鏈� 渚垫潈蹇呯┒</b></p>
+ <p class="left center block">鍙嶇洍鐗堛�佷镜鏉冧妇鎶ョ數璇濓細010-58808104</p>
+ <p class="left center block">鍖椾含璇昏�呮湇鍔￠儴鐢佃瘽锛�010-58808104</p>
+ <p class="left center block">澶栧煚閭喘鐢佃瘽锛�010-58808083</p>
+ <p class="left center block">
+ 鏈功濡傛湁鍗拌璐ㄩ噺闂锛岃涓庡嵃鍒剁鐞嗛儴鑱旂郴璋冩崲銆�
+ </p>
+ <p class="left center block">鍗板埗绠＄悊閮ㄧ數璇濓細010-58808284</p>
+ <p class="left center block">缂栬緫閮ㄧ數璇�:010-58802682</p>
+ </div>
+ </div>
+ </div>
+ <!-- 缂栧浼� -->
+ <div class="page-box" page="4">
+ <div v-if="showPageList.indexOf(4) > -1">
+ <div class="foreword">
+ <div class="editorialBoard">
+ <h1 class="firstTitle" style="color: #b0ddcf;">缂栧浼�</h1>
+ <p class="preface"><span class="bold">涓涗功涓荤紪</span></p>
+ <p class="preface mb-30">鍙跺钩鏋�</p>
+ <p class="preface"><span class="bold">鏈功涓荤紪</span></p>
+ <p class="preface mb-30">闂繆娑涖��寮犻鏂囥��瀛欍��鐠�</p>
+ <p class="preface"><span class="bold">鏈功鍓富缂�</span></p>
+ <p class="preface mb-30">姣曚腑鎯呫��鏉庛��寰姐��鏉庤繋鏄�</p>
+ <p class="preface"><span class="bold">鏈功鍙傜紪锛堝姘忕瑪鐢绘帓搴忥級</span></p>
+ <p class="preface">鐢颁匠娆ｃ��鍒樻檽鏇︺��闂繆鍊┿��鏉庛��濞溿��鍚村崌鎵ｃ��鍚存ⅵ鏅�</p>
+ <p class="preface mb-30">瀹嬨��鐞炽��瀛熴��鑾夈��鑳″浗妫��琚併��浼熴��榫氱惇闆�</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 涓涗功搴� -->
+ <div class="page-box" page="5">
+ <div v-if="showPageList.indexOf(5) > -1">
+ <div class="series">
+ <h1 class="seriesTitle">涓涗功搴�</h1>
+ <p class="rotate-up">^</p>
+ <p class="rotate-down">v</p>
+ <p class="rotate-down">v</p>
+ <p class="rotate-down">v</p>
+ <p class="rotate-down">v</p>
+ <p class="rotate-down">v</p>
+ <p class="rotate-down">v</p>
+ <p class="rotate-down">v</p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p class="preface">
+ 澶у姏鍙戝睍鑱屼笟鏁欒偛瀵逛簬闄嶄綆澶变笟鐜囥�佽В鍐冲氨涓氱粨鏋勭殑鐭涚浘锛屾彁楂樼敓浜у姏鍜屽姵鍔ㄨ�呯殑鏁翠綋绱犺川锛屽噺灏戣传瀵屽樊璺濄�佹爲绔嬪姵鍔ㄨ�呭皧涓ワ紝婵�鍙戝姵鍔ㄨ�呯儹鎯呭拰鍒涢�犲姏锛屾帹鍔ㄦ垜鍥芥皯鏃忓鍏撮兘鍏锋湁閲嶈鎰忎箟銆傚鏋滆寰峰浗缁忔祹鑵鹃鐨勭瀵嗘鍣ㄦ槸鍏跺弻鍏冨埗鐨勮亴涓氭暀鑲蹭綋绯伙紝閭ｄ箞锛屾垜鍥借亴涓氭暀鑲茬殑绾垫繁鍙戝睍涔熷皢鎴愪负鎾姩鎴戝浗缁忔祹銆佺ぞ浼氬彂灞曠殑閲嶈鍔涢噺銆傝繘鍏モ�滃崄鍥涗簲鈥濓紝鎴戝浗鑱屼笟鏁欒偛鍙堟湁浜嗘柊璧风偣銆佹柊鍙樺寲锛氫腑绛夎亴涓氭暀鑲蹭粠鈥滃氨涓氬鍚戔�濆埌鈥滃氨涓氫笌鍗囧瀵煎悜鈥濓紝姣曚笟鐢熸棦鍙互鐩存帴灏变笟锛屼篃鍙互缁х画鍗囧鍒颁笓绉戝拰鏈鑱屼笟闄㈡牎锛屽洜鑰屾垚涓洪珮绛夋暀鑲茬殑鐢熸簮鍩虹锛屾湁鐫�澶氬厓鐨勫彂灞曡矾寰勶紱楂樿亴涓撶杩涘叆鎻愯川鍩逛紭銆佸鍊艰祴鑳姐�佷互璐ㄥ浘寮猴紝鍔犲揩杩堣繘鐜颁唬鍖栫殑鏂伴樁娈碉紱楂樿亴鏈鍧氭寔鐞嗚鍏堣銆佲�滈珮涓鹃珮鎵撯�濓紝鍏呭垎鍙戞尌鍏跺湪鑱屼笟鏁欒偛涓殑榫欏ご鍦颁綅銆�
+ </p>
+ <p class="preface">
+ 2021骞�3鏈堟暀鑲查儴鍗板彂銆婅亴涓氭暀鑲蹭笓涓氱洰褰曪紙2021骞达級銆嬶紙鏁欒亴鎴愩��2021銆�2鍙凤級锛岄娆″涓亴銆侀珮鑱屼笓绉戝拰楂樿亴鏈涓変釜灞傛涓撲笟鐩綍杩涜涓�浣撳寲淇紙鍒讹級璁紝寤虹珛浜嗙粺涓�鐨勫垎绫绘鏋跺拰涓婁笅琛旀帴鐨勪笓涓氬悕绉帮紝浣胯亴涓氭暀鑲茬被鍨嬬壒寰佹洿涓哄嚫鏄俱�傞�氳繃涓亴銆侀珮鑱屼笓绉戙�侀珮鑱屾湰绉戜竴浣撳寲涓撲笟璁剧疆锛屼负瀛︾敓鑱屼笟鍙戝睍鎵撳紑閫氳矾銆�
+ </p>
+ <p class="preface">
+ 鏍规嵁杩欎簺鑱屼笟鏁欒偛鍙戝睍瓒嬪娍鍜屽浗瀹躲�娾�滃崄鍥涗簲鈥濊亴涓氭暀鑲茶鍒掓暀鏉愬缓璁惧疄鏂芥柟妗堛�嬶紝鏈郴鍒楁暀鏉愯仛鐒︿簬濠村辜鍎跨収鎶ょ被涓撲笟锛岄�氳繃涓嶅悓姊害鐨勫唴瀹硅璁★紝涓哄鍓嶆暀鑲层�佸┐骞煎効鎵樿偛鏈嶅姟涓庣鐞嗐�佹棭鏈熸暀鑲层�佸┐骞煎効鍙戝睍涓庡仴搴风鐞嗙瓑涓撲笟鎻愪緵涓撲笟鏁欐潗锛屽悓鏃讹紝涔熶负瀹炵幇鈥滃辜鏈夋墍鑲层�佸辜鏈変紭鑲层�佸辜鏈夊杽鑲测�濆瀹氬熀纭�銆�
+ </p>
+ <p class="preface">
+ 鍦ㄧ紪鍐欒繃绋嬩腑锛岀紪鍐欑粍鍔姏浣撶幇濡備笅鍘熷垯锛氾紙1锛夊潥鎸佹纭殑鏀挎不鏂瑰悜鍜屼环鍊煎鍚戯紱锛�2锛変互鍩瑰吇寰锋櫤浣撶編鍔冲叏闈㈠彂灞曠殑绀句細涓讳箟寤鸿鑰呭拰鎺ョ彮浜恒�佹湭鏉ョ殑鈥滃洓鏈夊ソ鑰佸笀鈥濅负鐩爣锛涳紙3锛変綋鐜扳�滃煿鏍归摳榄傘�佸惎鏅哄鎱р�濓紱锛�4锛夐伒寰亴涓氭暀鑲叉暀瀛﹁寰嬪拰浜烘墠鎴愰暱瑙勫緥锛涳紙5锛夌瀛﹀悎鐞嗙紪鎺掓暀鏉愬唴瀹广��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 涓涗功搴� -->
+ <div class="page-box" page="6">
+ <div v-if="showPageList.indexOf(6) > -1">
+ <div class="page-father">
+ <ul class="header-left">
+ <li class="headerText ">濠�<br />骞�<br />鍎�<br />杩�<br />鍔�<br />瀹�<br />鍏�<br />涓�<br />淇�<br />鎶�</li>
+ <li class="headerNumber">2</li>
+ <img src="../../assets/images/a1.jpg" alt="">
+ </ul>
+ <div class="bodystyle">
+ <p class="preface">鏈郴鍒楁暀鏉愬姫鍔涗綋鐜板涓嬬壒鑹层��</p>
+ <p class="preface">
+ 锛�1锛夊尰鍏绘暀缁撳悎锛岄�傜敤鎬у己銆傛湰绯诲垪鏁欐潗鑱氱劍鍋ュ悍鍜屼繚鑲诧紝鐫�閲嶈ˉ鍏呬簡濠村辜鍎跨収鎶ょ被涓撲笟绱х己鐨勮绋嬫暀鏉愩�傛暀鏉愪富瑕佹兜鐩栦笁涓柟闈細涓�鏄┐骞煎効鍗敓淇濆仴锛屽寘鎷�婂辜鍎垮洯椋熻偛銆嬨�婂┐骞煎効鎰熻缁熷悎鍙戝睍涓庤缁冦�嬨�婂┐骞煎効甯歌鐤剧梾棰勯槻涓庢姢鐞嗐�嬶紱浜屾槸濠村辜鍎夸綋鑲诧紝鍖呮嫭銆婂┐骞煎効浣撹川鍋ュ悍涓庡姩浣滃彂灞曟祴璇勩�嬨�婂┐骞煎効杩愬姩瀹夊叏涓庝繚鎶ゃ�嬨�婂┐骞煎効杩愬姩澶勬柟璁捐涓庡簲鐢ㄣ�嬶紱涓夋槸濠村辜鍎垮績鐞嗗仴搴凤紝鍖呮嫭銆婂┐骞煎効鍙戝睍璇勪环銆嬨�婂┐骞煎効琛屼负瑙傚療涓庢寚瀵笺�嬨�婂┐骞煎効甯歌鍙戝睍闂涓庣煫姝ｃ�嬨�婂┐骞煎効浜茶亴鏁欒偛銆嬨�婂鍓嶇壒娈婂効绔ヨ瀺鍚堟暀鑲层�嬨��
+ </p>
+ <p class="preface">
+ 锛�2锛夎涓氫笓瀹堕琛旓紝涓撲笟搴﹂珮銆傛暀鏉愮紪鍐欓槦浼嶅鍏冿紝鐞嗚鍜屽疄璺典笓瀹剁浉缁撳悎銆傛湰绯诲垪鏁欐潗鐨勭紪鍐欒�呮棦鏈夋潵鑷櫘閫氶珮鏍°�佽亴涓氶櫌鏍°�佺鐮旀満鏋勭殑鏁欏鐮旂┒浜哄憳锛屼篃鏈夋潵鑷尰鐤楁満鏋勩�佷繚鏁欐満鏋勫拰濠村辜鍎夸繚鑲插疄璺电殑鏁欑爺鍛橈紱缂栧啓宸ヤ綔鏃㈡湁鍗氬銆佹暀鎺堢瓑璧勬繁涓撳棰嗚锛屼篃鏈変腑闈掑勾鏂伴攼绉瀬鍙備笌銆傜紪鍐欓槦浼嶄笓涓氭按骞抽珮锛屽叿鏈変娇鍛芥劅銆佽矗浠绘劅鍜岃壇濂界殑甯堝痉锛屼繚璇佷簡鏁欐潗鐨勬斂娌绘柟鍚戙�佹潈濞佹�с�佺瀛︽�у拰鍓嶇灮鎬с��
+ </p>
+ <p class="preface">
+ 锛�3锛夌悊瀹炰竴浣擄紝鍙搷浣滄�х獊鍑恒�傛湰绯诲垪鏁欐潗涓衡�滃矖璇捐禌璇佲�濊瀺閫氭暀鏉愶紝鍐呭鏍规嵁鑱屼笟闄㈡牎瀛︾敓鐨勫涔犵壒鐐瑰拰鑱屼笟鍙戝睍闇�姹傜紪鍐欙紝鏃㈡湁鐞嗚鐨勬寚瀵硷紝鍙堟湁缁撳悎宀椾綅闇�姹傜殑瀹炶返妗堜緥锛涙棦浣撶幇鏈�鏂般�佹渶鍓嶆部瀛︾鍙戝睍锛屽張娣卞叆娴呭嚭銆佸彲璇绘�у己銆佹槗浜庣悊瑙ｃ��
+ </p>
+ <p class="preface">
+ 锛�4锛夎瀺濯掍綋鏁欐潗锛岀珛浣撳寲鍛堢幇銆傛湰绯诲垪鏁欐潗灏嗗浘鏂囧苟鑼傜殑绾稿獟涓庢暟瀛楀寲鐨勫井璇俱�佹渚嬭棰戙�佸湪绾夸範棰樼瓑鐩哥粨鍚堬紝鏍规嵁涓嶅悓鍐呭鐨勫叿浣撻渶姹傦紝绔嬩綋鍖栧憟鐜板悇闂ㄨ绋嬬殑瀛︿範瑕佺偣銆佺煡璇嗛毦鐐广�佹牳蹇冩妧鑳界瓑銆傝缃悇绫绘儏澧冧腑鐨勪簰鍔ㄥ疄鎿嶇幆鑺傦紝甯姪瀛︾敓褰㈡垚涓�у寲鐨勫涔犳柟妗堝拰鑷富瀛︿範涔犳儻锛屾敞閲嶈绋嬭瘎浠风殑杩囩▼鎬у拰褰㈡垚鎬с��
+ </p>
+ <p class="preface">
+ 鐩镐俊鏈郴鍒楁暀鏉愮殑鍑虹増锛屽皢鏈夊埄浜庝績杩涚浉鍏充笓涓氫汉鎵嶅煿鍏荤殑寮�灞曞拰璐ㄩ噺鐨勬彁鍗囷紝浠庤�屾湁鍔涙帹鍔ㄦ垜鍥藉┐骞煎効鐓ф姢浜嬩笟鍋ュ悍鍦般�侀珮璐ㄩ噺鍦般�佹寔缁湴鍙戝睍銆傚悓鏃讹紝涔熷笇鏈涢�氳繃鏈郴鍒楁暀鏉愮殑鎺ㄥ箍鍜屼娇鐢紝杩涗竴姝ュ惛绾充竴绾挎暀甯堛�佺鐮斾汉鍛樺強鍏朵粬浣跨敤鑰呯殑鏅烘収涓庣粡楠岋紝浣挎暀鏉愪笉鏂彂灞曞拰瀹屽杽锛屾寔缁负骞垮ぇ甯堢敓鎻愪緵楂樺搧璐ㄦ暀鏉愩��
+ </p>
+ <p class="right-info mt-20">鍙跺钩鏋�</p>
+ </div>
+ </div>
+
+ </div>
+ </div>
+
+ </div>
+</template>
+
+<script>
+export default {
+ name: "pageHeader",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ data() {
+ return {};
+ },
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/index.vue b/src/books/toddlerSportsSafetyProtection/view/components/index.vue
new file mode 100644
index 0000000..21129c1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/view/components/index.vue
@@ -0,0 +1,989 @@
+<template>
+ <div class="page-main" @scroll="throttledScrollHandler">
+ <div id="searchDomBox" style="display: none">
+ <div id="searchContent"></div>
+ </div>
+ <div
+ class="page-content"
+ :style="{
+ fontSize: fontSize + 'px',
+ transform: `scale(${pageZoom})`,
+ transformOrigin: 'center top',
+ }"
+ >
+ <pageHeader
+ v-if="showCatalogList.indexOf(1) > -1"
+ :showPageList="loadPageList"
+ ></pageHeader>
+ <!-- <chapterOne
+ v-if="showCatalogList.indexOf(2) > -1"
+ :showPageList="loadPageList"
+ ></chapterOne> -->
+ <!-- <chapterTwo
+ v-if="showCatalogList.indexOf(3) > -1"
+ :showPageList="loadPageList"
+ ></chapterTwo>
+ <chapterThree
+ v-if="showCatalogList.indexOf(4) > -1"
+ :showPageList="loadPageList"
+ ></chapterThree>
+ <chapterFour
+ v-if="showCatalogList.indexOf(5) > -1"
+ :showPageList="loadPageList"
+ ></chapterFour>
+ <chapterFive
+ v-if="showCatalogList.indexOf(6) > -1"
+ :showPageList="loadPageList"
+ ></chapterFive> -->
+ </div>
+ </div>
+</template>
+
+<script>
+import pageHeader from "./header.vue";
+// import chapterOne from "./chapter001.vue";
+// import chapterTwo from "./chapter002.vue";
+// import chapterThree from "./chapter003.vue";
+// import chapterFour from "./chapter004.vue";
+// import chapterFive from "./chapter005.vue";
+import NoteIcon from "@/assets/images/biji.png";
+import _ from "lodash";
+import Swiper from "swiper/bundle";
+import "swiper/swiper-bundle.css";
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
+export default {
+ name: "pageContent",
+ data() {
+ return {
+ catalogLength: 1, // 鎬荤珷鑺傛暟
+ showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+ loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+ throttleThreshold: 100, // 鑺傛祦闃堝��
+ previousScrollTop: 0,
+ throttledScrollHandler: null,
+ observer: null,
+ loadPageObserver: null,
+ loadPageList: [],
+ questionDataMap: {},
+ renderSignMap: {},
+ highlightData: null,
+ audioPath: "",
+ currentTime: null,
+ videoList: [],
+ };
+ },
+ computed: {
+ fontSize() {
+ this.transformDom(this.$store.state.qiankun.fontSize);
+ return this.$store.state.qiankun.fontSize
+ ? this.$store.state.qiankun.fontSize
+ : 16;
+ },
+ pageZoom() {
+ return this.$store.state.qiankun.scale
+ ? this.$store.state.qiankun.scale / 100
+ : 1;
+ },
+ },
+ watch: {
+ showCatalogList: {
+ handler(newVal, oldVal) {
+ if (
+ this.$store.state.qiankun &&
+ this.$store.state.qiankun.catalogChange
+ ) {
+ // 璋冪敤鐖跺眰鏂规硶
+ this.$store.state.qiankun.catalogChange({
+ showCatalogList: newVal,
+ });
+ }
+ // 鍚姩椤电爜瑙傚療
+ setTimeout(() => {
+ this.initObservation();
+ this.initThemeColor();
+ }, 500);
+ },
+ },
+ loadPageList: {
+ handler(newVal, oldVal) {
+ setTimeout(() => {
+ this.transformDom(this.$store.state.qiankun.fontSize);
+ this.initSwiper();
+ this.initViewer();
+ this.closeAudio();
+ this.closeVideo();
+ }, 200);
+ },
+ },
+ pageZoom: {
+ handler(newVal, oldVal) {
+ const scrollBox = (
+ this.container ? this.container : document
+ ).querySelector(".page-main");
+ scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
+ },
+ },
+ },
+ mounted() {
+ // 榛樿鍔犺浇绔犺妭
+ this.showCatalogList = [1];
+ // 婊氬姩鐩戝惉鑺傛祦
+ this.throttledScrollHandler = _.throttle(
+ this.scrollFun,
+ this.throttleThreshold,
+ { leading: true, trailing: false }
+ );
+ // 瀹氫箟瀛愬眰鏂规硶
+ if (this.setGlobalState) {
+ // 鎻愪緵椤甸潰璺宠浆鍔熻兘
+ this.setGlobalState({
+ gotoPage: (catalog, page) => {
+ this.gotoPage(catalog, page);
+ },
+ // 娓叉煋绗旇銆侀珮浜�佸垝绾�
+ renderSign: (type, data) => {
+ // 鍥犱负璋冩暣涓洪〉闈㈡噿鍔犺浇锛屾墍浠ユ覆鏌撴爣璁颁篃闇�瑕佹寜鐓ч〉闈㈣繘琛屽鐞嗭紝鍏堝偍瀛樻暟鎹紝椤甸潰鍔犺浇瀹屾垚鍐嶆覆鏌撳搴旂殑鏍囪锛�
+ this.handelSignData(type, data);
+ // this.renderSign(type, data);
+ },
+ // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+ delSign: (data) => {
+ this.delSign(data);
+ },
+ // 鍏ㄦ枃妫�绱�
+ searchBookByKeyword: (keyword) => {
+ return this.searchTextByPage(keyword);
+ },
+ // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+ jumpSearchItem: (data) => {
+ this.searchItemLocation(data);
+ },
+ });
+ }
+
+ // 鍒涘缓涓�涓柊鐨� Intersection Observer 瀹炰緥锛岀敤浜庤瀵熺洰鏍囧厓绱犲拰鎵ц鐩稿簲鐨勫洖璋冨嚱鏁般��
+ // new IntersectionObserver(callback, options)锛氫娇鐢ㄤ箣鍓嶅畾涔夌殑 callback 鍥炶皟鍑芥暟鍜� options 閰嶇疆閫夐」鏉ュ垵濮嬪寲 Intersection Observer 瀹炰緥銆�
+ this.observer = new IntersectionObserver(this.pageChangeCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ // 鍚姩椤电爜瑙傚療
+ setTimeout(() => {
+ this.initObservation();
+ this.initThemeColor();
+ }, 500);
+
+ // 娴嬭瘯椤甸潰璺宠浆
+ setTimeout(() => {
+ this.gotoPage(1, 1);
+ // setTimeout(() => {
+ // this.renderSign("Highlight", {
+ // id: "2ACA9359",
+ // txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
+ // page: "10",
+ // type: "Highlight",
+ // color: "#F5E12A"
+ // });
+ // setTimeout(() => {
+ // this.delSign({
+ // ids: ["2ACA9359"]
+ // });
+ // }, 2000);
+ }, 500);
+
+ // const pageDom = (this.container ? this.container : document)
+ // .querySelector("#app")
+ // .querySelectorAll(".page-box");
+ // 妫�绱�
+ // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+ // 妫�绱㈣烦杞�
+ // this.searchItemLocation({
+ // catalog: 2,
+ // page: 10,
+ // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+ // txtIndex: 57
+ // });
+ // }, 500);
+ },
+ methods: {
+ // setZoom1() {
+ // let scale = this.$store.state.qiankun.scale + 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // setZoom2() {
+ // let scale = this.$store.state.qiankun.scale - 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // 婊氬姩鐩戝惉
+ scrollFun(event) {
+ this.handleVideoPicture();
+ // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
+ if (event.target.scrollTop > this.previousScrollTop) {
+ this.getAduio();
+ // 鍚戜笅
+ const currentScrollTop =
+ event.target.scrollTop + event.target.offsetHeight;
+ if (
+ currentScrollTop >=
+ event.target.scrollHeight - this.loadThreshold
+ ) {
+ console.log(1);
+
+ // 鍒拌揪闃堝��
+ if (
+ this.showCatalogList[this.showCatalogList.length - 1] <
+ this.catalogLength
+ ) {
+ // 鍔犺浇涓嬩竴绔�
+ this.showCatalogList.push(
+ this.showCatalogList[this.showCatalogList.length - 1] + 1
+ );
+ if (this.showCatalogList.length > 3) {
+ // 瓒呰繃涓夌珷闅愯棌椤堕儴涓�绔�
+ this.showCatalogList.shift();
+ }
+ }
+ }
+ } else if (event.target.scrollTop < this.previousScrollTop) {
+ this.handleAudio();
+ // 鍚戜笂
+ const currentScrollTop = event.target.scrollTop;
+ if (currentScrollTop <= this.loadThreshold) {
+ // 鍒拌揪闃堝��
+ if (this.showCatalogList[0] > 0) {
+ // 鍔犺浇涓婁竴绔�
+ this.showCatalogList.unshift(this.showCatalogList[0] - 1);
+ if (this.showCatalogList.length > 3) {
+ // 瓒呰繃涓夌珷闅愯棌搴曢儴涓�绔�
+ this.showCatalogList.pop();
+ }
+ }
+ }
+ }
+ // showCatalogList 褰撳墠鏄剧ず鐨勪笁涓珷鑺傦紝watch鐩戝惉浼犻�掔粰涓诲簲鐢�
+ // 鏇存柊涓婁竴娆℃粴鍔ㄧ殑浣嶇疆
+ this.previousScrollTop = event.target.scrollTop;
+ },
+ // 绔犺妭銆侀〉闈㈣烦杞�
+ gotoPage(catalog, page) {
+ if (catalog >= 0 && catalog <= this.catalogLength) {
+ // 澶勭悊娓叉煋绔犺妭
+ if (catalog == 0) {
+ this.showCatalogList = [0, 1];
+ } else if (catalog == this.catalogLength) {
+ this.showCatalogList = [
+ this.catalogLength - 2,
+ this.catalogLength - 1,
+ this.catalogLength,
+ ];
+ } else {
+ this.showCatalogList = [catalog - 1, catalog, catalog + 1];
+ }
+ setTimeout(() => {
+ // 璺宠浆椤电爜
+ const pageDom = (
+ this.container ? this.container : document
+ ).querySelector(`[page="${page}"]`);
+ if (pageDom) {
+ pageDom.scrollIntoView();
+ } else {
+ console.log("椤电爜閿欒锛�");
+ }
+ }, 500);
+ } else {
+ console.log("绔犺妭閿欒锛�");
+ }
+ },
+
+ // 澶勭悊鏍囪鏁版嵁
+ handelSignData(type, data) {
+ if (this.loadPageList.indexOf(Number(data.page)) > -1) {
+ // 绔嬪嵆娓叉煋
+ this.renderSign(type, data);
+ }
+
+ // 鍌ㄥ瓨鏁版嵁
+ if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
+ if (!this.renderSignMap[type][data.page])
+ this.renderSignMap[type][data.page] = [];
+ this.renderSignMap[type][data.page].push(data);
+ },
+
+ // 娓叉煋鏍囪
+ renderSign(type, data) {
+ // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌�
+ if (this.$store.state.qiankun.disableSign) {
+ return false;
+ }
+ const existence = (
+ this.container ? this.container : document
+ ).querySelector(`[dataid="${data.id}"]`);
+ // 鍘婚噸
+ if (!existence) {
+ const pageDom = (
+ this.container ? this.container : document
+ ).querySelector(`[page="${data.page}"]`);
+ // 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
+ const treeWalker = document.createTreeWalker(
+ pageDom,
+ NodeFilter.SHOW_TEXT
+ );
+ const allTextNodes = [];
+ let currentNode = treeWalker.nextNode();
+ while (currentNode) {
+ allTextNodes.push(currentNode);
+ currentNode = treeWalker.nextNode();
+ }
+ for (let i = 0; i < allTextNodes.length; i++) {
+ const textDom = allTextNodes[i];
+ if (textDom.textContent.indexOf(data.txt) > -1) {
+ let reg = new RegExp(`${data.txt}`, "ig");
+ switch (type) {
+ case "Highlight":
+ // 楂樹寒
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+ );
+ break;
+ case "Dashing":
+ // 鍒掔嚎
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+ );
+ break;
+ case "Note":
+ // 绗旇
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
+ );
+ break;
+ }
+ }
+ }
+ }
+ },
+ // 鍒犻櫎鏍囪娓叉煋
+ delSign({ ids, type }) {
+ if (ids && ids.length) {
+ for (let i = 0; i < ids.length; i++) {
+ const id = ids[i];
+ const dom = (
+ this.container ? this.container : document
+ ).querySelector(`[dataid="${id}"]`);
+ dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+ dom.outerHTML,
+ dom.outerText
+ );
+ }
+ }
+ if (type) {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(`[datatype="${type}"]`);
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+ dom.outerHTML,
+ dom.outerText
+ );
+ }
+ }
+ },
+ initObservation() {
+ const sections = (
+ this.container ? this.container : document
+ ).querySelectorAll(".page-box");
+ sections.forEach((section) => {
+ if (this.config.activeBook && this.config.activeBook.tryPageCount) {
+ const page = section.getAttribute("page");
+ if (Number(page) > this.config.activeBook.tryPageCount) {
+ let chapterDom = this.getParentWithClass(section, "chapter");
+ const chapterNum = chapterDom.getAttribute("num");
+ this.catalogLength = Number(chapterNum) - 1;
+ section.remove();
+ return false;
+ }
+ }
+ // observer 瑙傚療姣忎釜鍏冪礌锛屼互渚垮湪瀹冧滑杩涘叆鎴栫寮�瑙嗙獥鏃惰Е鍙戝洖璋冨嚱鏁般��
+ const isObserver = section.getAttribute("observer");
+ const isLoadObserver = section.getAttribute("loadObserver");
+ if (!isObserver) {
+ this.observer.observe(section);
+ section.setAttribute("observer", "1");
+ }
+ if (!isLoadObserver) {
+ this.loadPageObserver.observe(section);
+ section.setAttribute("loadObserver", "1");
+ }
+ });
+ },
+ initThemeColor() {
+ // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐�
+ const colorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-color");
+ const backgroundColorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-back");
+ const borderColorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-border");
+ // 鑾峰彇閰嶇疆鐨勪富棰樿壊
+ const bookThemeColor =
+ this.config.activeBook && this.config.activeBook.bookThemeColor
+ ? this.config.activeBook.bookThemeColor
+ : null;
+ const chapterThemeColor =
+ this.config.activeBook && this.config.activeBook.chapterThemeColor
+ ? this.config.activeBook.chapterThemeColor
+ : null;
+ const pageThemeColor =
+ this.config.activeBook && this.config.activeBook.pageThemeColor
+ ? this.config.activeBook.pageThemeColor
+ : null;
+ colorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.color = themeColor;
+ }
+ });
+ backgroundColorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.backgroundColor = themeColor;
+ }
+ });
+ borderColorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.borderColor = themeColor;
+ }
+ });
+ },
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
+ },
+ pageChangeCallback(entries, observer) {
+ //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
+ entries.forEach((entry) => {
+ //entry.isIntersecting锛氭鏌ュ綋鍓嶇洰鏍囧厓绱犳槸鍚︿笌鏍瑰厓绱犵浉浜ゃ��
+ if (entry.isIntersecting) {
+ const target = entry.target;
+ //entry.target锛氳幏鍙栧綋鍓嶇洰鏍囧厓绱�
+ const page = target.getAttribute("page");
+ const catalogDom = this.tool.getParentNodeByClassName(
+ target,
+ "chapter"
+ );
+ const catalog = catalogDom.getAttribute("num");
+ let text = null;
+ if (target.querySelector("p")) {
+ text = target.querySelector("p").textContent.substring(0, 50);
+ }
+ // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
+ if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
+ this.$store.state.qiankun.pageChange({
+ page: page,
+ catalog: catalog,
+ text,
+ });
+ // const sections = Array.from(document.querySelectorAll(".section"));
+ //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
+ // let index = sections.findIndex((section) => section === target) + 1;
+ //index锛氭煡鎵惧綋鍓嶇洰鏍囧厓绱犲湪 sections 鏁扮粍涓殑绱㈠紩锛屽苟鍔� 1锛岀敤浜庣‘瀹氬綋鍓嶉〉鐮併��
+ }
+ });
+ },
+ loadPageCallback(entries, observer) {
+ entries.forEach(async (entry) => {
+ if (entry.isIntersecting) {
+ const target = entry.target;
+ const page = target.getAttribute("page");
+ if (this.loadPageList.indexOf(Number(page)) == -1) {
+ const catalogDom = this.tool.getParentNodeByClassName(
+ target,
+ "chapter"
+ );
+ // 娣诲姞椤电爜
+ this.loadPageList.push(Number(page));
+ const catalog = catalogDom.getAttribute("num");
+ // if (!this.questionDataMap[page]) {
+ // if (testData && testData[catalog]) {
+ // if (testData[catalog][page]) {
+ // if (Array.isArray(testData[catalog][page])) {
+ // this.questionDataMap[page] = await getQuestionList(
+ // page,
+ // testData[catalog][page],
+ // this.config.activeBook
+ // );
+ // } else {
+ // const obj = {};
+ // for (let key in testData[catalog][page]) {
+ // obj[key] = await getQuestionList(
+ // [],
+ // testData[catalog][page][key],
+ // this.config.activeBook
+ // );
+ // }
+ // this.questionDataMap[page] = obj;
+ // }
+ // console.log("棰樼洰", this.questionDataMap);
+ // }
+ // }
+ // }
+ // 娓叉煋杩欎竴椤电殑鏍囪
+ for (const key in this.renderSignMap) {
+ if (this.renderSignMap[key][page]) {
+ this.renderSignMap[key][page].forEach((item) => {
+ this.renderSign(key, item);
+ });
+ }
+ }
+ // 澶勭悊楂樹寒
+ if (this.highlightData) {
+ // 楂樹寒琛�
+ setTimeout(() => {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(
+ target,
+ NodeFilter.SHOW_TEXT
+ );
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(
+ this.highlightData.txt
+ );
+ if (txtIndex > -1) {
+ textDom.parentNode.style.transition =
+ "background-color 0.8s";
+ textDom.parentNode.scrollIntoView();
+ textDom.parentNode.style.backgroundColor = "#79bbf0";
+ setTimeout(() => {
+ textDom.parentNode.style.backgroundColor = "";
+ }, 1000);
+ }
+ }
+ }, 100);
+ }
+ if (this.loadPageList.length > 5) {
+ // 瓒呰繃5椤�
+ this.loadPageList.shift();
+ }
+ }
+ }
+ });
+ },
+ initSwiper() {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper-img");
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ new Swiper(dom, {
+ loop: false, // 鏃犵紳
+ autoplay: {
+ //鑷姩寮�濮�
+ delay: 3000, //鏃堕棿闂撮殧
+ disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+ },
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
+ },
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ // observer: true,
+ // observeParents: true
+ // // 濡傛灉闇�瑕佸垎椤靛櫒
+ // pagination: {
+ // el: (this.container ? this.container : document).querySelector(
+ // ".swiper-pagination"
+ // ),
+ // clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑�
+ // }
+ });
+ }
+ const pptDoms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper_ppt");
+ for (let i = 0; i < pptDoms.length; i++) {
+ const dom = pptDoms[i];
+ new Swiper(dom, {
+ loop: false, // 鏃犵紳
+ autoplay: false,
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
+ },
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ observer: true,
+ observeParents: true,
+ on: {
+ init: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ slideChange: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ },
+ });
+ }
+ },
+ initViewer() {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".openImgBox");
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ new Viewer(dom, {
+ container: this.container
+ ? this.container.querySelector("#app")
+ : "body",
+ navbar: true, // 鏄剧ず瀵艰埅鏍�
+ toolbar: true, // 鏄剧ず宸ュ叿鏍�
+ title: true, // 鏄剧ず鏍囬
+ });
+ }
+ },
+ // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+ searchTextByPage(keyword) {
+ const searchResult = [];
+ let catalogIndex = 0;
+ // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+ const pageData = {
+ pageHeader,
+ // chapterOne,
+ // chapterTwo,
+ // chapterThree,
+ // chapterFour,
+ // chapterFive,
+ };
+ // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+ for (const key in pageData) {
+ catalogIndex++;
+ let pageComponent, pageExample;
+ // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [],
+ questionData: {},
+ isSearch: true,
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇椤电爜
+ const pageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelectorAll(".page-box");
+ const pages = [];
+ for (let i = 0; i < pageDom.length; i++) {
+ const pageDomItem = pageDom[i];
+ pages.push(Number(pageDomItem.getAttribute("page")));
+ }
+ // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ // 閬嶅巻椤电爜
+ if (pages.length) {
+ for (let i = 0; i < pages.length; i++) {
+ const pageNum = pages[i];
+ // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [pageNum],
+ questionData: {},
+ isSearch: true,
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇瀵瑰簲椤甸潰dom
+ const thisPageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelector(`[page="${pageNum}"]`);
+ if (thisPageDom) {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(
+ thisPageDom,
+ NodeFilter.SHOW_TEXT
+ );
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(keyword);
+ if (txtIndex > -1) {
+ // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+ searchResult.push({
+ page: pageNum,
+ catalog: catalogIndex,
+ txt: textDom.textContent,
+ txtIndex: txtIndex,
+ });
+ }
+ }
+ // 缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ }
+ }
+ }
+ }
+ // 杈撳嚭鎼滅储缁撴灉
+ console.log(searchResult);
+ return searchResult;
+ },
+ // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒
+ searchItemLocation(data) {
+ // 璁板綍楂樹寒淇℃伅
+ this.highlightData = data;
+ // 璺宠浆
+ this.gotoPage(data.catalog, data.page, () => {});
+ },
+ // 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳�
+ getAduio() {
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ allVideo = Array.from(allVideo);
+ this.videoList = allVideo;
+ if (allVideo.length) {
+ // 鏌ユ壘鎾斁鐘舵�佺殑鏈�鍚庝竴鏉￠煶棰�
+ const playAudio = allVideo
+ .reverse()
+ .find((item) => item.paused == false);
+ if (playAudio) {
+ const bottomGap = playAudio.getBoundingClientRect().bottom;
+ if (bottomGap < 0) {
+ playAudio.pause();
+ this.audioPath = playAudio.src;
+ this.currentTime = playAudio.currentTime;
+ }
+ }
+ }
+ },
+ // 椤甸潰鍚戜笂婊氬姩锛岄煶棰戝皬绐楀洖鏀�
+ handleAudio() {
+ if (!this.audioPath) return false;
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ allVideo = Array.from(allVideo);
+ if (allVideo.length) {
+ //鏌ユ壘涓庡皬绐楁挱鏀鹃煶棰戝悓婧愮殑椤甸潰audio DOM
+ const playAudio = allVideo.find((item) => item.src == this.audioPath);
+ if (playAudio) {
+ const bottomGap = playAudio.getBoundingClientRect().bottom;
+ if (bottomGap >= 0) {
+ if (this.$refs.audioPlayer) {
+ const playerState = this.$refs.audioPlayer.getVideoPlayer();
+ this.audioPath = "";
+ playAudio.currentTime = playerState.currentTime;
+ if (!playerState.paused) playAudio.play();
+ }
+ }
+ }
+ }
+ },
+ // 鍏抽棴mini video
+ closeMiniAudio() {
+ this.audioPath = "";
+ },
+ // 鐐瑰嚮闊抽鎾斁锛屽叧闂叾浠栭煶棰�
+ closeAudio() {
+ let allAudio = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ for (let index = 0; index < allAudio.length; index++) {
+ const item = allAudio[index];
+ item.addEventListener("play", () => {
+ const audioList = Array.from(allAudio);
+ for (let cindex = 0; cindex < audioList.length; cindex++) {
+ const citem = audioList[cindex];
+ if (citem.currentSrc != item.src) {
+ citem.pause();
+ }
+ }
+ this.closeMiniAudio();
+ });
+ }
+ },
+ // 鐐瑰嚮瑙嗛鍏抽棴鍏朵粬
+ closeVideo() {
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".video");
+ for (let index = 0; index < allVideo.length; index++) {
+ const item = allVideo[index];
+ item.addEventListener("playing", (item) => {
+ const path = item.srcElement.src;
+ const videoList = Array.from(allVideo);
+ for (let cindex = 0; cindex < videoList.length; cindex++) {
+ const citem = videoList[cindex];
+ if (citem.currentSrc != path && path) {
+ citem.pause();
+ }
+ }
+ });
+ }
+ },
+ // 瑙嗛灏忕獥
+ handleVideoPicture() {
+ let doms = (this.container ? this.container : document).querySelectorAll(
+ ".video"
+ );
+ doms = Array.from(doms);
+ if (!doms.length) return false;
+ const playVudio = doms.reverse().find((item) => item.paused == false);
+ if (playVudio) {
+ const bottomGap = playVudio.getBoundingClientRect().bottom;
+ const topGap = playVudio.getBoundingClientRect().top;
+ if (bottomGap < 0 || topGap > window.innerHeight) {
+ try {
+ if (playVudio.readyState) playVudio.requestPictureInPicture();
+ } catch (error) {
+ console.log(error, "灏忕獥閿欒error");
+ }
+ }
+ }
+ },
+ //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
+ transformDom(fs) {
+ if (!fs) return;
+ let doms = (this.container ? this.container : document).querySelectorAll(
+ ".block"
+ );
+ if (!doms.length) return;
+ for (let index = 0; index < doms.length; index++) {
+ const dom = doms[index];
+ dom.style.fontSize = fs + "px";
+ }
+ },
+ },
+ components: {
+ pageHeader,
+ // chapterOne,
+ // chapterTwo,
+ // chapterThree,
+ // chapterFour,
+ // chapterFive,
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.page-main {
+ width: 100% !important;
+ height: 100% !important;
+ overflow: auto;
+
+ .page-content {
+ max-width: 816px;
+ min-width: 375px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+ }
+}
+</style>
diff --git a/src/books/toddlerSportsSafetyProtection/view/index.vue b/src/books/toddlerSportsSafetyProtection/view/index.vue
new file mode 100644
index 0000000..555b9c4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/view/index.vue
@@ -0,0 +1,80 @@
+<template>
+ <div class="toddlerSportsSafetyProtection" @mouseup="handleMouseUp">
+ <pageContent></pageContent>
+ </div>
+ </template>
+
+ <script>
+ import pageContent from "./components/index.vue";
+ export default {
+ name: "toddlerSportsSafetyProtection",
+ components: {
+ pageContent,
+ },
+ computed: {
+ fontSize() {
+ return this.$store.state.qiankun.fontSize;
+ },
+ pageZoom() {
+ return this.$store.state.qiankun.scale / 100;
+ },
+ },
+
+ methods: {
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
+ },
+ handleMouseUp(e) {
+ const selection = (
+ this.container ? this.container : window
+ ).getSelection();
+ const txt = selection.toString();
+ if (selection.type != "none" && txt) {
+ let node = selection.anchorNode.parentNode;
+ let pageHtml = this.getParentWithClass(
+ selection.anchorNode,
+ "page-box"
+ );
+ let chapterDom = this.getParentWithClass(
+ selection.anchorNode,
+ "chapter"
+ );
+ let chapterNum;
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ if (pageHtml) {
+ const page = pageHtml.getAttribute("page");
+ // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum,
+ txt,
+ page,
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ } else {
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum: "",
+ txt: "",
+ page: "",
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ },
+ },
+ };
+ </script>
+
+ <style lang="less">
+ @import "../assets/main.less";
+ </style>
\ No newline at end of file
--
Gitblit v1.9.1