From 263992109e5b4d76e545fc2bc4e2e1753af22567 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期三, 07 五月 2025 17:05:43 +0800
Subject: [PATCH] 0~3 岁婴幼儿认知与语言发展及教育样章完成
---
src/books/cognitiveLanDevEduAges0to3/assets/images/icon/heart-check.png | 0
src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZLTXIHK.TTF | 0
src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZZHJW.TTF | 0
src/books/toddlerSportsSafetyProtection/assets/Fonts/FZNBSK.TTF | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/Cover.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0160-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0161-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/main.less | 1784 ++++++++++++++++++
src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue | 937 +++++++--
src/books/cognitiveLanDevEduAges0to3/assets/images/0089-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0179-03.jpg | 0
src/books/meetingPlanners/view/components/index.vue | 3
src/assets/images/audioLogo.svg | 1
src/books/cognitiveLanDevEduAges0to3/assets/images/0029-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0183-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0027-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0056-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0169-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0050-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0016-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0050-01.jpg | 0
src/components/checkVideo/index.vue | 1
src/books/cognitiveLanDevEduAges0to3/assets/images/0172-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0028-02.png | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0158-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0181-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZSHJW.TTF | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0005-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0069-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0156-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0118-04.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0172-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0174-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/view/index.vue | 80
src/books/cognitiveLanDevEduAges0to3/assets/images/0163-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0167-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/view/components/header.vue | 267 ++
src/books/cognitiveLanDevEduAges0to3/assets/images/0185-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0028-01.png | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0176-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0170-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/components/checkVideo/index.vue | 244 ++
src/books/cognitiveLanDevEduAges0to3/assets/images/0156-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0178-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/feiYe.jpg | 0
.env.product | 2
src/books/cognitiveLanDevEduAges0to3/assets/images/0008-0101.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0095-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/examinationList.js | 11
src/books/cognitiveLanDevEduAges0to3/assets/images/0014-0101.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0072-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0117-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0118-02.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0050-03.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0052-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZFSK.TTF | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0093-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0183-03.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0094-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/main.less | 88
src/books/toddlerSportsSafetyProtection/view/components/chapter001.vue | 2
src/books/cognitiveLanDevEduAges0to3/view/components/chapter002.vue | 1143 ++++++++++++
src/books/cognitiveLanDevEduAges0to3/assets/images/0028-01.jpg | 0
src/books/toddlerSportsSafetyProtection/assets/examinationList.js | 11
src/books/cognitiveLanDevEduAges0to3/assets/images/0040-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0188-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0119-02.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0015-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0006-01.jpg | 0
src/books/toddlerSportsSafetyProtection/view/components/index.vue | 57
src/books/toddlerSportsSafetyProtection/assets/images/feiYe.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0068-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZXSSJW.TTF | 0
src/books/cognitiveLanDevEduAges0to3/view/components/index.vue | 992 ++++++++++
src/books/toddlerSportsSafetyProtection/view/components/header.vue | 2
src/books/cognitiveLanDevEduAges0to3/assets/images/0164-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0166-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0024-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0094-03.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0048-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0040-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/0175-01.jpg | 0
src/books/cognitiveLanDevEduAges0to3/assets/images/icon/heart.png | 0
src/App.vue | 15
src/books/practicalCareChildrenManual/view/components/chapter001.vue | 11
86 files changed, 5,338 insertions(+), 313 deletions(-)
diff --git a/.env.product b/.env.product
index 738584b..61d2139 100644
--- a/.env.product
+++ b/.env.product
@@ -4,5 +4,5 @@
VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/meetingPlanners'
# VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
# VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/artInitiationForAges0to3'
-VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge/practicalCareChildrenManual/OralAndBroadcasting/aurturingAndEducationAged0to3/policiesAndRegulations/kindergartenActivitiesDesignGuidance/toddlerSportsSafetyProtection/artInitiationForAges0to3/childIllnessPreventionCare/VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge/practicalCareChildrenManual/OralAndBroadcasting/aurturingAndEducationAged0to3/policiesAndRegulations/kindergartenActivitiesDesignGuidance/toddlerSportsSafetyProtection/artInitiationForAges0to3/childIllnessPreventionCare"
+VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge/practicalCareChildrenManual/OralAndBroadcasting/aurturingAndEducationAged0to3/policiesAndRegulations/kindergartenActivitiesDesignGuidance/toddlerSportsSafetyProtection/artInitiationForAges0to3/childIllnessPreventionCare/VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge/practicalCareChildrenManual/OralAndBroadcasting/aurturingAndEducationAged0to3/policiesAndRegulations/kindergartenActivitiesDesignGuidance/toddlerSportsSafetyProtection/artInitiationForAges0to3/childIllnessPreventionCare/cognitiveLanDevEduAges0to3"
VUE_APP_BOOK_ID = 'artInitiationForAges0to3'
diff --git a/src/App.vue b/src/App.vue
index 0da4ec0..3a5c19d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -72,6 +72,9 @@
<toddlerSportsSafetyProtection
v-if="activeBook.name == 'toddlerSportsSafetyProtection'"
></toddlerSportsSafetyProtection>
+ <cognitiveLanDevEduAges0to3
+ v-if="activeBook.name == 'cognitiveLanDevEduAges0to3'"
+ ></cognitiveLanDevEduAges0to3>
</div>
</template>
<script>
@@ -144,6 +147,8 @@
import("./books/toddlerSportsSafetyProtection/view/index.vue"),
behaviorObserveAndGuid: () =>
import("./books/behaviorObserveAndGuid/view/index.vue"),
+ cognitiveLanDevEduAges0to3: () =>
+ import("./books/cognitiveLanDevEduAges0to3/view/index.vue"),
},
data() {
return {
@@ -200,13 +205,13 @@
// childIllnessPreventionCare // 0~3宀佸┐骞煎効鐤剧梾棰勯槻
// artInitiationForAges0to3 // 0~3宀佸┐骞煎効鑹烘湳鍚挋
// toddlerSportsSafetyProtection // 0~3宀佸┐骞煎効杩愬姩瀹夊叏涓庝繚鎶�
- // behaviorObserveAndGuid 濠村辜鍎胯涓鸿瀵熶笌鎸囧
- console.log("debugger", process.env);
+ // behaviorObserveAndGuid // 濠村辜鍎胯涓鸿瀵熶笌鎸囧
+ // cognitiveLanDevEduAges0to3 // 0锝�3宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�
this.activeBook = await this.config.getBookConfig(
process.env.VUE_APP_RESOURCE_CTX +
- (process.env.VUE_APP_ENV == "product"
- ? process.env.VUE_APP_BOOK_ID
- : "toddlerSportsSafetyProtection")
+ (process.env.VUE_APP_ENV == "product"
+ ? process.env.VUE_APP_BOOK_ID
+ : "cognitiveLanDevEduAges0to3")
);
// this.activeBook = await this.config.getBookConfig(
// 'http://182.92.203.7:3007/books/resource/'+
diff --git a/src/assets/images/audioLogo.svg b/src/assets/images/audioLogo.svg
new file mode 100644
index 0000000..6edc3b8
--- /dev/null
+++ b/src/assets/images/audioLogo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987" viewBox="0 0 14.24 19.987"><defs><style>.a{fill:#0093ff;}</style></defs><g transform="translate(-227.018 -96)"><path class="a" d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z" transform="translate(-121.859)"/><path class="a" d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z" transform="translate(0 -350.438)"/></g></svg>
\ No newline at end of file
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZFSK.TTF b/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZFSK.TTF
new file mode 100644
index 0000000..acc5291
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZFSK.TTF
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZLTXIHK.TTF b/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZLTXIHK.TTF
new file mode 100644
index 0000000..9af551e
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZLTXIHK.TTF
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZSHJW.TTF b/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZSHJW.TTF
new file mode 100644
index 0000000..b970db7
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZSHJW.TTF
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZXSSJW.TTF b/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZXSSJW.TTF
new file mode 100644
index 0000000..a8a0ed4
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZXSSJW.TTF
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZZHJW.TTF b/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZZHJW.TTF
new file mode 100644
index 0000000..a68081e
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/Fonts/FZZHJW.TTF
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/examinationList.js b/src/books/cognitiveLanDevEduAges0to3/assets/examinationList.js
new file mode 100644
index 0000000..d2204d7
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/examinationList.js
@@ -0,0 +1,11 @@
+const testData = {
+ 2: {
+ 185: [
+ 95057, 96460, 96675, 96866, 97048, 97222, 97351, 97469, 97581, 97684,
+ 101474, 101475, 101476, 102404, 102437, 102458, 102483, 103818, 104121,
+ 104132, 104142, 104150, 104158, 104165, 104171,
+ ],
+ },
+};
+
+export default testData;
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0005-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0005-01.jpg
new file mode 100644
index 0000000..16a4285
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0005-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0006-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0006-01.jpg
new file mode 100644
index 0000000..e2a4faf
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0006-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0008-0101.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0008-0101.jpg
new file mode 100644
index 0000000..2129205
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0008-0101.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0014-0101.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0014-0101.jpg
new file mode 100644
index 0000000..957497a
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0014-0101.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0015-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0015-01.jpg
new file mode 100644
index 0000000..612b9e7
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0015-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0016-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0016-01.jpg
new file mode 100644
index 0000000..8c334e0
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0016-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0024-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0024-01.jpg
new file mode 100644
index 0000000..1517ea4
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0024-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0027-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0027-01.jpg
new file mode 100644
index 0000000..7fd35be
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0027-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0028-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0028-01.jpg
new file mode 100644
index 0000000..35705f7
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0028-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0028-01.png b/src/books/cognitiveLanDevEduAges0to3/assets/images/0028-01.png
new file mode 100644
index 0000000..6ac6ef6
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0028-01.png
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0028-02.png b/src/books/cognitiveLanDevEduAges0to3/assets/images/0028-02.png
new file mode 100644
index 0000000..673dad4
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0028-02.png
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0029-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0029-01.jpg
new file mode 100644
index 0000000..e24064b
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0029-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0040-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0040-01.jpg
new file mode 100644
index 0000000..ca13c5c
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0040-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0040-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0040-02.jpg
new file mode 100644
index 0000000..2b5348f
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0040-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0048-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0048-01.jpg
new file mode 100644
index 0000000..e15328c
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0048-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0050-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0050-01.jpg
new file mode 100644
index 0000000..b877e47
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0050-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0050-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0050-02.jpg
new file mode 100644
index 0000000..7788555
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0050-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0050-03.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0050-03.jpg
new file mode 100644
index 0000000..45f0df9
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0050-03.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0052-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0052-02.jpg
new file mode 100644
index 0000000..416883f
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0052-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0056-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0056-01.jpg
new file mode 100644
index 0000000..a6d2166
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0056-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0068-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0068-01.jpg
new file mode 100644
index 0000000..b2f92f2
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0068-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0069-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0069-01.jpg
new file mode 100644
index 0000000..cc2b9f7
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0069-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0072-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0072-02.jpg
new file mode 100644
index 0000000..51a289f
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0072-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0089-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0089-01.jpg
new file mode 100644
index 0000000..65f1402
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0089-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0093-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0093-01.jpg
new file mode 100644
index 0000000..25570c6
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0093-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0094-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0094-01.jpg
new file mode 100644
index 0000000..e024cbc
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0094-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0094-03.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0094-03.jpg
new file mode 100644
index 0000000..6c1a2f6
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0094-03.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0095-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0095-02.jpg
new file mode 100644
index 0000000..41c83ef
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0095-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0117-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0117-02.jpg
new file mode 100644
index 0000000..c3fbf8b
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0117-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0118-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0118-02.jpg
new file mode 100644
index 0000000..fdc6638
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0118-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0118-04.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0118-04.jpg
new file mode 100644
index 0000000..d311aa0
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0118-04.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0119-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0119-02.jpg
new file mode 100644
index 0000000..57d84a7
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0119-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0156-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0156-01.jpg
new file mode 100644
index 0000000..5ce65ed
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0156-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0156-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0156-02.jpg
new file mode 100644
index 0000000..797f5f3
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0156-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0158-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0158-01.jpg
new file mode 100644
index 0000000..e66b8c6
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0158-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0160-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0160-01.jpg
new file mode 100644
index 0000000..7b80a39
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0160-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0161-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0161-01.jpg
new file mode 100644
index 0000000..95ce8a5
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0161-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0163-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0163-01.jpg
new file mode 100644
index 0000000..0b46c3c
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0163-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0164-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0164-01.jpg
new file mode 100644
index 0000000..a843ff6
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0164-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0166-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0166-01.jpg
new file mode 100644
index 0000000..e557b58
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0166-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0167-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0167-01.jpg
new file mode 100644
index 0000000..f0ee887
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0167-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0169-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0169-01.jpg
new file mode 100644
index 0000000..3de367d
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0169-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0170-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0170-01.jpg
new file mode 100644
index 0000000..1bb465c
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0170-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0172-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0172-01.jpg
new file mode 100644
index 0000000..edad975
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0172-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0172-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0172-02.jpg
new file mode 100644
index 0000000..3975d7a
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0172-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0174-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0174-01.jpg
new file mode 100644
index 0000000..349c45d
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0174-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0175-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0175-01.jpg
new file mode 100644
index 0000000..6b1087c
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0175-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0176-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0176-01.jpg
new file mode 100644
index 0000000..1053e5d
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0176-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0178-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0178-01.jpg
new file mode 100644
index 0000000..1c947c0
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0178-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0179-03.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0179-03.jpg
new file mode 100644
index 0000000..83a82f4
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0179-03.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0181-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0181-02.jpg
new file mode 100644
index 0000000..320ab2b
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0181-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0183-02.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0183-02.jpg
new file mode 100644
index 0000000..81089eb
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0183-02.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0183-03.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0183-03.jpg
new file mode 100644
index 0000000..6e1a202
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0183-03.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0185-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0185-01.jpg
new file mode 100644
index 0000000..a7f74e9
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0185-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/0188-01.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/0188-01.jpg
new file mode 100644
index 0000000..1d0b8c0
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/0188-01.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/Cover.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/Cover.jpg
new file mode 100644
index 0000000..50147b2
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/feiYe.jpg b/src/books/cognitiveLanDevEduAges0to3/assets/images/feiYe.jpg
new file mode 100644
index 0000000..a9ce1b4
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/feiYe.jpg
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/icon/heart-check.png b/src/books/cognitiveLanDevEduAges0to3/assets/images/icon/heart-check.png
new file mode 100644
index 0000000..74d469c
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/icon/heart-check.png
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/images/icon/heart.png b/src/books/cognitiveLanDevEduAges0to3/assets/images/icon/heart.png
new file mode 100644
index 0000000..7817ec4
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/images/icon/heart.png
Binary files differ
diff --git a/src/books/cognitiveLanDevEduAges0to3/assets/main.less b/src/books/cognitiveLanDevEduAges0to3/assets/main.less
new file mode 100644
index 0000000..11e2fc8
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/assets/main.less
@@ -0,0 +1,1784 @@
+.cognitiveLanDevEduAges0to3 {
+ 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 !important;
+ }
+
+ .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
+ }
+
+ .ml-40 {
+ margin-left: 40px;
+ }
+
+ .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 {
+ padding: 0 !important;
+ display: flex;
+ position: relative;
+
+ img {
+ width: 15%;
+ height: auto;
+ position: absolute;
+ top: 10px;
+ left: 0%;
+ }
+ }
+
+ .headerNumber {
+ font-size: 14px;
+ position: absolute;
+ top: 62%;
+ left: 9%;
+ }
+
+
+ .headerText {
+ font-size: 14px;
+ margin-left: 16%;
+ padding: 70px 0 30px 0;
+
+ }
+
+
+
+ .header-right {
+ display: flex;
+ justify-content: flex-end;
+ align-items: flex-end;
+ padding: 25px 5% 0 0;
+ margin-bottom: 30px;
+
+ div {
+ width: 9%;
+ text-align: center;
+
+ img {
+ width: 100%;
+ height: auto;
+ }
+ }
+ }
+
+ .headerRight-Number {
+ font-size: 14px;
+ }
+
+ .headerRight-Text {
+ font-size: 14px;
+ padding-bottom: 2px;
+ }
+
+
+ /*浜岀骇鏍囬绔犳爣*/
+ .secondsubHead-1 {
+ text-align: left;
+ line-height: 1.1em;
+ font-size: 1em;
+ text-indent: 0em;
+ margin: 20% auto 0.3em auto;
+ color: #888888;
+ }
+
+ .secondsubHead-2 {
+ font-family: "鏂规鏂版姤瀹�";
+ background-color: #7acab4;
+ display: inline-block;
+ align-items: center;
+ text-align: left;
+ color: #fff;
+ border-radius: 10px;
+ padding: 0px 10px;
+ text-indent: 0em;
+ font-size: 22px;
+ line-height: 28px;
+ }
+
+ .tipes {
+ background-color: #e2f2ed;
+ border: 2px solid #96d3c1;
+ padding: 10px;
+ }
+
+
+
+ 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;
+ }
+
+ .w210 {
+ width: 210px;
+ }
+
+ .w200 {
+ width: 200px;
+ }
+
+ .w180 {
+ width: 180px;
+ }
+
+ .w150 {
+ width: 150px;
+ }
+
+ .w115 {
+ width: 115px;
+ }
+
+ .pdf .fm-zh {
+ font-family: "鏂规姝ｉ粦" !important;
+ }
+
+ .fm-kt {
+ font-family: "kaiti" !important;
+ 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;
+ }
+
+
+ .imgBox {
+ display: flex !important;
+ flex-direction: column-reverse !important;
+ position: relative !important;
+
+ .img {
+ color: #7acab4;
+ margin: 0 !important;
+ font-size: 14px !important;
+ position: absolute !important;
+ left: 50% !important;
+ transform: translateX(-50%);
+ bottom: -2% !important;
+ }
+
+ img {
+ height: 80%;
+ }
+ }
+
+ // 棰樼洰
+
+ .textarea-question {
+ border-color: #00aeef !important;
+ }
+
+ .textarea-question:focus {
+ outline: none;
+ /* 绉婚櫎榛樿鐨勭劍鐐硅疆寤� */
+ }
+
+ .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-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;
+ }
+
+ .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;
+ }
+
+ // pdf 鏌ョ湅鍣�
+ .pdf-box {
+ margin: 35px 0 20px 0;
+ border: 1px solid #078fb9;
+ }
+
+ .pdf-title {
+ display: flex;
+ background-color: #e1f4fc;
+ min-height: 25px;
+ position: relative;
+
+ .bg-img {
+ width: 12%;
+ position: absolute;
+ top: -29.5px;
+ }
+ }
+
+ .pdf-title-name {
+ padding: 0 2%;
+ display: flex;
+ align-items: center;
+ text-indent: 0em;
+ margin: 0 !important;
+ border-right: 1px solid #078fb9;
+
+ img {
+ cursor: pointer;
+ margin-right: 10px;
+ }
+
+ .icon {
+ fill: #078fb9;
+ }
+ }
+
+ .pdf-title-img {
+ text-indent: 1em;
+ padding-right: 2%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin: 0;
+
+ span {
+ cursor: pointer;
+ overflow: hidden;
+ }
+
+ img {
+ cursor: pointer;
+ }
+
+ &:hover {
+ text-decoration: underline;
+ color: #219bc0;
+ }
+ }
+
+ .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% 12% 0% 10%;
+ padding-bottom: 10%;
+ line-height: 30px;
+ }
+
+ // div.bodystyle-left {
+ // text-align: justify;
+ // margin: 13% 3% 10% 13%;
+ // line-height: 30px;
+ // }
+
+ .UnitCover {
+ margin: 0 12% 0 10%;
+ padding-top: 13%;
+ 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;
+ }
+
+ .bodyPic {
+ position: relative;
+ }
+
+ .bodyPic-text {
+ position: absolute;
+ top: 15%;
+ left: 8%;
+
+ p {
+ font-family: kaiti;
+ font-size: 16px;
+ line-height: 25px;
+ }
+
+ span {
+ color: #006e92;
+ }
+ }
+
+ 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;
+ }
+
+ .tl-c {
+ 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-h {
+ width: 20%;
+ }
+
+ .img-15 {
+ width: 15%;
+ }
+
+
+ .img-i {
+ width: 10%;
+ }
+
+ .img-j {
+ width: 5%;
+ }
+
+
+ .foreword-img-box {
+ text-align: end;
+ padding: 12% 0 10% 0;
+
+ img {
+ width: 30%;
+ }
+ }
+
+ // epub涓嚜甯︾殑鏍峰紡
+ .editorialBoard {
+ background-color: #fff;
+ border-radius: 50%;
+ /* 椤堕儴鍜屽簳閮ㄤ负0锛屽乏鍙充袱渚т负50% */
+ padding: 5% 10% 20% 10%;
+ }
+
+ .series {
+ padding: 12% 11%;
+ background-color: #e1f1fa;
+ }
+
+ .openingScene {
+ background-image: url("./images/0015-01.jpg");
+ background-size: cover;
+ background-repeat: no-repeat;
+
+ min-height: 100%;
+ }
+
+ .quotation-box {
+ padding: 15% 10% 30% 32%;
+ }
+
+ .firstTitle-l {
+ font-family: "鏂规姝ｉ粦";
+ padding: 5% 13%;
+ text-align: center;
+ font-weight: 400;
+ }
+
+
+ .seriesTitle {
+ font-size: 2em;
+ color: #000;
+ font-weight: 400;
+ text-align: center;
+ padding: 15% 0 10% 0;
+ }
+
+ .g-pic {
+ height: 2.5em;
+ vertical-align: middle;
+ }
+
+ .content {}
+
+ .titleQuot-c {
+ font-family: "鏂规鍏颁涵缁嗛粦";
+ color: #00aeef;
+ text-indent: 0em;
+ font-size: 1.7em;
+ line-height: 1.3em;
+ text-align: center;
+ font-weight: 400;
+ padding: 0 5%;
+ }
+
+
+ div.bk3 {
+ background-color: #d6ece5;
+ border: 1px solid #7acab4;
+ padding: 25px 19px 20px 19px;
+ margin-top: 2em;
+ margin-bottom: 1em;
+ position: relative;
+ }
+
+ .bk3-titOne {
+ position: absolute;
+ top: -18px;
+ left: 20%;
+ }
+
+ .bk3-titTwo {
+ position: absolute;
+ top: -18px;
+ left: 38%;
+ }
+
+ .bk3-titThree {
+ position: absolute;
+ top: -18px;
+ right: 38%;
+ }
+
+ .bk3-titFour {
+ position: absolute;
+ top: -18px;
+ right: 20%;
+ }
+
+ .bk3-top {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(90deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ top: -2px;
+ left: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
+ .bk3-top-right {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(180deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ top: -2px;
+ right: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
+
+ .bk3-bottom {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(360deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ bottom: -5.5px;
+ left: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
+ .bk3-bottom-right {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(270deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ bottom: -5.5px;
+ right: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
+
+ 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: "鏂规姝ｉ粦";
+ }
+
+ h2 {
+ font-family: '鏂规瀹嬮粦';
+ font-weight: 400;
+ margin: 30px 0;
+ }
+
+ .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%;
+ }
+
+
+ .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;
+ font-weight: bold;
+ }
+
+ .quotation {
+ font-family: "鏂规浠垮畫";
+ text-align: left;
+ text-indent: 2em;
+ margin: 0.1em auto;
+ line-height: 35px;
+ }
+
+ .titleQuot-1 {
+ margin-bottom: 15px;
+ font-family: "鏂规姝ｉ粦";
+ font-size: 1.1em;
+ margin: 20px 0;
+ }
+
+ /*搴曡壊*/
+ .bgColor {
+ padding: 2px 5px;
+ color: #000;
+ background: #aae0f9;
+ }
+
+ // 鎷撳睍瀛︿範
+ .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;
+ }
+
+ .imgdescript-title {
+ color: #7acab4;
+ font-size: 15px;
+ 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: 400;
+ font-family: "鏂规涔﹀畫";
+ margin: 10px 0;
+ }
+
+ .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;
+ }
+}
+
+.dialogQuestion {
+ background-color: #7ed0aa;
+ height: 80px;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ cursor: pointer;
+
+ span {
+ color: #fff;
+ font-size: 16px;
+ padding: 0 40px 0 20px;
+
+ }
+}
+
+.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';
+ }
+ }
+}
+
+.examination {
+ height: calc(100% - 50px);
+ overflow-x: hidden;
+ overflow-y: auto;
+ box-sizing: border-box;
+}
+
+.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/FZXSSJW.TTF');
+}
+
+@font-face {
+ font-family: '鏂规姝ｉ粦';
+ src: url('./Fonts/FZZHJW.TTF');
+}
+
+@font-face {
+ font-family: '鏂规瀹嬮粦';
+ src: url('./Fonts/FZSHJW.TTF');
+}
+
+@font-face {
+ font-family: '鏂规浠垮畫';
+ src: url('./Fonts/FZFSK.TTF');
+}
+
+@font-face {
+ font-family: '鏂规鍏颁涵缁嗛粦';
+ src: url('./Fonts/FZLTXIHK.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) {
+ .cognitiveLanDevEduAges0to3 {
+
+ .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) {
+ .cognitiveLanDevEduAges0to3 {
+ .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/cognitiveLanDevEduAges0to3/components/checkVideo/index.vue b/src/books/cognitiveLanDevEduAges0to3/components/checkVideo/index.vue
new file mode 100644
index 0000000..87a4644
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/components/checkVideo/index.vue
@@ -0,0 +1,244 @@
+<template>
+ <div class="video-box">
+ <div class="video-title">
+ <img class="bg-img" :src="type == 'video'? videoBgIcon : audioBgIcon" alt="" />
+ <p class="video-title-name" v-if="type == 'video'">
+ <img @click="isDisplay = !isDisplay" :src="videoIcon" alt="" />
+ <span>瑙嗛璧勬枡</span>
+ </p>
+ <p class="video-title-name" v-else>
+ <img @click="isDisplay = !isDisplay" :src="audioIcon" alt="" />
+ <span>闊抽璧勬枡</span>
+ </p>
+ <p class="video-title-img" v-if="type == 'video'">
+ <span> {{ videoName }}</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="localIsCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex((item) => item.id == videoPath) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect()"
+ />
+ </el-tooltip>
+ </p>
+ <p class="video-title-img" v-if="type == 'audio'">
+ <span> {{ videoName }}</span>
+ </p>
+ </div>
+ <div class="video-main" v-if="isDisplay">
+ <video
+ :src="videoPathSrc"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ v-if="type == 'video'"
+ ></video>
+ <audio
+ :src="videoPathSrc"
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ v-else
+ ></audio>
+ </div>
+ </div>
+</template>
+
+<script>
+import { getResourcePath } from "@/assets/methods/resources";
+import {
+ getCollectResource,
+ setCollectResource,
+} from "@/assets/methods/resources";
+export default {
+ data() {
+ return {
+ videoBgIcon: require("../../assets/images/0028-02.png"),
+ audioBgIcon: require("../../assets/images/0028-01.png"),
+ videoIcon: require("@/assets/images/videoLogo.png"),
+ audioIcon: require("@/assets/images/audioLogo.svg"),
+ collectCheck: require("@/assets/images/heart-check.png"),
+ collectImg: require("@/assets/images/heart.png"),
+ videoPathSrc: "",
+ collectResourceList: [],
+ localIsCollectVideo: this.isCollectVideo,
+ isDisplay: true,
+ };
+ },
+ props: {
+ videoPath: {
+ type: String,
+ required: "",
+ },
+ videoName: {
+ type: String,
+ required: "", // 榛樿鍊�
+ },
+ type: {
+ type: String,
+ required: "video", // 榛樿鍊�
+ },
+ BookId: {
+ type: String,
+ required: "", // 榛樿鍊�
+ },
+ isCollectVideo: {
+ type: Boolean,
+ required: false, // 榛樿鍊�
+ },
+ },
+ computed: {
+ // currentQuestion() {
+ // return this.questions[this.currentIndex];
+ // },
+ // setHoverStyles() {
+ // return {
+ // "--hover-bg-color": this.hoverBackgroundColor,
+ // "--hover-color": this.hoverColor,
+ // };
+ // },
+ // mergedStyles() {
+ // // 鍚堝苟鐩存帴鏍峰紡鍜岃绠楀睘鎬ф牱寮�
+ // return {
+ // borderColor: this.primaryColor,
+ // ...this.setHoverStyles,
+ // };
+ // },
+ },
+ async mounted() {
+ this.getVidoePath();
+ this.collectResourceList = await getCollectResource(this.BookId);
+ },
+ methods: {
+ async getVidoePath() {
+ this.videoPathSrc = await getResourcePath(this.videoPath);
+ debugger;
+ },
+
+ handleCollect() {
+ this.handleCollectResource(
+ this.videoPath,
+ this.videoPath,
+ "",
+ "瑙嗛",
+ "bits",
+ "瑙嗛锛�" + this.videoName
+ );
+ this.localIsCollectVideo = !this.localIsCollectVideo;
+ },
+ //璧勬簮鏀惰棌浜嬩欢
+ // resourcePath 鏂囦欢璺緞锛�
+ // resourceType 鏂囦欢绫诲瀷
+ // source 鏂囦欢鏉ユ簮
+ handleCollectResource(
+ id,
+ md5,
+ resourcePath,
+ resourceType,
+ source,
+ resourceName
+ ) {
+ let list = this.collectResourceList;
+ if (list.findIndex((item) => item.id == id) > -1) {
+ list = list.filter((item) => item.id != id);
+ } else {
+ list.push({
+ id,
+ md5,
+ resourcePath,
+ resourceType,
+ source,
+ resourceName,
+ });
+ }
+ this.collectResourceList = list;
+ setCollectResource(this.BookId, this.collectResourceList);
+ },
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.video-box {
+ margin: 35px 0 20px 0;
+ border: 1px solid #078fb9;
+}
+
+.video-title {
+ display: flex;
+ justify-content: space-between;
+ background-color: #e1f4fc;
+ border-bottom: 1px solid #078fb9;
+ min-height: 25px;
+ position: relative;
+
+ .bg-img {
+ width: 12%;
+ position: absolute;
+ top: -30px;
+ }
+}
+
+.video-title-name {
+ padding: 0 2%;
+ display: flex;
+ align-items: center;
+ text-indent: 0em;
+ margin: 0 !important;
+ border-right: 1px solid #078fb9;
+
+ img {
+ cursor: pointer;
+ margin-right: 10px;
+ }
+}
+
+.video-title-img {
+ width: 75%;
+ padding-right: 2%;
+ text-indent: 0em;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin: 0;
+
+ span {
+ overflow: hidden;
+ }
+
+ img {
+ cursor: pointer;
+ }
+}
+
+.video-main {
+ margin: 5% 5%;
+}
+
+.collect-btn {
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ margin-left: 10px;
+ margin-top: 0.3%;
+}
+
+.w100 {
+ width: 100%;
+}
+</style>
diff --git a/src/books/cognitiveLanDevEduAges0to3/view/components/chapter002.vue b/src/books/cognitiveLanDevEduAges0to3/view/components/chapter002.vue
new file mode 100644
index 0000000..1ed5aea
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/view/components/chapter002.vue
@@ -0,0 +1,1143 @@
+<template>
+ <div class="chapter" num="2">
+ <!-- 30椤� -->
+ <div class="page-box" page="38">
+ <div v-if="showPageList.indexOf(38) > -1">
+ <div class="UnitCover">
+ <h1 class="firstTitle-l">绗簩绔犮��0锝�6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鎸囧</h1>
+ <div class="bodyPic mb-30">
+ <img
+ src="../../assets/images/0016-01.jpg"
+ style="width: 100%"
+ alt=""
+ active="true"
+ />
+ <div class="bodyPic-text">
+ <p class="content">
+ <span class="bold">閫氳繃瀛︿範鏈珷锛屼綘灏嗗彲浠ワ細</span>
+ </p>
+ <p class="quotation">1锛庢帉鎻�0锝�6涓湀濠村効璁ょ煡鍙戝睍鐨勭壒鐐广��</p>
+ <p class="quotation">2锛庢帉鎻�0锝�6涓湀濠村効璇█鍙戝睍鐨勭壒鐐广��</p>
+ <p class="quotation">3锛庢帉鎻�0锝�6涓湀濠村効璁ょ煡鍙戝睍鐩爣銆�</p>
+ <p class="quotation">4锛庢帉鎻�0锝�6涓湀濠村効璇█鍙戝睍鐩爣銆�</p>
+ <p class="quotation">5锛庤兘杩涜0锝�6涓湀濠村効璁ょ煡鍙戝睍鐨勭幆澧冨垱璁俱��</p>
+ <p class="quotation">6锛庤兘杩涜0锝�6涓湀濠村効璇█鍙戝睍鐨勭幆澧冨垱璁俱��</p>
+ </div>
+ </div>
+ <p class="content">
+ 0锝�6涓湀鏄釜浣撲竴鐢熶腑鎴愰暱鏈�蹇殑闃舵锛屼篃鏄ぇ鑴戝彂鑲茬殑鏈�鍏抽敭鏃舵湡銆傚┐鍎夸竴鐩寸Н鏋佽繍鐢ㄨ嚜宸辩殑鎰熷畼鍜屽姩浣滄帰绌跺懆鍥寸殑涓栫晫锛屾瀯寤鸿嚜宸卞涓栫晫涓囦簨涓囩墿鐨勮璇嗐�備粬浠苟涓嶅儚瀹堕暱鎯宠薄鐨勯偅鏍封�滀粈涔堥兘涓嶄細鈥濓紝鑰屾槸琛ㄧ幇鍑烘儕浜虹殑鑳藉姏銆�
+ </p>
+ <h2 class="secondTitle">涓�銆�0锝�6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鐨勭壒鐐�</h2>
+ <p class="titleQuot-1">锛堜竴锛�0锝�6涓湀濠村効璁ょ煡鍙戝睍鐨勭壒鐐�</p>
+ <p class="content"><span class="bold">1锛庡懗瑙夌煡瑙夊彂灞�</span></p>
+ <p class="content">
+ 杩欎釜闃舵鐨勫┐鍎垮紑濮嬭兘鍒嗚鲸涓嶅悓鐨勫懗閬擄紝涓昏鏄鐢溿�佸捀銆佽嫤涓夌鍛宠鏈変笉鍚岀殑鍙嶅簲锛屽皾鍒扮敎鐨勫懗閬撳┐鍎夸細绗戝拰鎵嬭垶瓒宠箞锛屽皾鍒板捀鐨勫懗閬撳┐鍎夸細鐨辩湁鎾囧槾锛屽皾鍒拌嫤鐨勫懗閬撳┐鍎夸細鎽囧ご鍜屽摥娉ｃ��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 31椤� -->
+ <div class="page-box" page="39">
+ <div v-if="showPageList.indexOf(39) > -1">
+ <ul class="header-right">
+ <li class="headerRight-Text">
+ 绗簩绔犮��0~6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鎸囧
+ </li>
+ <div>
+ <img src="../../assets/images/0006-01.jpg" alt="" />
+ <li class="headerRight-Number">031</li>
+ </div>
+ </ul>
+ <div class="bodystyle">
+ <p class="content"><span class="bold">2锛庡惉瑙夌煡瑙夊彂灞�</span></p>
+ <p class="content">
+ 杩欎釜闃舵鐨勫┐鍎胯兘瀵圭啛鎮夋垨鏂伴鐨勫惉瑙夊埡婵�鏈夊弽搴旓紝鑳借浆鍚戝０婧愬銆�
+ </p>
+ <p class="content"><span class="bold">3锛庤鍚畾鍚戣兘鍔涘彂灞�</span></p>
+ <p class="content">
+ 杩欎釜闃舵鐨勫┐鍎跨溂鐫涜兘绔嬪埢娉ㄦ剰鍒伴潰鍓嶅ぇ鐨勭帺鍏凤紝鐪肩潧鑳借拷闅忕潃浜虹殑璧板姩鑰岀Щ鍔紝鑳芥敞瑙嗙孩鐞冨苟鐩厜杩介殢绉诲姩锛岃兘娉ㄨ鑷繁鐨勬墜銆�
+ </p>
+ <p class="content"><span class="bold">4锛庤瑙夌煡瑙夊彂灞�</span></p>
+ <p class="content">
+ 杩欎釜闃舵鐨勫┐鍎胯兘鎰熺煡鑹插僵锛屽绾㈣壊銆侀粍鑹层�佽摑鑹茬瓑锛屽鑹插僵瀵规瘮寮虹儓鐨勫浘鏍锋湁鍙嶅簲锛岃兘娉ㄨ绾�75鍘樼背杩滅殑鐗╀綋锛岃兘鐢ㄨ緝闀跨殑鏃堕棿鏉ュ瑙嗙墿浣撳拰鍥惧舰锛屽枩娆㈤鑹查矞鑹崇殑鐜╁叿鎴栧浘鐢汇��
+ </p>
+ <p class="content"><span class="bold">5锛庨�傚簲鑳藉姏鍙戝睍</span></p>
+ <p class="content">
+ 杩欎釜闃舵鐨勫┐鍎垮紑濮嬪皢澹伴煶鍜屽舰璞¤仈绯昏捣鏉ワ紝璇曞浘鎵惧嚭澹伴煶鐨勬潵婧愶紝鍚埌姝岃埃鍜屾憞绡洸浼氭墜鑸炶冻韫堬紝鍚埌鐔熸倝鐗╁搧鐨勫悕绉拌兘鐢ㄧ溂鐫涙敞瑙嗙墿鍝侊紝鑳藉鎵炬墜涓涪澶辩殑涓滆タ锛屽惉鍒拌嚜宸辩殑鍚嶅瓧浼氳浆澶寸湅锛岃兘鏍规嵁涓嶅悓鐨勫０闊虫壘涓嶅悓鐨勫浜恒��
+ </p>
+ <p class="titleQuot-1">锛堜簩锛�0锝�6涓湀濠村効璇█鍙戝睍鐨勭壒鐐�</p>
+ <p class="content"><span class="bold">1锛庤兘澶熷彂鍑轰竴浜涘崟闊宠妭</span></p>
+ <p class="content">
+ 杩欎釜闃舵鐨勫┐鍎垮湪鍚冮ケ绌挎殩鐫￠啋鍚庯紝浼氬彂鍑轰竴浜涘崟闊筹紝闊垫瘝鍙戦煶杈冩棭锛屽０姣嶅彂闊冲緢灏戯紝涓昏鏄�渉鈥濋煶锛屾湁鏃舵槸鈥渕鈥濋煶銆傚綋濠村効鐒︽�ユ垨涓嶈垝鏈嶆椂锛屽父鍙戝嚭鈥渋鈥濆拰鈥渆鈥濈瓑闊筹紝鑰屽湪鎰夊揩鐘舵�佷笅鍒欒緝澶氬湴鍙戝嚭鈥渁鈥濃�渙鈥濃�渦鈥濈瓑闊炽�傦紙鎷撳睍闃呰锛�2涓湀濠村効鐨勫彂闊筹級
+ </p>
+ <!-- pdf鏌ョ湅 -->
+ <div class="pdf-box">
+ <div class="pdf-title">
+ <img class="bg-img" :src="videoBgIcon" alt="" />
+ <p class="pdf-title-name">
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg>
+ <span>鎷撳睍闃呰</span>
+ </p>
+ <p class="pdf-title-img">
+ <span @click="toUrl(1)"> {{ chapter002.pdfMd5[1].name }}</span>
+ </p>
+ </div>
+ </div>
+ <p class="content"><span class="bold">2锛庝笌瀹堕暱闈㈠闈⑩�滀氦璋堚��</span></p>
+ <p class="content">
+ 杩欎釜闃舵鐨勫┐鍎垮湪鐢熺悊闇�瑕佸緱鍒版弧瓒充箣鍚庯紝瀵瑰闀跨殑閫楀紕鍜岃瑷�鍒烘縺鑳界敤寰瑧銆佸０闊虫垨鑰呰韩浣撳姩浣滃弽搴旂粰浜堝簲绛旓紝濂藉儚鍦ㄥ拰瀹堕暱鈥滀氦璋堚�濅竴鏍枫��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 32椤� -->
+ <div class="page-box" page="40">
+ <div v-if="showPageList.indexOf(40) > -1">
+ <ul class="header-left">
+ <img src="../../assets/images/0005-01.jpg" alt="" />
+ <li class="headerNumber">032</li>
+ <li class="headerText">0~3 宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content"><span class="bold">3锛庡彂鍑鸿繛缁殑闊宠妭</span></p>
+ <p class="content">
+ 杩欎釜闃舵鐨勫┐鍎跨殑鍙戦煶鍑虹幇浜嗕互杈呴煶鍜屽厓闊崇浉缁撳悎鐨勮繛缁煶鑺傦紝浠庡崟闊宠妭鍙戝０杩囨浮鍒伴噸鍙犲闊宠妭鍙戝０鐨勮繃绋嬨�傦紙鎷撳睍闃呰锛�4锝�8涓湀濠村効杩炵画闊宠妭鐨勫彂闊筹級
+ </p>
+ <!-- pdf鏌ョ湅 -->
+ <div class="pdf-box">
+ <div class="pdf-title">
+ <img class="bg-img" :src="videoBgIcon" alt="" />
+ <p class="pdf-title-name">
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg>
+ <span>鎷撳睍闃呰</span>
+ </p>
+ <p class="pdf-title-img">
+ <span @click="toUrl(2)"> {{ chapter002.pdfMd5[2].name }}</span>
+ </p>
+ </div>
+ </div>
+
+ <p class="content"><span class="bold">4锛庡舰鎴愬璇濈殑闆忓舰</span></p>
+ <p class="content">
+ 鍦ㄧ敤璇煶涓庡闀库�滃璇濃�濇椂锛岃繖涓樁娈电殑濠村効鍑虹幇涓庡闀胯疆娴佲�滆鈥濈殑鍊惧悜锛屽嵆瀹堕暱璇翠竴鍙ワ紝濠村効鍙戝嚑涓煶锛屽緟瀹堕暱鍐嶈涓�鍙ワ紝濠村効鍐嶅彂鍑犱釜闊炽�傚綋瀹堕暱鍜屽┐鍎夸箣闂寸殑涓�娈碘�滃璇濃�濈粨鏉熷悗锛屽┐鍎夸細鐢ㄥ彂涓�涓垨鍑犱釜闊虫潵涓诲姩鍦板紩璧峰彟涓�娈碘�滃璇濃�濓紝浠庤�屼娇杩欑浜ゆ祦寤剁画涓嬪幓锛岃繖琛ㄦ槑濠村効寮�濮嬫晱閿愬湴鎰熺煡鍒拌瑷�浜ゅ線鐨勫熀鏈姹傘��
+ </p>
+ <p class="content">
+ <span class="bold">5锛庝娇鐢ㄤ笉鍚岀殑璇皟琛ㄨ揪鑷繁鐨勬�佸害</span>
+ </p>
+ <p class="content">
+ 杩欎釜闃舵鐨勫┐鍎夸細鐢ㄥ皷鍙０鎴栨�ヤ績涓婃壃鐨勮璋冿紝浼翠互韫剼銆佹憜鎵嬬殑鍔ㄤ綔锛岃〃鏄庤嚜宸变笉鎰挎剰鐨勬�佸害銆傚綋鐩殑杈惧埌銆佽姹傚緱鍒版弧瓒冲悗锛屽┐鍎夸細鐢ㄥ钩闈欐俯鍜岀殑璇皟鎴栬〃鎯呮潵琛ㄨ揪楂樺叴銆�
+ </p>
+ <p class="content">
+ <span class="bold">6锛庤鲸鍒闀胯瑷�涓姘旇璋冪殑鍙樺寲</span>
+ </p>
+ <p class="content">
+ 杩欎釜闃舵鐨勫┐鍎胯兘浠庝笉鍚岃璋冪殑璇█涓垽鏂嚭瀹堕暱鐨勬�佸害銆傚綋瀹堕暱鐢ㄦ剦蹇殑璇皵涓庡┐鍎胯璇濇椂锛岃璋冨崌鎵紝濠村効鑳界敤寰瑧鍜屽杹鍠佷綔澹板仛鍑哄弽搴斻�傚綋瀹堕暱鐢ㄧ敓姘旂殑璇皵涓庡┐鍎胯璇濇椂锛岃璋冧笅闄嶏紝濠村効鑳界敤鐫佸ぇ鐪肩潧鍜屽摥鍋氬嚭鍙嶅簲銆�
+ </p>
+ <h2 class="secondTitle">浜屻��0锝�6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鐩爣</h2>
+ <p class="titleQuot-1">锛堜竴锛�0锝�6涓湀濠村効璁ょ煡鍙戝睍鐩爣</p>
+ <p class="content">
+ <span class="bold">1锛�0锝�3涓湀濠村効璁ょ煡鍙戝睍鐩爣</span>
+ </p>
+ <p class="content">
+ 锛�1锛変话鍗ф椂鎵嬭剼浼氬姩锛屼袱渚у姏閲忓強鍔ㄧ殑棰戠巼骞呭害宸紓涓嶅ぇ銆�
+ </p>
+ <p class="content">
+ 锛�2锛夊惉鍒扮獊鍙戝ぇ澹板搷鏃讹紝鎯婂悡鍦板嚭鐜板弻鑷傚揩閫熷悜澶栦几灞曠殑鍙嶅皠銆�
+ </p>
+ <p class="content">锛�3锛夋姳鐩寸珛锛岃剼瑙﹀強骞抽潰锛屽嚭鐜板師濮嬭笍姝ュ弽灏勩��</p>
+ </div>
+ </div>
+ </div>
+ <!-- 33椤� -->
+ <div class="page-box" page="41">
+ <div v-if="showPageList.indexOf(41) > -1">
+ <ul class="header-right">
+ <li class="headerRight-Text">
+ 绗簩绔犮��0~6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鎸囧
+ </li>
+ <div>
+ <img src="../../assets/images/0006-01.jpg" alt="" />
+ <li class="headerRight-Number">033</li>
+ </div>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 锛�4锛変话鍗ф椂鍦ㄨ剳鍚庣敤鎽囬搩閫楀紩锛屼細杞ご锛堝乏銆佸彸渚э級銆備刊瓒存椂灏濊瘯鎶ご锛屼粎缁存寔鐬棿銆�
+ </p>
+ <p class="content">
+ 锛�5锛変互鎵嬫寚瑙︾鍏舵墜鎺岋紝鎵嬫寚绱ф彙鎴愭嫵锛屽嚭鐜版姄鎻″弽灏勩��
+ </p>
+ <p class="content">
+ 锛�6锛夌敤鎵嬫寚鎶氭懜涓�渚ц劯棰婏紝浼氬皢澶磋浆鍚戣渚э紝琛ㄧ幇瀵绘壘涔冲ご鐨勫弽灏勩��
+ </p>
+ <p class="content">锛�7锛夎鍔涗笉鍒�0.1锛屽彲瑙�30鍘樼背璺濈鍐呯殑鐗╀綋銆�</p>
+ <p class="content">锛�8锛夌溂鍓嶏紙20锝�30鍘樼背锛夊嚭鐜颁汉鑴革紝浼氫笓娉ㄧ湅銆�</p>
+ <p class="content">锛�9锛夌Щ鍔ㄤ腑鐨勭墿浣撹兘鍚稿紩鍏舵敞鎰忋��</p>
+ <p class="content">锛�10锛夊埡婵�鑴搁儴浼氬井绗戙��</p>
+ <p class="content">锛�11锛夎嚜鍙戝紡寰瑧鍥炲簲瀵逛粬鐨勭柤鐖便��</p>
+ <p class="content">锛�12锛夊浠栦几鑸屾暟娆★紝浠栦細妯′豢鍋氬嚭绫讳技鍔ㄤ綔銆�</p>
+ <p class="content">
+ 锛�13锛夊枩娆㈢湅鑷繁鐨勬墜锛堝皢浠栫殑鎵嬪湪浠栫溂鍓嶆檭涓�鏅冿紝浼氱湅鑷繁鐨勬墜锛屽彲缁存寔1锝�3绉掞級銆�
+ </p>
+ <p class="content">锛�14锛夎寰楀濡堛��</p>
+ <p class="content">
+ <span class="bold">2锛�4锝�6涓湀濠村効璁ょ煡鍙戝睍鐩爣</span>
+ </p>
+ <p class="content">锛�1锛夊枩娆㈢湅鑷繁鐨勬墜鍜屾墜涓姄鐨勭墿鍝併��</p>
+ <p class="content">锛�2锛夊枩娆㈢湅绉诲姩涓殑鐗╀綋銆�</p>
+ <p class="content">锛�3锛夊埌闄岀敓鍦版柟浼氬ソ濂囧湴鍥涘寮犳湜銆�</p>
+ <p class="content">锛�4锛夊拰浠栬璇濇椂锛屼粬浼氫互娉ㄨ銆佸井绗戙�佸彂澹扮瓑鍥炲簲銆�</p>
+ <p class="content">锛�5锛夎璇嗗浜哄強瀹朵腑瀹犵墿锛屽彲浠庣収鐗囦腑璁ゅ嚭濡堝銆�</p>
+ <p class="content">锛�6锛変細鐜╄翰鐚尗娓告垙銆�</p>
+ <p class="content">
+ 锛�7锛夌湅涓嶅埌浜轰細鍝紱鍝常鏃讹紝濡傛灉鏈変汉闈犺繎锛屽嵆鍋滄鍝紝鐪嬪埌浜轰細绗戙��
+ </p>
+ <p class="content">
+ 锛�8锛夊鍏夎氨鐨勬劅鍙楀害宸叉帴杩戞垚浜虹殑姘村钩锛岃兘鐪嬪嚭绾€�佽摑銆佺豢銆侀粍绛夊洓鑹层��
+ </p>
+ <p class="content">锛�9锛夌敤琛ㄦ儏銆佸姩浣滅瓑琛ㄨ揪鎯呯华锛屽井绗戣繋鎺ヤ汉銆�</p>
+ <p class="titleQuot-1">锛堜簩锛�0锝�6涓湀濠村効璇█鍙戝睍鐩爣</p>
+ <p class="content">
+ <span class="bold">1锛�1涓湀濠村効璇█鍙戝睍鐩爣</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊惉鍒扮獊鍙戝ぇ澹板搷寮曞彂鎯婂悡鍙嶅皠锛屽弻鑷傚揩閫熷悜澶栦几灞曘��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 34椤� -->
+ <div class="page-box" page="42">
+ <div v-if="showPageList.indexOf(42) > -1">
+ <ul class="header-left">
+ <img src="../../assets/images/0005-01.jpg" alt="" />
+ <li class="headerNumber">034</li>
+ <li class="headerText">0~3 宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 锛�2锛夊惉鍒版俯鏌旂殑澹伴煶锛屽仠姝㈠師鏈夊姩浣滈潤涓嬫潵锛屽ご杞悜澹版簮涓撴敞鍊惧惉銆�
+ </p>
+ <p class="content">锛�3锛夎鲸璁ゆ瘝浜茬殑澹伴煶銆�</p>
+ <p class="content">锛�4锛夊鐫�浠栬璇濓紝浠栦細鍤呭姩鍢村攪锛屽ソ鍍忚璇磋瘽銆�</p>
+ <p class="content">锛�5锛夐タ鎴栫棝鏃朵細鍝��</p>
+ <p class="content">锛�6锛夊彂鍑虹殑澹伴煶鍗曡皟銆佹病鍙樺寲銆�</p>
+ <p class="content">锛�7锛夊埡婵�鑴搁儴浼氬井绗戙��</p>
+ <p class="content">
+ <span class="bold">2锛�2涓湀濠村効璇█鍙戝睍鐩爣</span>
+ </p>
+ <p class="content">
+ 锛�1锛夋瘮璧风埗浜蹭綆娌夌殑澹拌皟锛屾洿鍠滄姣嶄翰杈冮珮浜㈢殑澹伴煶銆�
+ </p>
+ <p class="content">
+ 锛�2锛夌敤澹伴煶閫椾粬锛屼細鍙戝嚭涓嶅悓鐨勫０闊筹紝濡傚皷鍙瓑鍥炲簲銆�
+ </p>
+ <p class="content">
+ <span class="bold">3锛�3涓湀濠村効璇█鍙戝睍鐩爣</span>
+ </p>
+ <p class="content">浼氬彂鍑衡�渁鈥濃�渆i鈥濃�渙u鈥濃�渦鈥濈瓑绠�鍗曢煹姣嶃��</p>
+ <p class="content">
+ <span class="bold">4锛�4涓湀濠村効璇█鍙戝睍鐩爣</span>
+ </p>
+ <p class="content">锛�1锛変細鍚瑰彛姘存场娉°��</p>
+ <p class="content">锛�2锛夊浠栬璇濇椂锛屼細鍙戝０鍥炲簲銆�</p>
+ <p class="content">锛�3锛夎瘯鐫�鍙戔�済a-ga鈥濃�渁-gu鈥濈瓑澹伴煶銆�</p>
+ <p class="content">
+ <span class="bold">5锛�5涓湀濠村効璇█鍙戝睍鐩爣</span>
+ </p>
+ <p class="content">锛�1锛夎璇嗗闀跨殑澹伴煶锛屼粠鍏堕煶璋冧腑鎰熺煡瀵规柟鎯呯华銆�</p>
+ <p class="content">
+ 锛�2锛変笅宸翠細鏈夎妭濂忓湴鍔紝鑸屽ご鐏垫椿锛屽惛濂舵椂涓嶄細婕忓ザ銆�
+ </p>
+ <p class="content">锛�3锛夊皾璇曞彂涓嶅悓鐨勯煹姣嶃�佸０姣嶃��</p>
+ <p class="content">锛�4锛夊洜楂樺叴鑰屽皷鍙��</p>
+ <p class="content">
+ <span class="bold">6锛�6涓湀濠村効璇█鍙戝睍鐩爣</span>
+ </p>
+ <p class="content">锛�1锛夊惉鍒伴�愭笎鎺ヨ繎鐨勮剼姝ュ０浼氬叴濂嬨��</p>
+ <p class="content">锛�2锛夋湁浜哄彨鍞や粬鐨勫悕瀛楁椂锛屼細鏈夊洖搴斻��</p>
+ <p class="content">锛�3锛夊彲鍚嚭鐔熸倝闊充箰涓皬灏忕殑鏀瑰彉銆�</p>
+ <p class="content">锛�4锛夊彂闊垫瘝涓庡０姣嶇殑绠�鍗曢煶锛屽鈥渒a鈥濃�渄a鈥濃�渕a鈥濈瓑銆�</p>
+ <p class="content">锛�5锛変細鍚规皵銆�</p>
+ <p class="content">锛�6锛夊杻鍠冭嚜璇紝瀵圭潃闀滀腑浜鸿璇濄��</p>
+ </div>
+ </div>
+ </div>
+ <!-- 35椤� -->
+ <div class="page-box" page="43">
+ <div v-if="showPageList.indexOf(43) > -1">
+ <ul class="header-right">
+ <li class="headerRight-Text">
+ 绗簩绔犮��0~6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鎸囧
+ </li>
+ <div>
+ <img src="../../assets/images/0006-01.jpg" alt="" />
+ <li class="headerRight-Number">035</li>
+ </div>
+ </ul>
+ <div class="bodystyle">
+ <h2 class="secondTitle">
+ 涓夈�佷績杩�0锝�6涓湀濠村効璁ょ煡鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧鍙婂搴搷浣滄渚�
+ </h2>
+ <p class="titleQuot-1">
+ 锛堜竴锛�0锝�6涓湀濠村効璁ょ煡鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧
+ </p>
+ <p class="content">
+ <span class="bold">1锛�1涓湀濠村効璁ょ煡鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <div class="img-rights w250 openImgBox">
+ <img
+ class="img-0"
+ src="../../assets/images/0048-01.jpg"
+ alt=""
+ active="true"
+ />
+ <p class="imgdescript">鍥�2-1銆�鎶ご杩借</p>
+ </div>
+ <span>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄥ┐鍎跨粡甯告椿鍔ㄧ殑鍖哄煙鍐呮憜鏀捐壊褰╅矞鑹崇殑甯︽湁澹板搷鐨勭帺鍏枫�傚闀挎妸鑹插僵椴滆壋甯︽湁澹板搷鐨勭帺鍏凤紝鏀惧湪璺濆┐鍎跨溂鐫�25鍘樼背澶勶紝杈规憞杈圭紦鎱㈠湴绉诲姩鐜╁叿锛屼娇濠村効鐨勮绾胯兘闅忕潃鐜╁叿鍜屽０鍝嶇Щ鍔紙鍥�2-1锛夈��
+ </p>
+ <p class="content">
+ 锛�2锛夊闀垮簲鍦ㄥ┐鍎跨敓娲荤殑鐜鍐咃紝澶氬甫浠栬蛋鍔紝涓�杈硅蛋鍔ㄤ竴杈圭粰濠村効璁茶В鍚勪釜鍖哄煙鐨勭敤閫斿拰鐗╁搧鍚嶇О锛屽敖蹇濠村効鐔熸倝浠栫敓娲荤殑鐜锛屽煿鍏诲叾鑹ソ鐨勬儏缁拰瀹夊叏鎰熴��
+ </p>
+ </span>
+ <p class="content">
+ 锛�3锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽缁欏┐鍎垮惉杞绘煍鐨勮璇濆０銆侀煶涔愬０鎴栫帺鍏峰０锛岀粡甯告姎鎽稿拰鎼傛姳濠村効锛屽叧娉ㄣ�佺悊瑙ｅ┐鍎垮悇绉嶅摥澹扮瓑琛ㄨ揪闇�姹傜殑淇℃伅锛堟嫇灞曢槄璇伙細瀹堕暱搴斿浣曞簲瀵瑰┐鍎跨殑鍚勭鍝級锛屽苟瀵瑰┐鍎垮悇绉嶅摥澹板仛鍑洪�傚疁鐨勫弽搴旀弧瓒冲叾闇�姹傦紝璁╁┐鍎垮厖鍒嗕韩鍙楁瘝鐖便��
+ </p>
+ <p class="content">
+ <span class="bold">2锛�2涓湀濠村効璁ょ煡鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屼赴瀵屽┐鍎跨殑瑙嗗惉鍒烘縺锛岄�氳繃鍚煶涔愩�佺帺甯﹀０鍝嶇帺鍏枫�佺湅浜鸿劯绛夋父鎴忥紝淇冭繘濠村効璁ょ煡鑳藉姏鐨勫彂灞曘��
+ </p>
+ <p class="content">
+ 锛�2锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽涓庡┐鍎夸翰鍒囨煍鍜屽湴浜ゆ祦锛岀粡甯告姎鎽搞�佹悅鎶卞┐鍎匡紝鍔犲己姣嶅瓙鎯呮劅浜ゆ祦锛屽煿鑲叉瘝瀛愨�滃畨鍏ㄥ瀷鈥濅緷鎭嬫儏缁��
+ </p>
+ <p class="content">
+ 锛�3锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽煿鍏诲┐鍎胯壇濂界殑琛屼负涔犳儻锛屽甯﹀┐鍎垮幓鎴峰娲诲姩锛屼娇鍏朵繚鎸佹剦蹇儏缁��
+ </p>
+ <!-- pdf鏌ョ湅 -->
+ <div class="pdf-box">
+ <div class="pdf-title">
+ <img class="bg-img" :src="videoBgIcon" alt="" />
+ <p class="pdf-title-name">
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg>
+ <span>鎷撳睍闃呰</span>
+ </p>
+ <p class="pdf-title-img">
+ <span @click="toUrl(3)"> {{ chapter002.pdfMd5[3].name }}</span>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 36椤� -->
+ <div class="page-box" page="44">
+ <div v-if="showPageList.indexOf(44) > -1">
+ <ul class="header-left">
+ <img src="../../assets/images/0005-01.jpg" alt="" />
+ <li class="headerNumber">036</li>
+ <li class="headerText">0~3 宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ <span class="bold">3锛�3涓湀濠村効璁ょ煡鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽彂灞曞┐鍎块殢鐗╃Щ鍔ㄨ绾垮拰瀛︿細瀵绘壘娑堝け鐨勫甫澹伴煶鐨勪汉鍜岀墿鐨勮兘鍔涖�傚闀胯窡濠村効缁х画鐜╃溂鐫涜拷閫愮墿浣撶Щ鍔ㄧ殑娓告垙锛岃繕鍙互鐢ㄦ墜缁㈢帺钘忕尗鐚殑娓告垙銆�
+ </p>
+ <p class="content">
+ 锛�2锛夊闀垮簲寮曞濠村効閫傚簲瀹ゅ唴銆佸澶栫殑鐜鍙樺寲锛屼績杩涘┐鍎挎敞鎰忋�佽瀵熻兘鍔涖�佸惉瑙夎兘鍔涚殑鍙戝睍銆�
+ </p>
+ <p class="content">
+ 锛�3锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屼赴瀵屽┐鍎挎劅鐭ヨ鐨勫埡婵�锛岀粰濠村効鎻愪緵澶氱湅銆佸鍚�佸鎽搞�佸灏濈殑鏁欒偛鏈轰細锛岄紦鍔卞┐鍎跨敤澶氭劅瀹樿鐭ュ悓涓�浜嬬墿銆�
+ </p>
+ <p class="content">
+ 锛�4锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽涓庡┐鍎胯绗戦�椾箰锛岀敤寮犲彛銆佸悙鑸屽悇绉嶈〃鎯呭拰涓嶅悓璇皟澹伴煶閫楀紩濠村効锛岄紦鍔卞叾瀛︿細妯′豢闈㈤儴琛ㄦ儏鍜屽井绗戯紝淇濇寔鎰夊揩鎯呯华鍜屽畨鍏ㄦ劅锛屽煿鍏诲叾鍋ュ叏浜烘牸銆�
+ </p>
+ <p class="content">
+ 锛�5锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛岄�楀紩濠村効瀵逛翰杩戠殑浜哄拰澹伴煶浜х敓鍙嶅簲锛屼粠寰瑧鍙戝睍鍒扮瑧鍑哄０锛屼綋楠屾剦蹇儏缁紝閲嶈姣嶅瓙銆佺埗瀛愪氦娴侊紝寤虹珛鑹ソ鐨勪翰瀛愬叧绯汇��
+ </p>
+ <p class="content">
+ <span class="bold">4锛�4涓湀濠村効璁ょ煡鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛岀粰濠村効浠庡ぇ鍒板皬鍦板嚭绀虹帺鍏凤紝閫楀紩濠村効鑳芥敞瑙嗚緝灏忕殑鐜╁叿銆�
+ </p>
+ <p class="content">
+ 锛�2锛夊湪鏃ュ父鐢熸椿涓紝闄や簡缁忓父闈㈠闈㈡敞瑙嗗拰璇磋瘽澶栵紝瀹堕暱杩樺簲鍙樻崲鏂瑰悜鎴栬窛绂讳笌濠村効瀵硅瘽锛屽惛寮曞┐鍎挎敞瑙嗗拰鍊惧惉锛岀粡甯稿懠鍞ゅ┐鍎跨殑鍚嶅瓧锛岃濠村効瀵瑰闀跨殑鍛煎敜鏈夎浆澶淬�佹敞瑙嗙瓑鍙嶅簲銆�
+ </p>
+ <p class="content">
+ 锛�3锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛岀粡甯稿甫濠村効鍒版埛澶栨椿鍔紝寮曞鍏剁湅琛岄┒鐨勮溅杈嗐�佸璺戠殑灏忕嫍銆侀缈旂殑楦燂紝閿荤偧濠村効鐨勮瑙夎拷韪兘鍔涖��
+ </p>
+ <p class="content">
+ 锛�4锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽缁欏┐鍎挎彁渚涚収闀滃瓙鐨勬満浼氥�傚闀挎姳鐫�濠村効鍦ㄩ暅瀛愰潰鍓嶅仛鍚勭琛ㄦ儏锛岃濠村効閫愭笎瀛︿細鍒嗚鲸鍚勭琛ㄦ儏锛屽浼氬涓嶅悓琛ㄦ儏鍋氬嚭涓嶅悓鐨勫弽搴旓紝骞跺浼氳〃杈捐嚜宸辩殑鎰熷彈銆�
+ </p>
+ <p class="content">
+ 锛�5锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屾彁渚涜兘寮曡捣濠村効鎵嬬溂鑴戝崗璋冧竴鑷磋拷闅忕Щ鍔ㄤ簨鐗╃殑鏈轰細銆傚闀垮湪濠村効鍓嶆柟25鍘樼背澶勬憞鍔ㄦ嫧娴紦锛屽綋濠村効娉ㄦ剰鍒版嫧娴紦鍦ㄥ搷鏃讹紝寮曞濠村効鐩潃鎷ㄦ氮榧擄紝寮犲紑鎵嬫兂瑕佹姄鎷ㄦ氮榧擄紙鍥�2-2锛夛紝鐒跺悗鍐嶆妸鎷ㄦ氮榧撴參鎱㈢Щ鍒板┐鍎胯兘鐪嬪埌鐨勬渶宸﹁竟銆佹渶鍙宠竟鎽囧姩锛屽煿鍏诲┐鍎挎墜銆佺溂銆佽剳鐨勫崗璋冨彂灞曘��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 37椤� -->
+ <div class="page-box" page="45">
+ <div v-if="showPageList.indexOf(45) > -1">
+ <ul class="header-right">
+ <li class="headerRight-Text">
+ 绗簩绔犮��0~6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鎸囧
+ </li>
+ <div>
+ <img src="../../assets/images/0006-01.jpg" alt="" />
+ <li class="headerRight-Number">037</li>
+ </div>
+ </ul>
+ <div class="bodystyle">
+ <div class="img-rights w200 openImgBox">
+ <img
+ class="img-0"
+ src="../../assets/images/0050-01.jpg"
+ alt=""
+ active="true"
+ />
+ <p class="imgdescript">鍥�2-2銆�鎶撴彙鎷ㄦ氮榧�</p>
+ </div>
+ <span>
+ <p class="content">
+ <span class="bold">5锛�5涓湀濠村効璁ょ煡鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屾彁渚涘彂灞曞┐鍎垮鎵句粠瑙嗙嚎涓獊鐒舵秷澶变簨鐗╃殑鑳藉姏鐨勬満浼氥�傚闀跨敤涓�涓粴鍔ㄧ殑銆佽兘鍙戝嚭澹伴煶鐨勭帺鍏凤紝浠庢瀛愪竴澶存參鎱㈡粴鍔ㄥ埌鍙︿竴澶达紙浠庢瀛愬乏杈规粴鍒板彸杈广�佷粠妗屽瓙鍙宠竟婊氬埌宸﹁竟锛夛紝鍦ㄦ杩囩▼涓紝濠村効閮借兘闅忕潃澹伴煶浼稿ご杞韩杩藉鐜╁叿锛堝浘2-3銆佸浘2-4锛夈�傚鏋滃┐鍎胯兘鍋氬埌闅忓０杩藉鐜╁叿锛屽闀垮啀鐢ㄤ笉鍙戝０鐨勭帺鍏疯缁冨┐鍎胯拷瀵荤帺鍏风殑鑳藉姏銆�
+ </p>
+ </span>
+ <div class="fl al-c openImgBox">
+ <div class="tl-c">
+ <img
+ src="../../assets/images/0050-02.jpg"
+ style="width: 80%"
+ alt=""
+ active="true"
+ />
+ <p class="imgdescript">鍥�2-3銆�杩借绉诲姩涓殑鐗╀欢</p>
+ </div>
+ <div class="tl-c">
+ <img
+ src="../../assets/images/0050-03.jpg"
+ style="width: 80%"
+ alt=""
+ active="true"
+ />
+ <p class="imgdescript">鍥�2-4銆�杩借绉诲姩涓殑鐗╀欢</p>
+ </div>
+ </div>
+ <p class="content mt-20">
+ 锛�2锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屾妸闀滃瓙浣滀负淇冭繘濠村効璁ょ煡鍙戝睍鐨勯噸瑕佸涔犲伐鍏枫�傚闀挎姳鐫�濠村効鐓ч暅瀛愶紝寮曞濠村効鐪嬮暅瀛愰噷瀹堕暱鍜屽┐鍎跨殑浜斿畼鍜岃〃鎯咃紝閫楀紩濠村効绗戯紝杩樺彲浠ュ紩瀵煎┐鍎垮湪闀滀腑璁ょ煡鑷繁鐨勪簲瀹樸��
+ </p>
+ <p class="content">
+ 锛�3锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛岀粡甯哥敤鎰夊揩銆佷翰鍒囥�佹俯鏌旂殑鎬佸害鍜屾儏鎰熺収椤惧┐鍎匡紝澶氬拰濠村効璇磋瘽锛屽煿鍏诲┐鍎挎剦蹇殑鎯呯华锛屽缁欏┐鍎垮惉鍎挎瓕鍜岄煶涔愶紝浣夸箣瀵圭啛鎮夌殑闊充箰鏈夋剦蹇殑鎯呯华鍙嶅簲銆�
+ </p>
+ <p class="content">
+ 锛�4锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屾暀濠村効璁よ瘑瀹跺涵鎴愬憳锛岃濠村効鑳借鲸璁よ嚜宸辩殑瀹朵汉銆�
+ </p>
+ <p class="content">
+ 锛�5锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛岀粰濠村効鎻愪緵浠栦滑鍠滅埍鐨勭帺鍏枫�傚┐鍎垮枩娆㈣壊褰╅矞鑹炽�佸彂鍏夈�佹湁澹板搷鐨勭帺鍏凤紝鐪嬪埌杩欎簺鐜╁叿锛屽┐鍎夸細楂樺叴寰楁墜鑸炶冻韫堬紝涓诲姩浼告墜鎶撴彙鍜岀帺鑰嶏紝閫氳繃鐜╃帺鍏蜂績杩涗簡濠村効璁ょ煡鑳藉姏鐨勫彂灞曘��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 38椤� -->
+ <div class="page-box" page="46">
+ <div v-if="showPageList.indexOf(46) > -1">
+ <ul class="header-left">
+ <img src="../../assets/images/0005-01.jpg" alt="" />
+ <li class="headerNumber">038</li>
+ <li class="headerText">0~3 宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 锛�6锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛岀粡甯哥粰濠村効鍋氭姎瑙︽寜鎽╂搷锛屼績杩涘叾瑙﹁鐭ヨ鑳藉姏鐨勫彂灞曘��
+ </p>
+ <p class="content">
+ <span class="bold">6锛�6涓湀濠村効璁ょ煡鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屾嫇灞曞┐鍎跨殑璁ょ煡鑼冨洿锛屽甯﹀┐鍎垮埌鎴峰娲诲姩锛岃鍏跺鎺ヨЕ绀句細鍜屼汉锛屼负濠村効鎻愪緵涓庝汉浜ゅ線鐨勭幆澧冿紝灏ゅ叾瑕佽濠村効澶氬拰灏忔湅鍙嬬帺锛屽煿鍏诲┐鍎块�傚簲浜哄拰鐜鐨勮兘鍔涳紝閬垮厤濠村効瑙侀檶鐢熶汉鏃惰翰閬垮鎬曞拰鍝椆鐨勭幇璞°��
+ </p>
+ <p class="content">
+ 锛�2锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎胯鐭ヤ粬鐔熸倝骞跺枩鐖辩殑鍚勭鐢熸椿鐢ㄥ搧鐨勫悕绉帮紝濡傜伅銆佸啺绠辩瓑锛岄紦鍔卞┐鍎垮湪鍚埌鍚嶇О鍚庣敤鐪肩潧鐪嬨�佺敤鎵嬫寚鎽革紝淇冭繘濠村効鎵嬨�佺溂銆佽剳鐨勫崗璋冨彂灞曘��
+ </p>
+ <p class="content">
+ 锛�3锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎垮垎杈ㄥ闀跨殑涓嶅悓琛ㄦ儏鍜屾儏缁�傚闀块�氳繃鍋氬悇绉嶈〃鎯呭拰鍙戝嚭涓庝箣瀵瑰簲鐨勮璋冿紝寮曞濠村効瑙傚療瀹堕暱涓嶅悓鐨勯潰閮ㄨ〃鎯咃紝瀛︿範鍒嗚鲸鍏锋湁鏄庢樉鎯呯华鐨勮〃鎯呫�佽璋冿紝濠村効鑳藉浜插垏鐨勮瑷�琛ㄧず鎰夊揩锛岃兘瀵逛弗鍘夌殑璇█琛ㄧ幇鍑轰笉瀹夈��
+ </p>
+ <p class="content">
+ 锛�4锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽煿鍏诲┐鍎垮鎵炬秷澶卞湪瑙嗙嚎澶栫殑鐗╁搧鑳藉姏銆傚闀胯交鎽囪姳閾冩锛屽紩璧峰┐鍎跨殑娉ㄦ剰鍚庯紝璧板埌濠村効瑙嗙嚎浠ュ鐨勫湴鏂癸紝鍦ㄥ┐鍎胯韩浣撲竴渚ф憞鍝嶈姳閾冩锛岄�楀紩浠栧幓瀵绘壘銆傚綋濠村効澶磋浆鍚戝搷澹帮紝瀹堕暱鎽囧搷鑺遍搩妫掞紝褰撶潃濠村効鐨勯潰鎶婅姳閾冩濉炲叆姣涘肪閲岋紝鍙湶鍑洪儴鍒嗚姳閾冩锛岄棶鈥滆姳閾冩鍦ㄥ摢鍎垮憿鈥濓紝瀹堕暱鍙互鐢ㄧ溂绁炵ず鎰忥紝寮曞濠村効鍘诲鎵俱��
+ </p>
+ <p class="titleQuot-1">锛堜簩锛�0锝�6涓湀濠村効璁ょ煡鍙戝睍鐨勫搴搷浣滄渚�</p>
+ <p class="content">
+ <span class="bold">1.瑙嗚鍚娲诲姩涔嬫姮澶磋拷瑙�</span>
+ </p>
+ <p class="content">
+ 锛�1锛夋椿鍔ㄧ洰鏍囷細閫氳繃閫楀紩濠村効杩借鐜╂暀鍏凤紝鍙戝睍濠村効鐨勮瑙夊惉瑙夈��
+ </p>
+ <p class="content">锛�2锛夋椿鍔ㄥ噯澶囷細甯﹀０鍝嶇殑閫楀紩鐜╂暀鍏枫��</p>
+ <checkVideo
+ :videoPath="videoData[0].videoSrc"
+ :videoName="videoData[0].videoNameSrc"
+ :type="videoData[0].type"
+ :BookId="bookIdSrc"
+ :isCollectVideo="chapterData.isCollectVideoOne"
+ @saveVideoStatus="saveVideoStatus"
+ >
+ </checkVideo>
+ </div>
+ </div>
+ </div>
+ <!-- 39椤� -->
+ <div class="page-box" page="47">
+ <div v-if="showPageList.indexOf(47) > -1">
+ <ul class="header-right">
+ <li class="headerRight-Text">
+ 绗簩绔犮��0~6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鎸囧
+ </li>
+ <div>
+ <img src="../../assets/images/0006-01.jpg" alt="" />
+ <li class="headerRight-Number">039</li>
+ </div>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 锛�3锛夋椿鍔ㄨ繃绋嬶細濠村効瓒村湪鍦板灚涓婏紝瀹堕暱鏅冨姩閫楀紩鐜╂暀鍏锋斁鍒板┐鍎块潰鍓嶏紝閫楀紩濠村効澶撮殢鐫�閫楀紩鐜╂暀鍏疯浆鍚戣韩浣撶殑涓�渚э紝鐒跺悗鍐嶆檭鍔ㄩ�楀紩鐜╂暀鍏锋斁鍒板┐鍎块潰鍓嶏紝浣垮┐鍎跨殑澶撮殢鐫�閫楀紩鐜╂暀鍏疯浆鍚戣韩浣撶殑鍙︿竴渚с�傦紙瑙嗛璧勬簮锛氳瑙夊惉瑙夋椿鍔ㄤ箣鎶ご杩借锛�
+ </p>
+ <p class="content">
+ 锛�4锛夋敞鎰忎簨椤癸細濠村効鍚冨畬濂跺崐灏忔椂鍚庯紝鍐嶈繘琛岃繖椤规椿鍔紝閬垮厤濠村効鍚愬ザ鎴栨孩濂躲��
+ </p>
+ <p class="content">
+ 锛�5锛夊欢浼告寚瀵硷細瀹堕暱鍦ㄥ┐鍎垮畨闈欒閱掔姸鎬佷笅锛屽彲閫氳繃鍦ㄥ┐鍎跨溂鍓嶆檭鍔ㄦ墜缁€�佷竴杈归潰鍚戝┐鍎垮井绗戜竴杈规參鎱㈢Щ鍔ㄦ墜缁㈢瓑鏂瑰紡锛屽彂灞曞┐鍎胯拷瑙嗚兘鍔涖��
+ </p>
+ <p class="content"><span class="bold">2锛庤Е瑙夋椿鍔ㄤ箣娲楁墜鎿﹁劯</span></p>
+ <p class="content">
+ 锛�1锛夋椿鍔ㄧ洰鏍囷細閫氳繃瀹堕暱涓庡┐鍎跨殑鍙嬬埍浜掑姩锛屼績杩涘┐鍎胯Е瑙夌殑鍙戝睍锛屽寮轰翰瀛愬叧绯伙紝鍙戝睍濠村効灏嗗叿浣撲簨鐗╀笌鎶借薄璇█涓�涓�瀵瑰簲鐨勮兘鍔涖��
+ </p>
+ <div class="img-rights w150 openImgBox">
+ <img
+ class="img-0"
+ src="../../assets/images/0052-02.jpg"
+ alt=""
+ active="true"
+ />
+ <p class="imgdescript">鍥�2-5銆�娲楁墜鎿﹁劯</p>
+ </div>
+ <span>
+ <p class="content">
+ 锛�2锛夋椿鍔ㄥ噯澶囷細鍎挎瓕銆婃礂鎵嬫摝鑴搞�嬶紙闊抽璧勬簮锛氭礂鎵嬫摝鑴革級锛屾瓕璇嶏細灏忓皬鎵嬪効娲椾竴娲楋紝灏忓皬鑴稿効鎿︿竴鎿︼紝鐬х灖瀹濆疂澶氬共鍑�锛屽揩璁╁濡堜翰涓�浜层��
+ </p>
+ <p class="content">锛�3锛夋椿鍔ㄨ繃绋�</p>
+ <p class="content">
+ 濠村効骞宠汉锛屽闀垮潗鍦ㄥ┐鍎胯剼涓嬫柟锛堝浘2-5锛夛紝涓庡┐鍎块潰瀵归潰寰瑧锛屾敞瑙嗗┐鍎垮苟涓庡┐鍎胯璇濄��
+ </p>
+ <p class="content">
+ 瀹堕暱鏍规嵁姝岃瘝锛屽甫鐫�濠村効鎰夊揩鍦板仛濡備笅鐨勫姩浣滐紙瑙嗛璧勬簮锛氳Е瑙夋椿鍔ㄤ箣娲楁墜鎿﹁劯锛夈��
+ </p>
+ <p class="content">
+ 姝岃瘝绗竴閬嶆椂锛氣�滃皬灏忔墜鍎挎礂涓�娲椻�濓紝瀹堕暱鎻′綇濠村効鐨勪竴鍙墜锛屼粠鎵嬫帉鍚戞寚灏栫◢绋嶇敤鍔涙帹锛岃濠村効鐨勬墜鎺屾墦寮�锛涒�滃皬灏忚劯鍎挎摝涓�鎿︼紝鐬х灖瀹濆疂澶氬共鍑�鈥濓紝瀹堕暱鐢ㄥ弻鎵嬫帉缁欏┐鍎跨殑闈㈤儴鍋氭寜鎽╋紝绋嶇◢鐢ㄥ姏锛屼績杩涘┐鍎块潰閮ㄧ缁忔湯姊㈢殑鍙戝睍锛涒�滃揩璁╁濡堜翰涓�浜测�濓紝瀹堕暱鍏呮弧鐖辨剰鍦颁翰鍚诲┐鍎匡紝鎶婃弧婊＄殑鐖变紶閫掔粰濠村効銆�
+ </p>
+ <p class="content">
+ 姝岃瘝绗簩閬嶆椂锛氣�滃皬灏忔墜鍎挎礂涓�娲椻�濓紝瀹堕暱鎻′綇濠村効鐨勫彟涓�鍙墜锛岄噸澶嶆瓕璇嶇涓�閬嶆椂鐨勫姩浣溿��
+ </p>
+ </span>
+ <p class="content">
+ 姝岃瘝绗笁銆佸洓閬嶆椂锛氣�滃皬灏忔墜鍎挎礂涓�娲椻�濓紝瀹堕暱鎻′綇濠村効鐨勪袱鍙墜锛屼娇鍏跺弻鎵嬬殑鎵嬪績鐩歌Е锛屽甫鍔ㄥ┐鍎垮仛鍙屾墜鎵嬪績涓婁笅鎽╂摝鐨勫姩浣滐紝杩樺彲浠ュ甫鐫�濠村効鍋氫竴鍙墜鎵嬪績鐢ㄥ姏鎶氭懜鍙︿竴鍙墜鎵嬭儗鐨勫姩浣滐紱閲嶅姝岃瘝绗竴閬嶆椂鐨勫姩浣溿��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 40椤� -->
+ <div class="page-box" page="48">
+ <div v-if="showPageList.indexOf(48) > -1">
+ <ul class="header-left">
+ <img src="../../assets/images/0005-01.jpg" alt="" />
+ <li class="headerNumber">040</li>
+ <li class="headerText">0~3 宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 锛�4锛夊欢浼告寚瀵硷細娆㈣繋瀹堕噷鎵�鏈夌殑鎴愬憳閮藉甫鐫�濠村効鐜╄繖涓椿鍔紝鏈夊姪浜庡┐鍎垮缓绔嬭壇濂界殑浜插瓙鍏崇郴銆�
+ </p>
+ <checkVideo
+ :videoPath="videoData[1].videoSrc"
+ :videoName="videoData[1].videoNameSrc"
+ :type="videoData[1].type"
+ :BookId="bookIdSrc"
+ :isCollectVideo="chapterData.isCollectVideoTwo"
+ @saveVideoStatus="saveVideoStatus"
+ >
+ </checkVideo>
+ <checkVideo
+ :videoPath="videoData[2].videoSrc"
+ :videoName="videoData[2].videoNameSrc"
+ :type="videoData[2].type"
+ :BookId="bookIdSrc"
+ :isCollectVideo="chapterData.isCollectVideoTwo"
+ @saveVideoStatus="saveVideoStatus"
+ >
+ </checkVideo>
+ <h2 class="secondTitle">
+ 鍥涖�佷績杩�0锝�6涓湀濠村効璇█鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧鍙婂搴搷浣滄渚�
+ </h2>
+ <p class="titleQuot-1">
+ 锛堜竴锛�0锝�6涓湀濠村効璇█鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧
+ </p>
+ <p class="content">
+ <span class="bold">1锛�1涓湀濠村効璇█鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛岀粰濠村効鎻愪緵鍚悇绉嶅悇鏍疯嚜鐒剁晫澹伴煶鍙婃棩甯哥敓娲讳腑鍙戝嚭鐨勫悇绉嶅０闊崇殑鏈轰細锛屽鐢佃瘽閾冨０銆佸皬楦熷彨鐨勫０闊崇瓑锛屽彂灞曞┐鍎跨殑鍚鐭ヨ鑳藉姏锛屾彁楂樺叾瀵瑰鐣岀幆澧冧腑澹伴煶鐨勯�傚簲鑳藉姏銆�
+ </p>
+ <p class="content">
+ 锛�2锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎垮瀹堕暱璇磋瘽鎰熷叴瓒ｃ�傚闀夸笌濠村効闈㈠闈㈣璇濇椂锛屽彲浠ユ晠鎰忛珮澹板拰澶у０璇磋瘽锛屾彁楂樺┐鍎垮瀹堕暱璇磋瘽澹板挨鍏舵槸楂橀煶鐨勬晱鎰熷害銆�
+ </p>
+ <p class="content">
+ 锛�3锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屾彁渚涚粰濠村効鍙戦煶鐨勬満浼氥�傚闀夸笌濠村効闈㈠闈㈠井绗戣璇濓紝閫楀紩濠村効鍙戝嚭缁嗗皬鐨勫枆闊炽��
+ </p>
+ <p class="content">
+ <span class="bold">2锛�2涓湀濠村効璇█鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屼績杩涘┐鍎跨殑鍚鐭ヨ鐨勫彂灞曘�傚闀垮缁欏┐鍎垮惉浼樼編鐨勫彜鍏搁煶涔愶紝鍞卞効姝屻��
+ </p>
+ <p class="content">
+ 锛�2锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎垮瀹堕暱鐨勯�楀紩鏈夊弽搴斻�傚闀垮彲浠ョ粡甯镐笌濠村効闈㈠闈氦娴侊紝澶氬彂鍑哄鈥渁鈥濃�渙鈥濃�渦鈥濈瓑鍗曢煶锛屽鍜屽┐鍎胯璇濓紝閫楀紩濠村効鍙戝嚭鈥滃挄鍜曗�濆０鍜岀被浼尖�渁鈥濃�渙鈥濃�渦鈥濈殑闊炽��
+ </p>
+ <p class="content">
+ <span class="bold">3锛�3涓湀濠村効璇█鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屾彁渚涚粰濠村効鍒嗚鲸涓嶅悓浜虹殑璇磋瘽澹伴煶鍙婂叾璇皟鐨勬満浼氥�傚闀夸笌濠村効浜よ皥鏃讹紝鍙互缁忓父鍙樻崲璇皟锛岄�楀紩濠村効鍙戦煶銆佺瑧鍑哄０锛屼娇鍏舵効鎰忎笌浜哄璇濄��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 41椤� -->
+ <div class="page-box" page="49">
+ <div v-if="showPageList.indexOf(49) > -1">
+ <ul class="header-right">
+ <li class="headerRight-Text">
+ 绗簩绔犮��0~6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鎸囧
+ </li>
+ <div>
+ <img src="../../assets/images/0006-01.jpg" alt="" />
+ <li class="headerRight-Number">041</li>
+ </div>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 锛�2锛夎繖涓樁娈电殑濠村効鍝０鏄庢樉鍑忓皯骞跺紑濮嬪垎鍖栵紝瀹堕暱搴斿湪鏃ュ父鐢熸椿涓紝鎺屾彙濠村効鍚勭鍝０鐨勫惈涔夛紝骞堕噰鍙栭�傚疁鐨勬柟娉曪紝婊¤冻濠村効鐨勫悇绉嶉渶瑕併��
+ </p>
+ <p class="content">
+ 锛�3锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎垮彂鍗曚釜闊垫瘝闊炽�傚闀跨敤浜插垏娓╂煍鐨勫０闊充笌濠村効浜よ皥锛岄�楀紩濠村効鑷劧鍙戝嚭鍗曚釜闊垫瘝鈥渁鈥濃�渙鈥濃�渦鈥濃�渆鈥濇垨鍏朵粬鍙戦煶銆�
+ </p>
+ <p class="content">
+ <span class="bold">4锛�4涓湀濠村効璇█鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎胯璇嗗埌涓嶅悓澹伴煶浠ｈ〃涓嶅悓鐨勫惈涔夈�傚闀跨暀鎰忚瀵熷┐鍎跨殑鍚勭鍙戦煶锛屽苟鍙婃椂缁欎簣涓嶅悓鐨勫弽搴旓紝淇冧娇濠村効璁ょ煡鍒颁笉鍚岀殑澹伴煶浼氬緱鍒板闀夸笉鍚岀殑鍙嶉銆�
+ </p>
+ <p class="content">
+ 锛�2锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屼績杩涘┐鍎垮惉瑙夌煡瑙夎兘鍔涚殑鍙戝睍銆傚闀垮簲澶氱粰濠村効鍚紭缇庣殑闊充箰銆佸悇绉嶅姩鐗╃殑鍙０銆佽嚜鐒剁晫涓殑鍚勭澹伴煶銆�
+ </p>
+ <p class="content">
+ 锛�3锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎夸笌瀹堕暱鐜╃浉浜掓ā浠跨殑鍙戦煶娓告垙銆傝繖涓樁娈电殑濠村効鏈夋槑鏄剧殑鍙戦煶鎰挎湜锛屽湪濠村効鎯呯华鎰夊揩鏃讹紝瀹堕暱鍙敤鎰夊揩鐨勮姘斿拰琛ㄦ儏锛屾垨鐢ㄧ帺鍏凤紝璁╀粬鍙戝嚭鈥滃憿鈥濃�滃晩鈥濃�滃挴鈥濈殑绗戝０锛岄�楀紩濠村効涓诲姩鍙戝０锛屽闀垮瘜鏈夋劅鎯呭湴涓庝粬鈥滃璇濃�濓紝寮曞濠村効鐢ㄢ�滃捒鍛�鈥濆０涓庝汉浜ゆ祦锛堟嫇灞曢槄璇伙細鎴愪汉搴斿浣曚笌濠村効瀵硅瘽锛夈��
+ </p>
+ <p class="content">
+ 锛�4锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎垮彂鍑烘煇浜涜緟闊炽�傚闀夸笌濠村効浜よ皥锛屽紩瀵煎叾鍙戝嚭鈥渂鈥濃�減鈥濃�渕鈥濃�渄鈥濃�渘鈥濈瓑杈呴煶銆�
+ </p>
+ <!-- pdf鏌ョ湅 -->
+ <div class="pdf-box">
+ <div class="pdf-title">
+ <img class="bg-img" :src="videoBgIcon" alt="" />
+ <p class="pdf-title-name">
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg>
+ <span>鎷撳睍闃呰</span>
+ </p>
+ <p class="pdf-title-img">
+ <span @click="toUrl(4)"> {{ chapter002.pdfMd5[4].name }}</span>
+ </p>
+ </div>
+ </div>
+ <p class="content">
+ <span class="bold">5锛�5涓湀濠村効璇█鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎胯鐭ヨ嚜宸辩殑鍚嶅瓧銆傚闀跨敤鍥哄畾鍚嶅瓧绉板懠濠村効锛岀粡甯稿懠鍞や粬鐨勫悕瀛楋紝褰撲粬瀵瑰懠鍞ゆ湁鍙嶅簲鏃讹紝瀹堕暱鍋氬嚭榧撳姳鍜岃〃鎵殑绉瀬鍙嶉锛屼娇濠村効璁ょ煡鍒拌嚜宸变笌鍚嶅瓧鐨勫叧绯汇��
+ </p>
+ <p class="content">
+ 锛�2锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎挎棤鎰忓彂鍑衡�滅埜鈥濇垨鈥滃鈥濈殑闊炽�傝繖涓樁娈电殑濠村効寮�濮嬪捒鍛�瀛﹁锛屽闀夸笌濠村効闈㈠闈㈣璇濓紝鐢ㄦ剦蹇殑璇皵涓庤〃鎯呭彂鍑衡�渂a-ba鈥濃�渕a-ma鈥濈瓑閲嶅闊宠妭锛屽紩瀵煎┐鍎挎敞瑙嗗闀跨殑鍙ｅ瀷鍙樺寲锛屼富鍔ㄦā浠匡紝瀹堕暱姣忓彂涓�涓噸澶嶉煶鑺傚悗瑕佹湁鍋滈】锛岀暀缁欏┐鍎挎ā浠跨殑鏃堕棿銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 42椤� -->
+ <div class="page-box" page="50">
+ <div v-if="showPageList.indexOf(50) > -1">
+ <ul class="header-left">
+ <img src="../../assets/images/0005-01.jpg" alt="" />
+ <li class="headerNumber">042</li>
+ <li class="headerText">0~3 宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="content">
+ 锛�3锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屾彁渚涚粰濠村効鏇村鎰熷彈璇█鐨勬暀鑲叉満浼氥�傚闀垮濠村効缁忓父鎺ヨЕ鍒扮殑浜嬬墿瑕佸弽澶嶅憡鐭ュ┐鍎夸簨鐗╃殑鍚嶇О銆佺敤閫斿拰鐗瑰緛銆�
+ </p>
+ <p class="content">
+ 锛�4锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎胯鲸鍒�4绉嶅熀鏈潰閮ㄨ〃鎯呫�傚闀垮仛鍑哄悇绉嶈〃鎯呯粰濠村効鐪嬶紝寮曞濠村効鍒嗚鲸鎯婅銆佸鎬曘�佺敓姘斿拰楂樺叴4绉嶉潰閮ㄨ〃鎯呯殑鍚箟銆�
+ </p>
+ <p class="content">
+ <span class="bold">6锛�6涓湀濠村効璇█鍙戝睍鐨勭幆澧冨垱璁句笌娲诲姩鎸囧</span>
+ </p>
+ <p class="content">
+ 锛�1锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎夸笌瀹堕暱涓�璧封�滃晩鍟娾�濃�滃憸鍛溾�濆湴鑱婂ぉ銆傚湪濠村効楂樺叴鏃讹紝瀹堕暱涓庝粬闈㈠闈紝鎱㈡參鑰屾竻鏅板湴鍙戝嚭鍚勭绠�鍗曢煶鑺傦紝渚嬪锛屸�渂a-ba鈥濃�渕a-ma鈥濃�渄a-da鈥濃�渘a-na鈥濃�渨a-wa鈥濃�減ai-pai鈥濃�渨u-wu鈥濓紝寮曞濠村効鐪嬬潃瀹堕暱鐨勫彛鍨嬫ā浠垮彂闊筹紝缁忓父鍙嶅杩涜锛屼竴鑸湪6涓湀鏃跺┐鍎胯兘鍙戝嚭4锝�5涓煶鑺傦紝骞剁敤杩欎簺闊宠妭涓庡闀胯亰澶┿��
+ </p>
+ <p class="content">
+ 锛�2锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎跨悊瑙ｅ姩浣滀笌璇█鐨勫搴斿叧绯汇�傝繖鏃舵湡瀹堕暱涓庡┐鍎胯璇濅緷鐒跺緢閲嶈锛屽闀胯浣垮┐鍎挎噦寰楄瑷�鍜屽緢澶氬姩浣滃拰鐗╁搧涔嬮棿鐨勮仈绯伙紝濡傚惉鍎挎瓕鏃跺仛鍔ㄤ綔锛屽仛鍔ㄤ綔鏃跺姞涓婅瑷�锛屼績杩涘┐鍎跨悊瑙ｅ姩浣滀笌璇█鐨勫搴斿叧绯汇��
+ </p>
+ <p class="content">
+ 锛�3锛夊闀垮簲鍦ㄦ棩甯哥敓娲讳腑锛屽紩瀵煎┐鍎垮惉鎳傚闀跨殑璇█淇″彿銆傚闀垮紩瀵煎┐鍎垮惉鍒颁富瑕佸搴垚鍛樺悕绉版椂鎵惧埌瀵瑰簲鐨勪汉锛屽濡堝璇粹�滅埜鐖稿洖鏉ヤ簡鈥濆┐鍎夸細椹笂杞ご鐪嬬埜鐖革紝濠村効鍚埌鈥滃濡堝湪鍝噷鍛⑩�濇椂浼氶┈涓婃湞濡堝鐪嬨��
+ </p>
+ <p class="titleQuot-1">锛堜簩锛�0锝�6涓湀濠村効璇█鍙戝睍鐨勫搴搷浣滄渚�</p>
+ <p class="content">
+ <span class="bold">璇█杈撳叆娲诲姩涔嬫垜鐖卞濡�</span>
+ </p>
+ <p class="content">
+ 锛�1锛夋椿鍔ㄧ洰鏍囷細閫氳繃瀹堕暱鏈楄鍜岄煶涔愭挱鏀惧効姝岀殑鏂规硶锛岄敾鐐煎┐鍎跨殑璁板繂鍔涘拰鍚鐞嗚В鍔涳紝寤堕暱濠村効娉ㄦ剰鍔涚殑鏃堕棿锛屾彁楂樺┐鍎垮璇█鐨勭悊瑙ｅ姏銆�
+ </p>
+ <p class="content">
+ 锛�2锛夋椿鍔ㄥ噯澶囷細鍎挎瓕銆婃垜鐖卞濡堛�嬶紙闊抽璧勬簮锛氭垜鐖卞濡堬級锛屾瓕璇嶏細鎴戞湁涓�涓ソ濡堝锛屾瘡澶╅兘鍦ㄧ収椤炬垜銆傛垜瑕佸仛涓箹瀹濆疂锛屽ソ濂界埍鐫�濂藉濡堛��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 43椤� -->
+ <div class="page-box" page="51">
+ <div v-if="showPageList.indexOf(51) > -1">
+ <ul class="header-right">
+ <li class="headerRight-Text">
+ 绗簩绔犮��0~6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鎸囧
+ </li>
+ <div>
+ <img src="../../assets/images/0006-01.jpg" alt="" />
+ <li class="headerRight-Number">043</li>
+ </div>
+ </ul>
+ <div class="bodystyle">
+ <div class="center openImgBox">
+ <img
+ src="../../assets/images/0056-01.jpg"
+ style="width: 40%"
+ alt=""
+ active="true"
+ />
+ <p class="imgdescript">鍥�2-6銆�鎴戠埍濡堝</p>
+ </div>
+ <p class="content">
+ 锛�3锛夋椿鍔ㄨ繃绋嬶細瀹堕暱鍜屽┐鍎挎壘涓�涓渶鑸掓湇鐨勫Э鍔匡紝闈㈠闈㈠湴鐪嬬潃瀵规柟锛屽闀块潰甯﹀井绗戝湴缁欏┐鍎胯儗璇点�婃垜鐖卞濡堛�嬬殑鍎挎瓕锛屾妸鍎挎瓕涓編濂界殑鍚箟閫氳繃璇█銆佸０璋冨拰琛ㄦ儏锛屾俯鏌斿湴浼犻�掔粰濠村効锛堝浘2-6銆佽棰戣祫婧愶細璇█杈撳叆娲诲姩涔嬫垜鐖卞濡堬級銆傛瘡澶╂渶濂介�夋嫨鍦ㄥ┐鍎垮畨闈欒閱掔姸鎬佹椂锛屽垎鍒湪鏃┿�佷腑銆佹櫄涓変釜鏃堕棿娈电粰濠村効鑳岃1锝�3閬嶃�婃垜鐖卞濡堛�嬬殑鍎挎瓕銆�
+ </p>
+ <p class="content">
+ 锛�4锛夊欢浼告寚瀵硷細涓嶈儗璇电殑鏃跺�欙紝瀹堕暱鍙互浠庣綉涓婃壘鏉ャ�婃垜鐖卞濡堛�嬬殑姝屾洸锛屾垨鑷繁褰曢煶锛屾妸銆婃垜鐖卞濡堛�嬬殑姝屾洸鏀剧粰濠村効鍚紝杩欐牱鍋氫竴鏄彲浠ョ粰濠村効浣撲細鍚屼竴棣栧効姝屽唴瀹逛笉鍚屽舰寮忕殑鍚杈撳叆鏂瑰紡锛屼簩鏄彲浠ュ鍔犲┐鍎垮惉瑙夎緭鍏ョ殑娆℃暟锛岃濠村効灏藉揩鐔熸倝鍎挎瓕鐨勫唴瀹癸紝涓轰互鍚庡┐鍎块『鍒╂帴璇淬�婃垜鐖卞濡堛�嬪仛濂藉噯澶囥��
+ </p>
+ <checkVideo
+ :videoPath="videoData[3].videoSrc"
+ :videoName="videoData[3].videoNameSrc"
+ :type="videoData[3].type"
+ :BookId="bookIdSrc"
+ :isCollectVideo="chapterData.isCollectVideoThree"
+ @saveVideoStatus="saveVideoStatus"
+ >
+ </checkVideo>
+ <div class="fl al-c jc-c center mt-30 mb-20">
+ <img class="img-i" src="../../assets/images/0040-01.jpg" alt="" />
+ <p class="titleQuot-c">鏈珷灏忕粨</p>
+ <img class="img-i" src="../../assets/images/0040-02.jpg" alt="" />
+ </div>
+ <p class="quotation">
+ 鏈珷鍐呭鍖呮嫭鍥涢儴鍒嗭紝鍒嗗埆浠嬬粛浜�0锝�6涓湀鍚勪釜闃舵濠村効璁ょ煡鍜岃瑷�鍙戝睍鐨勭壒鐐广�佺洰鏍囷紝濠村辜鍎垮闀垮叧浜�0锝�6涓湀鍚勪釜闃舵濠村効璁ょ煡鍜岃瑷�鍙戝睍鐨勬寚瀵煎唴瀹癸紝浠ュ強璁ょ煡涓庤瑷�鏁欒偛娲诲姩妗堜緥銆傛湰绔犲唴瀹圭殑閲嶇偣鏄簡瑙�0锝�6涓湀鍚勪釜闃舵濠村効璁ょ煡涓庤瑷�鏁欒偛鐨勫疄鏂借鐐癸紝涓轰究浜庣悊瑙ｆ帉鎻★紝瀛︿範鑰呭彲鍦ㄩ槄璇绘枃鏈殑鍚屾椂鎵爜娴忚娲诲姩瑙嗛锛屽姞寮哄疄璺佃繍鐢ㄨ兘鍔涖��
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 44椤� -->
+ <div class="page-box" page="52">
+ <div v-if="showPageList.indexOf(52) > -1">
+ <ul class="header-left">
+ <img src="../../assets/images/0005-01.jpg" alt="" />
+ <li class="headerNumber">044</li>
+ <li class="headerText">0~3 宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</li>
+ </ul>
+ <div class="bodystyle">
+ <div class="fl al-c jc-c center mt-30 mb-20">
+ <img class="img-i" src="../../assets/images/0040-01.jpg" alt="" />
+ <p class="titleQuot-c">灏忎换鍔�</p>
+ <img class="img-i" src="../../assets/images/0040-02.jpg" alt="" />
+ </div>
+ <p class="quotation">
+ 1锛庣編缇庡嚭鐢�1涓湀浜嗭紝瀹堕噷浜烘�曟湁浜涘０闊宠繃澶т細鍚撳埌缇庣編锛屾墍浠ュ浜轰笌缇庣編璇磋瘽鏃躲�佸拰浠栦汉涔嬮棿璇磋瘽鏃堕兘浼氱敤寰堝皬鐨勫０闊炽�備絾鍒ぇ椋庢垨涓嬪ぇ闆ㄦ椂锛屽鐗╂媿鎵撶獥鎴风殑澹伴煶鍗存病娉曢伩鍏嶏紝瀹朵汉寰堣嫤鎭硷紝鎯冲姹傝В鍐冲姙娉曘�傝缁撳悎鏈珷浠嬬粛鐨勫┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鐗圭偣锛屾兂涓�鎯崇編缇庡浜虹殑鍋氭硶鏄惁鏈変笉褰撲箣澶勶紝骞剁粨鍚堜粬浠殑鑻︽伡缁欏嚭鍚堥�傜殑鐓ф姢鍜屾暀鑲插缓璁��
+ </p>
+ <textarea
+ v-model="videoQuestionData.one"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 100%"
+ class="fz-16 fm-son textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
+ <p class="quotation">
+ 2锛庡皬鍙跺瓙鍑虹敓3涓湀浜嗭紝濡堝鍦ㄥ皬鍙跺瓙瀹夐潤瑙夐啋鐘舵�佷笅锛屾�绘槸璁╁ス韬哄湪搴婁笂锛岀溂鐪嬪ぉ鑺辨澘锛屽濡堣涓猴細鈥滅幇鍦ㄥ瀛愬お灏忎簡锛屼粈涔堜篃涓嶄細锛岀潯閱掑悗韬虹潃灏卞ソ浜嗐�傗�濊浣犱綔涓哄皬鍙跺瓙濡堝鐨勪翰鏈嬪ソ鍙嬶紝缁欏皬鍙跺瓙鍒惰涓�浠戒績杩涘皬鍙跺瓙璁ょ煡涓庤瑷�鍙戝睍鐨勬暀鑲叉柟妗堬紝骞舵寚瀵煎皬鍙跺瓙濡堝鎿嶄綔銆�
+ </p>
+ <textarea
+ v-model="videoQuestionData.two"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 100%"
+ class="fz-16 fm-son textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
+ <p class="quotation">
+ 3锛庢壘涓嶅皯浜�5涓�6涓湀澶х殑濠村効锛岃浠栦滑鐨勫闀胯褰曞┐鍎夸竴鍛ㄥ唴鍙戝嚭鐨勬墍鏈夆�夐煶锛屾牴鎹瘡涓┐鍎垮悇鑷殑鍙戦煶鎯呭喌锛岀粰姣忎釜濠村効鍐欎竴浠借瑷�鍙戝睍鎸囧鏂规銆�
+ </p>
+ <textarea
+ v-model="videoQuestionData.three"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 100%"
+ class="fz-16 fm-son textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
+ <div class="fl al-c jc-c center mt-30 mb-30">
+ <img class="img-i" src="../../assets/images/0040-01.jpg" alt="" />
+ <p class="titleQuot-c">甯歌闂瑙ｇ瓟</p>
+ <img class="img-i" src="../../assets/images/0040-02.jpg" alt="" />
+ </div>
+ <p class="content">
+ <span class="bgColor"><span class="fm-zh">闂1</span></span
+ >銆�<span class="fm-zh">璺熷崐宀佸┐鍎跨帺鐨勮棌鐚尗娓告垙鏈夊摢浜涚帺娉曪紵</span>
+ </p>
+ <p class="content">
+ <span class="bgColor"
+ ><span class="quotation">瑙� 绛�</span> </span
+ >銆�<span class="quotation"
+ >钘忕尗鐚彲浠ユ湁寰堝绉嶇帺娉曘�傚綋濠村効鐨勫姩浣滄洿鐏垫椿銆佸弽搴旀洿鐏垫晱鏃讹紝瀹堕暱鍙互鍒涢�犱竴浜涚敱浠栨潵涓诲鐨勬父鎴忋��</span
+ >
+ </p>
+ <p class="quotation">
+ 1锛庡闀垮皢涓�鍧楁煍杞殑甯冪洊鍦ㄥ┐鍎垮ご涓婏紝鐒跺悗闂細鈥滃疂瀹濆湪鍝効鍛紵鈥濆綋濠村効鐞嗚В杩欎釜娓告垙鍚庯紝灏变細鑷繁鎷挎帀甯冿紝绗戠潃鎶婂ご闇插嚭鏉ャ��
+ </p>
+ <p class="quotation">
+ 2锛庤濠村効闈㈠悜瀹堕暱骞宠汉锛屽皢浠栫殑涓ゆ潯鑵块兘鎶捣鏉ワ紝璇粹�滆捣锛岃捣锛岃捣鈥濓紝鐩村埌濠村効鍙岃吙鎸′綇瀹堕暱鐨勮劯锛岀劧鍚庡垎寮�濠村効鐨勪袱鏉¤吙澶у枈锛氣�滆棌鐚尗锛佲�濆綋濠村効鏄庣櫧鎬庝箞鐜╀互鍚庯紝灏变細鑷繁绉诲姩涓よ吙锛堣繖鍦ㄦ崲灏垮竷鐨勬椂鍊欐槸闈炲父濂界殑娓告垙锛夈��
+ </p>
+ <p class="quotation">
+ 3锛庡闀胯棌鍦ㄩ棬鍚庢垨瀹跺叿鍚庯紝鍦ㄥ┐鍎胯兘鐪嬪埌鐨勫湴鏂圭暀涓�鍙剼鎴栦竴鏉¤兂鑶婂仛鎻愮ず銆傚┐鍎夸細寰堥珮鍏村湴鐖繃鏉ユ壘瀹堕暱銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 45椤� -->
+ <div class="page-box" page="53">
+ <div v-if="showPageList.indexOf(53) > -1">
+ <ul class="header-right">
+ <li class="headerRight-Text">
+ 绗簩绔犮��0~6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鎸囧
+ </li>
+ <div>
+ <img src="../../assets/images/0006-01.jpg" alt="" />
+ <li class="headerRight-Number">045</li>
+ </div>
+ </ul>
+ <div class="bodystyle">
+ <p class="quotation">
+ 4锛庡闀垮厛灏嗗ご鈥滆棌鈥濆湪澶ф荡宸句笅闈紝璁╁┐鍎挎妸娴村肪鎷挎帀锛岀劧鍚庢妸娴村肪鐩栧湪濠村効澶翠笂锛屽闀挎潵鎷挎帀锛岃疆娴佽繖涔堝仛銆�
+ </p>
+ <p class="content mt-10">
+ <span class="bgColor"><span class="fm-zh">闂2</span></span
+ >銆�<span class="fm-zh">濠村効鏈夊繀瑕佸惉闊充箰鍚楋紵</span>
+ </p>
+ <p class="content">
+ <span class="bgColor"
+ ><span class="quotation">瑙� 绛�</span></span
+ >銆�<span class="quotation"
+ >缇庡浗鐮旂┒鑰呭畨寰锋．锛圝.W.Anderson锛夌爺绌舵�荤粨锛氬ぇ澶氭暟濠村効宸茬粡鍏峰浜嗘晱閿愮殑杈ㄥ埆涓嶅悓棰戠巼澹伴煶鐨勮兘鍔涳紝鑰�6涓湀鐨勫┐鍎垮凡缁忚兘鎰熺煡鍗忓拰闊崇▼鐨勫彉鍖栵紝琛ㄧず鍑轰簡瀵瑰崗鍜岄煶绋嬬殑鍋忓ソ锛涘┐鍎胯繕鑳芥劅瑙夊嚭璇濊涓殑鎰熸儏鍥犵礌锛岃〃鐜板嚭瀵瑰甫鏈夋剦鎮︽劅鎯呯殑璇煶鐨勫亸濂斤紱濠村効杩樿兘瑙夊療鍑鸿嚜鐒跺畬鏁寸殑涔愬彞涓庝笉瀹屾暣鐨勪箰鍙ヤ箣闂寸殑宸紓锛屽瀹屾暣鐨勪箰鍙ワ紝娴佺晠鐨勯煶绗﹁〃绀哄嚭浜嗗亸濂姐�傚┐鍎垮凡鏈夎瘑鍒棆寰嬭疆寤撶殑蹇冪悊鍙備笌鐨勫惉瑙夎兘鍔涖��</span
+ >
+ </p>
+ <p class="quotation">
+ 鍙︽湁鐮旂┒鑰咃紙Krumhansl鍜孞uscyk锛夊湪1990骞村仛浜嗗┐鍎垮瀹屾暣涓庝笉瀹屾暣鐨勪箰鍙ュ亸濂界殑瀹為獙鐮旂┒銆傚疄楠屼娇鐢ㄤ簡涓ょ闊充箰鏍锋湰锛屼竴鏄タ鏂瑰彜鍏搁煶涔愪綔鍝佷腑鑷劧銆佸畬鏁寸殑涔愬彞锛涗簩鏄粠瑗挎柟鍙ゅ吀闊充箰浣滃搧鍘熸湁涔愬彞涓埅鍑虹殑涓�娈碉紝娌℃湁寮�濮嬶紝涔熸病鏈夌粨鏉熴�備袱绉嶆牱鏈湁绫讳技鐨勯煶楂樺強闀垮害銆傚疄楠屼腑锛屽┐鍎垮潗鍦ㄥ濡堣韩涓婏紝鎾煶鍣ㄤ笂鏈変竴涓棯鐑佺殑鐏惛寮曞┐鍎跨殑娉ㄦ剰銆備袱绉嶉煶涔愭牱鏈殢鏈烘挱鏀俱�傜粨鏋滄槸24涓┐鍎夸腑鏈�22涓〃鐜板嚭瀵瑰畬鏁翠箰鍙ョ殑鍋忓ソ銆傚湪瀹屾暣涔愬彞鐨勯煶涔愭牱鏈挱鏀炬椂锛屼粬浠妸澶村亸鍚戞挱鏀惧櫒锛岃〃鐜板嚭闀挎椂闂寸殑鍏磋叮锛岃�屽湪涓嶅畬鏁翠箰鍙ョ殑闊充箰鏍锋湰鎾斁鏃讹紝浠栦滑涓ょ涓嶅埌灏辨妸澶存壄寮�銆�
+ </p>
+ <div class="fl al-c jc-c center mt-30 mb-30">
+ <img class="img-i" src="../../assets/images/0040-01.jpg" alt="" />
+ <p class="titleQuot-c">浜戞祴璇�</p>
+ <img class="img-i" src="../../assets/images/0040-02.jpg" alt="" />
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 46椤� -->
+ <!-- <div class="page-box" page="54">
+ <div v-if="showPageList.indexOf(54) > -1">
+ <ul class="header-left">
+ <img src="../../assets/images/0005-01.jpg" alt="" />
+ <li class="headerNumber">046</li>
+ <li class="headerText">0~3 宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</li>
+ </ul>
+ <div class="bodystyle"></div>
+ </div>
+ </div> -->
+ <!-- 47椤� -->
+ <!-- <div class="page-box" page="55">
+ <div v-if="showPageList.indexOf(55) > -1">
+ <ul class="header-right">
+ <li class="headerRight-Text">
+ 绗簩绔犮��0~6涓湀濠村効璁ょ煡涓庤瑷�鍙戝睍鎸囧
+ </li>
+ <div>
+ <img src="../../assets/images/0006-01.jpg" alt="" />
+ <li class="headerRight-Number">047</li>
+ </div>
+ </ul>
+ <div class="bodystyle"></div>
+ </div>
+ </div> -->
+ <!-- 48椤� -->
+ <!-- <div class="page-box" page="56">
+ <div v-if="showPageList.indexOf(56) > -1">
+ <ul class="header-left">
+ <img src="../../assets/images/0005-01.jpg" alt="" />
+ <li class="headerNumber">048</li>
+ <li class="headerText">0~3 宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</li>
+ </ul>
+ <div class="bodystyle"></div>
+ </div>
+ </div> -->
+ <preView
+ :isClear="dialogVisible"
+ :md5="p_md5"
+ :pdfTitle="somePdfTitleValue"
+ ref="pdfDialogRef"
+ ></preView>
+ </div>
+</template>
+
+<script>
+import checkVideo from "../../components/checkVideo/index.vue";
+import preView from "@/components/pdfview/index.vue";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
+export default {
+ name: "chapterTwo",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ interfaceQuestion: {
+ type: Object,
+ },
+ },
+ components: {
+ checkVideo,
+ preView,
+ dialogExaminations,
+ },
+ data() {
+ return {
+ bookIdSrc: this.config.activeBook.bookId,
+ videoData: [
+ {
+ videoSrc: "f1261ba8fe2f387be46aa33b878201af",
+ videoNameSrc: "瑙嗚鍚娲诲姩锛氭姮澶磋拷瑙�",
+ type: "video",
+ },
+ {
+ videoSrc: "dba2eaa14adb68bd7983f053564a2d05",
+ videoNameSrc: "娲楁墜娲楄劯",
+ type: "audio",
+ },
+ {
+ videoSrc: "93c28e2c157ddc803c73a62c770cd9b1",
+ videoNameSrc: "瑙﹁娲诲姩锛氭礂鎵嬫礂鑴�",
+ type: "video",
+ },
+ {
+ videoSrc: "092871238db875f9adbe83f6e00418e5",
+ videoNameSrc: "鎴戠埍濡堝",
+ type: "audio",
+ },
+ {
+ videoSrc: "d610de9238a9a39f8c735783a8ccd268",
+ videoNameSrc: "璇█杈撳叆娲诲姩锛氭垜鐖卞濡�",
+ type: "video",
+ },
+ ],
+ chapterData: {
+ isCollectVideoOne: false,
+ isCollectVideoTwo: false,
+ isCollectVideoThree: false,
+ },
+ //pdf闃呰鍣�
+ videoBgIcon: require("../../assets/images/0028-02.png"),
+ dialogVisible: false,
+ pdfDialogRef: "",
+ somePdfTitleValue: "",
+ p_md5: "",
+ chapter002: {
+ pdfMd5: {
+ 1: {
+ md5: "3095299df66209a0214f797292a07875",
+ name: "鎷撳睍闃呰2-1锛�2涓湀濠村効鐨勫彂闊�",
+ },
+ 2: {
+ md5: "32c6d688583b0e86ed29713ecb4975e7",
+ name: "鎷撳睍闃呰2-2锛�4锝�8涓湀濠村効杩炵画闊宠妭鐨勫彂闊�",
+ },
+ 3: {
+ md5: "ff29eae9a55a1576ac7bac69ba59c9a8",
+ name: "鎷撳睍闃呰2-3锛氬闀垮簲濡備綍搴斿濠村効鐨勫悇绉嶅摥",
+ },
+ 4: {
+ md5: "85bdd8c60a285e0a6448d84d46ad9492",
+ name: "鎷撳睍闃呰2-4锛氭垚浜哄簲濡備綍涓庡┐鍎垮璇�",
+ },
+ },
+ },
+ // 棰樼洰鐩稿叧
+ dialogVisibleOne: false,
+ themeColor: "#7acab4",
+ questionNum: 0,
+ questionTitleMain: "",
+ chapter001: {
+ question: {
+ 1: {
+ questionTitleMain: "绗簲绔犮��濠村辜鍎垮父瑙佽繍鍔ㄤ激瀹崇殑澶勭悊涓庢�ユ晳",
+ questionNum: 185,
+ },
+ },
+ },
+ // 绠�绛旈
+ videoQuestionData: {
+ one:"",
+ two:"",
+ three:"",
+ },
+ };
+ },
+ mounted() {
+ const videoQuestionData = localStorage.getItem(
+ "cognitiveLanDevEduAges0to3-book-chapter002-videoQuestionData"
+ );
+ if (videoQuestionData) {
+ this.videoQuestionData = JSON.parse(videoQuestionData);
+ }
+
+ },
+
+ methods: {
+ toUrl(val) {
+ if (val) {
+ this.p_md5 = this.chapter002.pdfMd5[val].md5;
+ this.somePdfTitleValue = this.chapter002.pdfMd5[val].name;
+ this.$refs.pdfDialogRef.openDialog();
+ }
+ },
+
+ saveVideoQuestionData() {
+ localStorage.setItem(
+ "cognitiveLanDevEduAges0to3-book-chapter002-videoQuestionData",
+ JSON.stringify(this.videoQuestionData)
+ );
+ },
+
+ // openQuestion(num) {
+ // if (num) {
+ // this.questionNum = this.chapter001.question[num].questionNum;
+ // this.questionTitleMain =
+ // this.chapter001.question[num].questionTitleMain;
+ // this.$refs.dialogRef.openDialogQuestion();
+ // }
+ // },
+ },
+};
+</script>
+<style lang="less" scoped>
+hr {
+ margin-left: 0;
+ margin-bottom: 25px;
+ width: 25%;
+ border: none;
+ height: 1px;
+ background-color: #000;
+}
+
+.header-right-img {
+ width: 100%;
+ display: inline-block;
+ justify-content: center;
+ padding-top: 40%;
+ min-height: 600px !important;
+
+ img {
+ width: 35%;
+ height: auto;
+ }
+}
+</style>
diff --git a/src/books/cognitiveLanDevEduAges0to3/view/components/header.vue b/src/books/cognitiveLanDevEduAges0to3/view/components/header.vue
new file mode 100644
index 0000000..d13efb2
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/view/components/header.vue
@@ -0,0 +1,267 @@
+<template>
+ <div class="chapter" num="1">
+ <!-- 灏侀潰 -->
+ <div class="page-box mt-20" page="1" style="min-height: auto">
+ <div v-if="showPageList.indexOf(1) > -1">
+ <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
+ </div>
+ </div>
+ <div class="page-box mt-20" page="2" style="min-height: auto">
+ <div 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.4(2024.1閲嶅嵃)
+ </p>
+ <p class="left3 td-1 fm-hyss fz-14">
+ (濠村辜鍎夸繚鑲蹭笌鏁欒偛鎸囧涓涗功/鍒橀Θ涓荤紪)
+ </p>
+ <p class="left3 td-1 fm-hyss fz-14">ISBN 978-7-303-25215-2</p>
+ <p class="left3 fm-hyss fz-14 mt-20 mb-20">
+ I路鈶�0鈥� 鈪★紝鈶犳潕鈥� 鈪紝鈶犲┐骞煎効-璇█鏁欏-骞煎効甯堣寖瀛︽牎-鏁欐潗 W路鈶� G613.2
+ </p>
+ <p class="left3 fm-hyss fz-14">
+ 涓浗鐗堟湰鍥句功棣咰P鏁版嵁鏍稿瓧(2019)绗�235842鍙�
+ </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">鍗般��銆�寮狅細12</p>
+ <p class="left fm-hyss fz-14">瀛椼��銆�鏁帮細250鍗冨瓧</p>
+ <p class="left fm-hyss fz-14">鐗堛��銆�娆★細2020骞�4鏈堢1鐗�</p>
+ <p class="left fm-hyss fz-14">鍗般��銆�娆★細2024骞�1鏈堢3娆″嵃鍒�</p>
+ <p class="left fm-hyss fz-14">瀹氥��銆�浠凤細48.00鍏�</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="series">
+ <h1 class="seriesTitle">涓� 涔� 搴�</h1>
+ <p class="preface">
+ 瀛﹀墠鏁欒偛浜嬩笟鏄竴椤逛紵澶с�佺鍦ｈ�屽張鍗佸垎骞块様鐨勪簨涓氥�傚湪鎵�鏈夊娈典腑锛屽鍓嶆暀鑲叉槸鍩虹鏁欒偛鐨勫惎钂欓樁娈碉紝鏇存槸浜轰竴鐢熷彂灞曠殑濂犲熀闃舵锛涘畠涓嶄粎娑夊強瀛﹀墠鏁欒偛鏈烘瀯鐨勬暀鑲诧紝涔熷寘鎷搴暀鑲插拰绀句細鏁欒偛銆�
+ </p>
+ <p class="preface">
+ 浠庡鍓嶆暀鑲茬殑鐮旂┒瀵硅薄鍙婂唴娑垫潵鐪嬶紝鐩墠鍩烘湰杈炬垚鍏辫瘑鐨勯槓閲婃槸鑱斿悎鍥芥暀绉戞枃缁勭粐1981骞村湪娉曞浗宸撮粠鍙紑鐨勫浗闄呭鍓嶆暀鑲插崗鍟嗕細璁腑鎻愬嚭鐨勶紝灏嗗鍓嶆暀鑲茬晫瀹氫负锛氣�滆兘澶熸縺璧蜂粠鍒濈敓鑷冲皬瀛︾殑鍎跨锛堝皬瀛﹀叆瀛﹀勾榫勫洜鍥藉涓嶅悓锛屼竴鑸湪5锝�7宀佷箣闂达級鐨勫涔犳効鏈涳紝缁欎粬浠涔犱綋楠屼笖鏈夊埄浜庝粬浠暣浣撳彂灞曠殑娲诲姩鎬诲拰銆傗�濇娆′細璁繕杩涗竴姝ユ槑纭彁鍑猴紝瀛﹀墠鏁欒偛鐨勫叧娉ㄤ笌鐮旂┒瀵硅薄鏄疮绌挎暣涓榫勫墠闃舵鐨勫効绔ワ紝鍖呮嫭鍒濈敓鐨勫┐瀛┿��
+ </p>
+ <p class="preface">
+ 闅忕潃鑴戠瀛︺�佸績鐞嗗銆佺ぞ浼氬鍜屾暀鑲插绛夐鍩熺爺绌剁殑涓嶆柇娣卞叆涓庡彂灞曪紝瓒婃潵瓒婂鐨勭爺绌惰〃鏄庯紝鍎跨鐨勬棭鏈熶綋楠屻�佹棭鏈熺粡楠屽拰鏃╂湡鍙戝睍涓嶄粎鍏崇郴鍒板効绔ュ綋鍓嶇殑鎴愰暱鍜屽垢绂忥紝杩樺鍏朵竴鐢熺殑鍙戝睍浜х敓閲嶈鑰屾繁杩滅殑褰卞搷銆�0锝�3宀佹槸浜虹敓鐨勫紑绔紝鏄汉鐨勫彂灞曠殑閲嶈鍜屽叧閿椂鏈燂紝鎶婃暀鑲茬殑瑙嗙嚎鍚戝墠寤朵几鑷冲効绔ュ嚭鐢燂紙鐢氳嚦鏇存棭锛夌殑閭ｄ竴鍒伙紝宸叉垚涓轰笘鐣岃澶氬浗瀹舵斂搴滅殑鍏辫瘑锛屼篃鏄鍓嶆暀鑲叉敼闈╀笌鍙戝睍鐨勯噸瑕佽秼鍔裤��
+ </p>
+ <p class="preface">
+ 鑷�20涓栫邯鍏竷鍗佸勾浠ｅ紑濮嬶紝涓�浜涘浗瀹跺凡鐜囧厛浠庢斂搴滃眰闈㈠紑濮嬪皢0锝�3宀佸効绔ョ殑鏃╂湡鍙戝睍涓庢暀鑲查�愭绾冲叆鏀垮簻涓诲鎴栨敮鎸佺殑鍏叡鏈嶅姟浣撶郴涔嬩腑锛屽缇庡浗銆佺憺鍏搞�佹硶鍥姐�佹柊瑗垮叞銆佽嫳鍥姐�佸姞鎷垮ぇ銆佹棩鏈�侀煩鍥界瓑銆傚挨鍏舵槸鏀垮簻鍔犲ぇ鏀寔鍔涘害锛岄拡瀵硅传鍥颁汉缇ゅ紑灞曞効绔ユ棭鏈熷彂灞曞浗瀹惰鍔紝涓�0锝�3宀佸効绔ユ彁渚涘厤璐圭殑鏃╂湡淇濊偛涓庢暀鑲叉湇鍔°�傝繘鍏�21涓栫邯浠ユ潵锛岃仈鍚堝浗鏁欑鏂囩粍缁囥�佽仈鍚堝浗鍎跨鍩洪噾浼氥�佺粡娴庡悎浣滀笌鍙戝睍缁勭粐绛夊浗闄呯粍缁囧厛鍚庡涓�浜涘浗瀹跺湪鍎跨鏃╂湡鍙戝睍鏀跨瓥鍙婂疄璺垫晥鏋滄柟闈㈣繘琛屼簡鍒嗘瀽涓庤瘎浼帮紝鍏剁爺绌剁粨鏋滆〃鏄庯紝寮�灞曢珮璐ㄩ噺鐨�0锝�3宀佸効绔ユ棭鏈熷彂灞曚笌鏁欒偛椤圭洰鍏锋湁宸ㄥぇ鐨勭ぞ浼氭晥鐩婂拰缁忔祹鏁堢泭銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 涓涗功搴� -->
+ <div class="page-box" page="5">
+ <div v-if="showPageList.indexOf(5) > -1">
+ <ul class="header-left">
+ <img src="../../assets/images/0005-01.jpg" alt="" />
+ <li class="headerNumber">002</li>
+ <li class="headerText">0~3 宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="preface">
+ 杩戜簺骞存潵锛屾垜鍥芥斂搴滀篃灏�0锝�3宀佸効绔ユ棭鏈熸暀鑲插伐浣滅撼鍏ュ浗瀹跺喅绛栬绋嬶紝杩涘叆瀹炴柦闃舵銆備粠2001骞村浗鍔￠櫌鍗板彂銆婁腑鍥藉効绔ュ彂灞曠翰瑕侊紙2001鈥�2010骞达級銆嬶紝鏄庣‘鎻愬嚭瑕佲�滃彂灞�0锝�3宀佸効绔ョ殑鏃╂湡鏁欒偛鈥濃�滃缓绔嬪苟瀹屽杽0锝�3宀佸効绔ユ棭鏈熸暀鑲茬鐞嗕綋鍒垛�濓紝鍒�2010骞淬�婂浗瀹朵腑闀挎湡鏁欒偛鏀归潻鍜屽彂灞曡鍒掔翰瑕侊紙2010鈥�2020骞达級銆嬩腑寮鸿皟瀛﹀墠鏁欒偛闃舵鐨勫彂灞曚换鍔′腑瑕佲�滈噸瑙�0锝�3宀佸┐骞煎効鏁欒偛鈥濓紝2011骞淬�婁腑鍥藉効绔ュ彂灞曠翰瑕侊紙2011鈥�2020骞达級銆嬩腑杩涗竴姝ュ己璋冭鈥滀績杩�0锝�3宀佸効绔ユ棭鏈熺患鍚堝彂灞曗�濃�滀互骞煎効鍥拰绀惧尯涓轰緷鎵橈紝涓�0锝�3宀佸効绔ュ強鍏跺搴彁渚涙棭鏈熶繚鑲插拰鏁欒偛鎸囧鈥濃�滃姞蹇煿鍏�0锝�3宀佸効绔ユ棭鏈熸暀鑲蹭笓涓氬寲浜烘墠鈥濓紝浠ュ強2013骞存暀鑲查儴鍚姩閮ㄥ垎鍦板尯0锝�3宀佸┐骞煎効鏃╂湡鏁欒偛璇曠偣锛屽啀鍒�2019骞淬�婂浗鍔￠櫌鍔炲叕鍘呭叧浜庝績杩�3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鍙戝睍鐨勬寚瀵兼剰瑙併�嬬殑鍑哄彴鍙婂浗瀹跺崼鐢熷仴搴峰棰佸竷銆婃墭鑲叉満鏋勮缃爣鍑嗭紙璇曡锛夈�嬪拰銆婃墭鑲叉満鏋勭鐞嗚鑼冿紙璇曡锛夈�嬬瓑閲嶈鏂囦欢绛夛紝鏄剧ず鍑哄浗瀹舵鍦ㄤ粠鏀跨瓥鍜岀鐞嗗眰闈㈢Н鏋佹帹杩涘拰钀藉疄0锝�3宀佸効绔ユ棭鏈熸暀鑲叉寚瀵煎伐浣滃拰鎵樿偛宸ヤ綔銆�
+ </p>
+ <p class="preface">
+ 褰撳墠锛屾垜鍥戒竴浜涘湴鍖哄凡缁忓紑灞曚簡闈㈠悜0锝�3宀佸効绔ュ拰瀹跺涵鐨勫効绔ユ棭鏈熸暀鑲叉寚瀵煎伐浣溿�傞殢鐫�鍥藉鍜屽悇鍦版斂搴滃0锝�3宀佸┐骞煎効鎵樿偛宸ヤ綔鐨勭Н鏋佹帹杩涘拰澶у姏鏀寔锛岄潰鍚戜綆榫勫辜鍎垮紑鍔炵殑鎵樿偛鏈烘瀯涔熷湪閫愭笎澧炲銆�
+ </p>
+ <p class="preface">
+ 鍎跨鐨勫仴搴锋垚闀垮叧绯诲埌浜虹被鐨勬湭鏉ワ紝鍏崇郴鍒板崈瀹朵竾鎴风殑骞哥銆傜瀛︺�侀�傚疁鐨勫効绔ユ棭鏈熸暀鑲查渶瑕侀珮绱犺川銆佹噦涓撲笟鐨勪繚鏁欎汉鍛樺拰绠＄悊鑰咃紝涔熼渶瑕佺埍鍎跨銆佹噦鍎跨銆佷細绉戝鑲插効鐨勫闀裤�備负浜嗛�傚簲鎴戝浗0锝�3宀佸効绔ユ棭鏈熸暀鑲叉寚瀵煎拰鎵樿偛宸ヤ綔鐨勯渶瑕侊紝鏀寔鐩稿叧琛屼笟浠庝笟浜哄憳鐨勫煿鍏讳笌鍩硅锛屼篃涓轰簡鏇村ソ鍦版湇鍔′簬濠村辜鍎垮闀匡紝鍖椾含甯堣寖澶у鍑虹増绀剧壒閭�浜触涓ゅ湴浠庝簨0锝�3宀佸効绔ユ棭鏈熸暀鑲茬爺绌跺拰瀹炶返鐨勫鍚嶄笓瀹剁粍鎴愪簡鈥滃┐骞煎効淇濊偛涓庢暀鑲叉寚瀵间笡涔︹�濈殑鐮旂┒涓庣紪鍐欏洟闃熴�傚叾涓棦鍖呮嫭楂樻牎涓粠浜�0锝�3宀佸効绔ユ棭鏈熷彂灞曚笌鏁欒偛鐮旂┒鐨勬暀甯堝拰鍖虹骇浠庝簨鏃╂湡鏁欒偛鎸囧鐨勬暀鐮斿憳锛屼篃鍖呮嫭鍏锋湁涓板瘜瀹炶返缁忛獙鐨勫効绔ヤ繚鍋ヤ笌鐤剧梾闃叉不鐨勫尰鍔″伐浣滆�咃紝浠ュ強鏉ヨ嚜涓�绾裤�佸骞翠粠浜�0锝�3宀佸効绔ユ棭鏈熸暀鑲叉寚瀵煎拰鎵樿偛宸ヤ綔鐨勬暀甯堜笌绠＄悊鑰呯瓑銆傛垜浠嚧鍔涗簬灏嗙瀛︺�侀�傚疁鐨勫効绔ユ棭鏈熸暀鑲茬悊蹇典笌涓撲笟鐞嗚鐭ヨ瘑銆佸疄璺垫寚瀵兼湁鏈虹粨鍚堬紝鏇村ソ鍦版彁鍗囧効绔ユ棭鏈熸暀鑲插伐浣滆�呭拰绠＄悊鑰呯殑涓撲笟绱犲吇銆佷笓涓氱煡璇嗕笌瀹為檯鎿嶄綔鑳藉姏锛屾彁楂樺闀跨瀛﹁偛鍎跨殑鑳藉姏銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 涓涗功搴� -->
+ <div class="page-box" page="6">
+ <div v-if="showPageList.indexOf(6) > -1">
+ <ul class="header-right">
+ <li class="headerRight-Text">涓涗功搴�</li>
+ <div>
+ <img src="../../assets/images/0006-01.jpg" alt="" />
+ <li class="headerRight-Number">003</li>
+ </div>
+ </ul>
+ <div class="bodystyle">
+ <p class="preface">
+ 鏈涓涗功浠�0锝�3宀佸┐骞煎効韬績鍙戣偛涓庡彂灞曠殑骞撮緞鐗圭偣鍑哄彂锛屽洿缁�0锝�3宀佸┐骞煎効鐨勭敓娲荤収鎶ゃ�佸崼鐢熶繚鍋ャ�佸彂灞曚笌淇冭繘浠ュ強鏃╂湡鏁欒偛鏈烘瀯鐨勭粍缁囦笌绠＄悊灞曞紑锛屾瀯寤烘垚涓夊ぇ妯″潡鐨勫唴瀹逛綋绯伙紝璁″垝鍖呮嫭10浣欏唽銆�
+ </p>
+ <p class="preface">
+ 绗竴涓ā鍧椾负鈥滃┐骞煎効鍏昏偛鍩虹鈥濄�傝妯″潡鍖呮嫭銆�0锝�3宀佸┐骞煎効鐢熼暱鍙戣偛涓庡績鐞嗗彂灞曟璁恒�嬨��0锝�3宀佸┐骞煎効钀ュ吇涓庡杺鍏汇�嬨��0锝�3宀佸┐骞煎効鏃ュ父鐓ф姢銆嬪拰銆�0锝�3宀佸┐骞煎効甯歌鐤剧梾涓庢剰澶栦激瀹抽闃插強鎶ょ悊銆嬬瓑銆�
+ </p>
+ <p class="preface">
+ 绗簩涓ā鍧椾负鈥滃┐骞煎効鏁欒偛鎸囧鈥濄�傝妯″潡鍖呮嫭銆�0锝�3宀佸┐骞煎効鍔ㄤ綔鍙戝睍涓庢暀鑲层�嬨��0锝�3宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲层�嬨��0锝�3宀佸┐骞煎効鎯呮劅涓庣ぞ浼氭�у彂灞曞強鏁欒偛銆嬨��0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏁欒偛銆嬬瓑銆�
+ </p>
+ <p class="preface">
+ 绗笁涓ā鍧椾负鈥滄棭鏈熸暀鑲叉満鏋勭殑缁勭粐涓庣鐞嗏�濄�傝妯″潡鍖呮嫭銆婃棭鏈熸暀鑲叉寚瀵兼満鏋勭粍缁囦笌绠＄悊銆嬨�婃墭鑲叉湇鍔℃満鏋勭粍缁囦笌绠＄悊銆嬬瓑銆�
+ </p>
+ <p class="preface">
+ 鐪熻瘹鍦版湡鏈涙湰濂椾笡涔﹁兘婊¤冻姝ｅ湪浠庝簨鎴栧嵆灏嗕粠浜�0锝�3宀佸効绔ユ棭鏈熸暀鑲叉寚瀵煎拰鎵樿偛鏈嶅姟宸ヤ綔鐨勪繚鏁欎汉鍛樺拰绠＄悊鑰呯殑涓撲笟瀛︿範銆佹暀鐮斾笌鍩硅鐨勯渶姹傦紝鍚屾椂锛屼篃鑳戒负骞垮ぇ濠村辜鍎垮闀垮強鍏冲績鍎跨鍙戝睍浜嬩笟鐨勭ぞ浼氬伐浣滆�呮彁渚涚瀛﹁偛鍎垮拰涓撲笟鎸囧鐨勬敮鎸佷笌甯姪銆�
+ </p>
+ <p class="right-info">鍒樸��棣�</p>
+ <p class="right-info">2019骞�10鏈堜簬鍖椾含甯堣寖澶у</p>
+ </div>
+ </div>
+ </div>
+ <!-- 鍓嶈█ -->
+ <div class="page-box" page="7">
+ <div v-if="showPageList.indexOf(7) > -1">
+ <div class="page-father">
+ <div class="bodystyle">
+ <div class="foreword-img-box">
+ <img src="../../assets/images/0008-0101.jpg" alt="" />
+ </div>
+ <p class="preface">
+ 鍏氱殑浜屽崄澶ф姤鍛婃寚鍑衡�滄垜浠鍧氭寔鏁欒偛浼樺厛鍙戝睍銆佺鎶�鑷珛鑷己銆佷汉鎵嶅紩棰嗛┍鍔紝鍔犲揩寤鸿鏁欒偛寮哄浗銆佺鎶�寮哄浗銆佷汉鎵嶅己鍥斤紝鍧氭寔涓哄厷鑲蹭汉銆佷负鍥借偛鎵嶏紝鍏ㄩ潰鎻愰珮浜烘墠鑷富鍩瑰吇璐ㄩ噺锛岀潃鍔涢�犲氨鎷斿皷鍒涙柊浜烘墠锛岃仛澶╀笅鑻辨墠鑰岀敤涔嬨�傗��
+ </p>
+ <p class="preface">
+ 鍏氱殑浜屽崄澶ф姤鍛婇娆″皢鈥滃疄鏂界鏁欏叴鍥芥垬鐣ワ紝寮哄寲鐜颁唬鍖栧缓璁句汉鎵嶆敮鎾戔�濅綔涓轰竴涓崟鐙儴鍒嗭紝鍏呭垎浣撶幇浜嗘暀鑲茬殑鍩虹鎬с�佹垬鐣ユ�у湴浣嶏紝涓�2035骞村缓鎴愭暀鑲插己鍥芥寚鏄庝簡鏂扮殑鍓嶈繘鏂瑰悜銆傛柊淇鐨勩�婅亴涓氭暀鑲叉硶銆嬫槑纭簡鑱屼笟鏁欒偛鏄笌鏅�氭暀鑲插叿鏈夊悓绛夐噸瑕佸湴浣嶇殑鏁欒偛绫诲瀷锛屽苟鎸囧嚭鈥滆鍔犲揩鍩瑰吇鎵樿偛銆佹姢鐞嗐�佸悍鍏汇�佸鏀跨瓑鏂归潰鎶�鏈妧鑳戒汉鎵嶁�濄�傚洜姝わ紝涓洪�傚簲鏂版椂浠ｆ墭鑲插拰瀛﹀墠涓撲笟浜烘墠鍩瑰吇闇�姹傦紝钀藉疄绔嬪痉鏍戜汉鐨勬牴鏈换鍔°��
+ </p>
+ <p class="preface">
+ 钂欏彴姊埄璁や负锛氣�滀竴涓汉鐨勬櫤鍔涘彂灞曞拰褰㈡垚姒傚康鐨勬柟娉曞湪寰堝ぇ绋嬪害涓婂厛鍙栧喅浜庤鐭ヤ笌璇█鐨勫彂灞曘�傗�濆┐骞煎効璁ょ煡涓庤瑷�鐨勫彂灞曟槸涓�涓繛缁殑銆佹湁绉╁簭鐨勩�佹湁瑙勫緥鐨勮繃绋嬶紝鏄竴涓敱閲忓彉鍒拌川鍙樼殑杩囩▼锛屽彈閬椾紶銆佺幆澧冦�佹暀鑲层�佽惀鍏荤瓑澶氱鍥犵礌鐨勫奖鍝嶏紝姣忎釜濠村辜鍎胯鐭ヤ笌璇█鐨勫彂灞曡櫧鍚勬湁鐗硅壊锛屼絾鍦ㄨ鐭ヤ笌璇█鍙戝睍椤哄簭鍜屽彂灞曠壒鐐逛笂鏈夌潃鍏卞悓鐨勭壒鐐广��
+ </p>
+ <p class="preface">
+ 鏈功鏄拡瀵瑰┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鐗圭偣鍙婃暀鑲叉椿鍔ㄨ璁＄紪鍐欑殑鏁欏笀鎸囧鐢ㄤ功銆傛湰涔︽墍鐣屽畾鐨勫┐骞煎効骞撮緞鑼冨洿涓�0锝�3宀侊紝0锝�1宀佷负濠村効鏈燂紝1锝�3宀佷负骞煎効鏈熴�傛湰涔︽槸浣滆�呭熀浜�20骞寸殑涓�绾垮疄璺典笌鍩硅缁忛獙锛屽苟鍚告敹浜嗗綋鍓嶅浗鍐呭0锝�3宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍜屾暀鑲叉柊杩戠悊璁轰笌鐮旂┒鎴愭灉缂栧啓鑰屾垚銆傚唴瀹规敞閲嶇悊璁轰笌瀹炶返鐩哥粨鍚堬紝鍦ㄧ簿缁冩杩板┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲茬殑鐞嗚鐨勫悓鏃讹紝閰嶆湁澶ч噺渚夸簬搴旂敤鐨勬椿鍔ㄦ寚瀵兼柟妗堝拰澧炶繘鐞嗚В鐨勬嫇灞曞涔犺祫婧愶紝鏃繚璇佷簡鐭ヨ瘑瀛︿範鐨勭郴缁熸�э紝鍙堝吋椤句簡鎶�鑳借缁冪殑鍙搷浣滄�с��
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 鍓嶈█ -->
+ <div class="page-box" page="8">
+ <div v-if="showPageList.indexOf(8) > -1">
+ <ul class="header-left">
+ <img src="../../assets/images/0005-01.jpg" alt="" />
+ <li class="headerNumber">002</li>
+ <li class="headerText">0~3 宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="preface">
+ 鏈功鍐呭鍏卞叚绔狅紝绗竴绔犵患鍚堜粙缁嶄簡濠村辜鍎胯鐭ヤ笌璇█鍙戝睍鍙婃暀鑲茬殑鐩稿叧鐞嗚銆佸奖鍝嶅洜绱犲拰鍙戝睍绛栫暐锛岀浜屽埌绗簲绔犱富瑕佷粙缁嶄簡鍥涗釜骞撮緞娈碉紙0锝�6涓湀銆�7锝�12涓湀銆�1锝�2宀併��2锝�3宀侊級濠村辜鍎胯鐭ヤ笌璇█鍙戝睍鐨勭壒鐐广�佺洰鏍囥�佺幆澧冨垱璁炬寚瀵煎強瀹跺涵鎿嶄綔妗堜緥銆傜鍏珷涓昏浠嬬粛浜嗕繚鏁欐満鏋勪腑濠村辜鍎胯鐭ヤ笌璇█鏁欒偛鐨勬柟娉曘�佸瀹堕暱鐨勬寚瀵兼柟娉曘�佹暀鑲叉椿鍔ㄨ璁′笌鎸囧绛夌悊璁虹煡璇嗗強鐩稿叧妗堜緥銆�
+ </p>
+ <p class="preface">鏈功鍦ㄥ唴瀹逛笌浣撲緥璁捐涓婁綋鐜颁簡浠ヤ笅鐗圭偣锛�</p>
+ <p class="preface">
+ 绗竴锛岀獊鍑烘棭鏁欐寚瀵肩殑鐞嗗康銆傚厷鐨勪簩鍗佸ぇ鎶ュ憡鎸囧嚭鈥滄垜浠繁鍏ヨ疮褰讳互浜烘皯涓轰腑蹇冪殑鍙戝睍鎬濇兂锛屽湪骞兼湁鎵�鑲层�佸鏈夋墍鏁欍�佸姵鏈夋墍寰椼�佺梾鏈夋墍鍖汇�佽�佹湁鎵�鍏汇�佷綇鏈夋墍灞呫�佸急鏈夋墍鎵朵笂鎸佺画鐢ㄥ姏锛屼汉姘戠敓娲诲叏鏂逛綅鏀瑰杽銆傗�濅績杩涘┐骞煎効璁ょ煡涓庤瑷�鍙戝睍闇�瑕佸搴笌绀惧尯銆佹棭鏁欐満鏋勭瓑鍦ㄩ伒寰┐骞煎効鍙戝睍瑙勫緥鐨勫墠鎻愪笅鐩镐簰鍗忓悓锛屽鏂瑰悎浣溿�傛棭鏁欐満鏋勫姞寮哄笀寰峰笀椋庡缓璁撅紝鍩瑰吇楂樼礌璐ㄦ暀甯堥槦浼嶏紝寮樻壃灏婂笀閲嶆暀绀句細椋庡皻锛岃鍚戝闀夸紶閫掔瀛﹁偛鍎跨煡璇嗭紝甯姪瀹堕暱鎻愰珮鑲插効姘村钩銆�
+ </p>
+ <p class="preface">
+ 绗簩锛屾暀鑲叉椿鍔ㄨ璁＄殑閽堝鎬у己銆傛湰涔﹀皢0锝�3宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鐨勮繃绋嬪垎涓�0锝�6涓湀銆�7锝�12涓湀銆�1锝�2宀併��2锝�3宀佽繖鍥涗釜骞撮緞娈碉紝鍥寸粫濠村辜鍎胯兘鍔涘彂灞曞拰骞撮緞鐗圭偣杩涜娲诲姩璁捐锛屾棬鍦ㄥ府鍔╂暀甯堝強瀹堕暱鐞嗚В銆佹妸鎻�0锝�3宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鐨勭壒鐐逛笌瑙勫緥锛屼娇鍚勫勾榫勬璁ょ煡涓庤瑷�娲诲姩鐩爣鏇村姞鏄庣‘锛屾暀鑲叉椿鍔ㄧ殑閽堝鎬ф洿寮恒��
+ </p>
+ <p class="preface">
+ 绗笁锛屽己璋冨疄鐢ㄦ�у拰鍙搷浣滄�с�備紭鍖栦汉鍙ｅ彂灞曟垬鐣ワ紝寤虹珛鐢熻偛鏀寔鏀跨瓥浣撶郴锛岄檷浣庣敓鑲层�佸吇鑲层�佹暀鑲叉垚鏈�傛湰涔︿綔涓哄┐骞煎効淇濇暀浜哄憳鍩瑰吇涓庡煿璁敤涔︼紝鍐呭涓婃敞閲嶇悊璁鸿仈绯诲疄闄咃紝鍋忛噸瀹炶返鎬с�佸簲鐢ㄦ�х煡璇嗙殑闃愯堪锛屾彁渚涗簡涓板瘜鐨勮鐭ヤ笌璇█鎸囧娲诲姩妗堜緥锛屽己璋冨疄闄呮搷浣滆兘鍔涚殑鍩瑰吇銆�
+ </p>
+ <p class="preface">
+ 绗洓锛屽浘鏂囧苟鑼傦紝璧勬簮涓板瘜銆備功涓粨鍚堝┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鐨勭浉鍏冲唴瀹癸紝绌挎彃鈥滄嫇灞曢槄璇烩�濃�滈煶棰戣祫婧愨�濃�滆棰戣祫婧愨�濈瓑鏍忕洰锛岄�氳繃涓板瘜鐨勭収鐗囥�佸浘琛ㄣ�佹渚嬨�侀煶棰戝強瑙嗛璧勬簮瀵圭焊璐ㄥ浘涔﹀唴瀹硅繘琛岃ˉ鍏呭拰瀹屽杽锛屼娇鏈功鍐呭鏇村姞鐢熷姩娲绘臣銆侀�氫織鏄撴噦锛屾帹杩涙暀鑲叉暟瀛楀寲锛屽缓璁惧叏姘戠粓韬涔犵殑瀛︿範鍨嬬ぞ浼氥�佸涔犲瀷澶у浗銆傚叾涓煶棰戣祫鏂欐潵婧愪簬瀹濆疂鍚х綉绔欙紙www.baobao88.com锛夛紝鍦ㄦ琛ㄧず鎰熻阿銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 鍓嶈█ -->
+ <div class="page-box" page="9">
+ <div v-if="showPageList.indexOf(9) > -1">
+ <ul class="header-right">
+ <li class="headerRight-Text">涓涗功搴�</li>
+ <div>
+ <img src="../../assets/images/0006-01.jpg" alt="" />
+ <li class="headerRight-Number">003</li>
+ </div>
+ </ul>
+ <div class="bodystyle">
+ <p class="preface">
+ 鏁欒偛鏄浗涔嬪ぇ璁°�佸厷涔嬪ぇ璁°�傚煿鍏讳粈涔堜汉銆佹�庢牱鍩瑰吇浜恒�佷负璋佸煿鍏讳汉鏄暀鑲茬殑鏍规湰闂銆傝偛浜虹殑鏍规湰鍦ㄤ簬绔嬪痉銆傚叏闈㈣疮褰诲厷鐨勬暀鑲叉柟閽堬紝钀藉疄绔嬪痉鏍戜汉鏍规湰浠诲姟锛屽煿鍏诲痉鏅轰綋缇庡姵鍏ㄩ潰鍙戝睍鐨勭ぞ浼氫富涔夊缓璁捐�呭拰鎺ョ彮浜恒�傛湰涔︽槸涓哄嵆灏嗕粠浜嬫棭鏈熸暀鑲插伐浣滃拰宸插叿澶囦竴瀹氭棭鏈熸暀鑲茬粡楠岀殑鏂版墜鏁欏笀缂栧啓鐨勫煿璁敤涔︼紝鍚屾椂涔熷彲浣滀负鐩稿叧鏁欒偛宸ヤ綔鑰呫�佽偛濠村笀鍙婂┐骞煎効瀹堕暱鐨勫弬鑰冭鐗┿��
+ </p>
+ <p class="preface">
+ 鍦ㄦ锛岃瘹鎸氭劅璋笡涔︿富缂栧垬棣ㄨ�佸笀鍜屼簬鏅撴櫞缂栬緫鎻愬嚭鐨勫疂璐垫剰瑙侊紝浠ュ強瀵规湰涔﹂儴鍒嗗唴瀹硅繘琛岃繃瀹¤鐨勪腑鍗庡コ瀛愬闄㈠鑿¤�佸笀銆傜敱浜�0锝�3宀佸┐骞煎効鏃╂湡鏁欒偛宸ヤ綔鍦ㄦ垜鍥借繕澶勪簬璧锋闃舵锛屽彲渚涘�熼壌鐨勫浗鍐呭鐮旂┒璧勬枡杈冨皯锛屽姞涔嬩綔鑰呮按骞冲拰鑳藉姏鏈夐檺锛屽洜姝ょ紪鍐欏唴瀹归毦鍏嶅瓨鍦ㄤ竴浜涢棶棰樺拰鐤忔紡锛屾暚璇峰箍澶у悓琛屽拰璇昏�呮壒璇勬寚姝ｏ紒
+ </p>
+ <p class="right-info">鏉庤惀</p>
+ <p class="right-info">2020骞�3鏈�</p>
+ </div>
+ </div>
+ </div>
+ <!-- 寮�绡囨儏鏅� -->
+ <div class="page-box" page="10">
+ <div v-if="showPageList.indexOf(10) > -1" style="height: 100%">
+ <div class="openingScene">
+ <img class="img-0" src="../../assets/images/0014-0101.jpg" alt="" />
+ <div class="quotation-box">
+ <p class="quotation">
+ 妗︽ˇ鍒氬嚭鐢熸椂锛屽彧浼氬摥銆佺潯鍜屽悆濂躲��6涓湀鏃讹紝妗︽ˇ鍙互閫氳繃鎵嬪拰鍢存帰绱笘鐣岋紝浼氬澹伴煶鍋氬嚭鍥炲簲銆�12涓湀鏃讹紝妗︽ˇ浼氱敤寰堝涓嶅悓鐨勬柟寮忥紙鎽囨檭銆佹暡鍑汇�佹姏鍑哄幓銆佹墧鍒板湴涓婏級鎺㈢储涓栫晫锛屼細璇粹�滅埜鐖糕�濆拰鈥滃濡堚�濄��24涓湀鏃讹紝妗︽ˇ浼氭寜鐓у舰鐘跺拰棰滆壊鎺掑垪鐗╀綋锛屼細鐜╄鑹叉壆婕旀父鎴忥紝浼氫娇鐢ㄧ畝鍗曠殑璇嶇粍琛ㄨ揪闇�姹傘��36涓湀鏃讹紝妗︽ˇ浼氱悊瑙ｅ苟鎵ц鍖呭惈3閮ㄥ垎鐨勬寚浠わ紝鎺屾彙涓�浜涘熀鏈殑璇硶瑙勫垯锛岃鍑烘渶闀�5锝�6涓瘝鐨勫彞瀛愩��
+ </p>
+ <p class="quotation">
+ 妗︽ˇ璺熶紬澶氬┐骞煎効涓�鏍凤紝涓庣敓淇辨潵瀵逛笘鐣屾湁鐫�鐙壒鐨勬劅鍙楀拰瑙傚療鐨勮搴︼紝鏈夌潃瀛︿範鍔涘拰鎺㈢储鍔涳紝浠庡懕鍛卞潬鍦扮殑閭ｄ竴鍒昏捣锛屼究寮�濮嬩簡鐢熷懡鐨勬帰绱箣鏃呫�備粬浠杩欐湭鐭ョ殑涓栫晫鍏呮弧浜嗗ソ濂囷紝鍏呮弧浜嗘啩鎲�備粬浠粈涔堥兘鎯崇煡閬擄紝浠栦滑瑙傚療銆佸皾璇曘�佹瘮杈冿紝鍦ㄦ帰绱腑鑷緱鍏朵箰銆傝�屼綔涓哄闀垮拰鏁欒偛宸ヤ綔鑰咃紝鎴戜滑搴旇鍋氫簺浠�涔堬紵鎴戜滑濡備綍寤虹珛涓�涓┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鐨勬敮鎸佺郴缁燂紵濡備綍钀ラ�犱竴涓叧蹇冨拰鏀寔濠村辜鍎挎棭鏈熻鐭ヤ笌璇█鍙戝睍鐨勬皼鍥达紵濡備綍澧炶繘瀵瑰┐骞煎効鐨勪簡瑙ｃ�佹彁楂樹繚鑲蹭笌鏁欒偛鑳藉姏锛屼互渚胯鑷繁鎴愪负鍚堟牸鐨勬暀鍏讳汉鎴栨棭鏈熸暀鑲插伐浣滆�咃紵缈诲紑杩欐湰涔︼紝浣犱細鎵惧埌鎵�闇�鐨勭瓟妗堛��
+ </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/cognitiveLanDevEduAges0to3/view/components/index.vue b/src/books/cognitiveLanDevEduAges0to3/view/components/index.vue
index e69de29..8d078ed 100644
--- a/src/books/cognitiveLanDevEduAges0to3/view/components/index.vue
+++ b/src/books/cognitiveLanDevEduAges0to3/view/components/index.vue
@@ -0,0 +1,992 @@
+<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(2) > -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(2) > -1"
+ :showPageList="loadPageList"
+ :interfaceQuestion="questionDataMap"
+ ></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 getQuestionList from "@/assets/methods/examination";
+// import testData from "../../assets/examinationList";
+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, 48);
+ // 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/cognitiveLanDevEduAges0to3/view/index.vue b/src/books/cognitiveLanDevEduAges0to3/view/index.vue
index e69de29..1ccbfe2 100644
--- a/src/books/cognitiveLanDevEduAges0to3/view/index.vue
+++ b/src/books/cognitiveLanDevEduAges0to3/view/index.vue
@@ -0,0 +1,80 @@
+<template>
+ <div class="cognitiveLanDevEduAges0to3" @mouseup="handleMouseUp">
+ <pageContent></pageContent>
+ </div>
+ </template>
+
+ <script>
+ import pageContent from "./components/index.vue";
+ export default {
+ name: "cognitiveLanDevEduAges0to3",
+ 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/meetingPlanners/view/components/index.vue b/src/books/meetingPlanners/view/components/index.vue
index 7834ecd..96ac4ff 100644
--- a/src/books/meetingPlanners/view/components/index.vue
+++ b/src/books/meetingPlanners/view/components/index.vue
@@ -547,7 +547,10 @@
// 娣诲姞椤电爜
this.loadPageList.push(Number(page));
const catalog = catalogDom.getAttribute("num");
+ console.log(this.questionDataMap[page],11);
if (!this.questionDataMap[page]) {
+
+
if (testData && testData[catalog]) {
if (testData[catalog][page]) {
if (Array.isArray(testData[catalog][page])) {
diff --git a/src/books/practicalCareChildrenManual/view/components/chapter001.vue b/src/books/practicalCareChildrenManual/view/components/chapter001.vue
index 353e122..d4635f2 100644
--- a/src/books/practicalCareChildrenManual/view/components/chapter001.vue
+++ b/src/books/practicalCareChildrenManual/view/components/chapter001.vue
@@ -1222,19 +1222,8 @@
this.tableData = JSON.parse(bookQuestion);
}
- const videoData = localStorage.getItem("practicalCareChildrenManual-book-chapter001-video");
- if (videoData) {
- this.chapterData = JSON.parse(videoData);
- }
},
methods: {
- saveVideoStatus() {
- this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
- localStorage.setItem(
- "practicalCareChildrenManual-book-chapter001-video",
- JSON.stringify(this.chapterData)
- );
- },
setBookQuestion() {
localStorage.setItem(
"practicalCareChildrenManual-book-chapter01-tableData",
diff --git a/src/books/toddlerSportsSafetyProtection/assets/Fonts/FZNBSK.TTF b/src/books/toddlerSportsSafetyProtection/assets/Fonts/FZNBSK.TTF
new file mode 100644
index 0000000..988d63c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/Fonts/FZNBSK.TTF
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/examinationList.js b/src/books/toddlerSportsSafetyProtection/assets/examinationList.js
new file mode 100644
index 0000000..d2204d7
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/examinationList.js
@@ -0,0 +1,11 @@
+const testData = {
+ 2: {
+ 185: [
+ 95057, 96460, 96675, 96866, 97048, 97222, 97351, 97469, 97581, 97684,
+ 101474, 101475, 101476, 102404, 102437, 102458, 102483, 103818, 104121,
+ 104132, 104142, 104150, 104158, 104165, 104171,
+ ],
+ },
+};
+
+export default testData;
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg
index 97134cc..9f1551a 100644
--- a/src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/feiYe.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/feiYe.jpg
new file mode 100644
index 0000000..95b734a
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/feiYe.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/main.less b/src/books/toddlerSportsSafetyProtection/assets/main.less
index e9c5ef6..c10785a 100644
--- a/src/books/toddlerSportsSafetyProtection/assets/main.less
+++ b/src/books/toddlerSportsSafetyProtection/assets/main.less
@@ -188,6 +188,10 @@
justify-content: space-around
}
+ .ml-40 {
+ margin-left: 40px;
+ }
+
.mr-70 {
margin-right: 70px;
}
@@ -270,10 +274,18 @@
.header-right {
+ min-height: 100%;
overflow: hidden;
min-width: 12%;
padding: 0 !important;
margin: 0 !important;
+ position: relative;
+
+ }
+
+ .header-right-imgBottom {
+ position: absolute;
+ bottom: -2%;
}
@@ -335,10 +347,11 @@
text-align: left;
color: #7acab4;
margin-bottom: 10px;
+ font-size: 12px;
span {
font-family: "鏂规缁嗗渾";
- font-size: 14px;
+ font-size: 12px;
position: absolute;
left: 25%;
bottom: 20%;
@@ -356,15 +369,17 @@
}
.secondsubHead-2 {
+ font-family: "鏂规鏂版姤瀹�";
background-color: #7acab4;
display: inline-block;
+ align-items: center;
text-align: left;
color: #fff;
border-radius: 10px;
padding: 0px 10px;
text-indent: 0em;
- font-size: 18px;
- line-height: 24px;
+ font-size: 22px;
+ line-height: 28px;
}
.tipes {
@@ -397,6 +412,15 @@
&:focus {
outline: none;
}
+ }
+ // 鏂囨湰妗�
+ .textarea-question {
+ border-color: #7acab4 !important;
+ }
+
+ .textarea-question:focus {
+ outline: none;
+ /* 绉婚櫎榛樿鐨勭劍鐐硅疆寤� */
}
.textarea-box {
@@ -1112,7 +1136,7 @@
p {
- font-family: "鏂规涔﹀畫";
+ font-family: "鏂规鏂版姤瀹�";
margin-top: 0em;
margin-bottom: 0.2em;
text-indent: 2em;
@@ -1183,6 +1207,7 @@
.img-h {
width: 20%;
}
+
.img-h {
width: 20%;
}
@@ -1220,15 +1245,19 @@
}
.seriesTitle {
+ display: inline-block;
font-size: 1.5em;
color: #fff;
font-weight: 400;
- background-color: #7acab4;
padding-left: 1%;
padding-right: 8%;
- background: linear-gradient(135deg, #7acab4, #7acab4 50%, transparent 50%, transparent 100%);
+ background: linear-gradient(135deg, #7acab4, #7acab4 80%, transparent 50%, transparent 100%);
margin-bottom: 5px;
margin-top: 5px;
+
+ span{
+ width: auto;
+ }
}
.rotate-up {
@@ -1252,7 +1281,6 @@
}
.content {
- font-size: 1em;
line-height: 25px;
}
@@ -1404,10 +1432,6 @@
font-weight: bold;
}
- .imgdescript {
- color: #7acab4;
- }
-
.quotation {
font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
font-size: 0.95em;
@@ -1419,6 +1443,7 @@
}
.titleQuot-1 {
+ font-family: "鏂规涔﹀畫";
color: #7acab4;
font-size: 1.1em;
}
@@ -1464,7 +1489,15 @@
}
.imgdescript {
+ color: #7acab4;
font-size: 13px;
+ text-indent: 0em;
+ text-align: center;
+ }
+
+ .imgdescript-title {
+ color: #7acab4;
+ font-size: 15px;
text-indent: 0em;
text-align: center;
}
@@ -1483,8 +1516,9 @@
}
.bold {
- color: #b0ddcf;
+ // color: #b0ddcf;
font-weight: bold;
+ font-family: "鏂规涔﹀畫";
}
.noteContent {
@@ -1505,9 +1539,27 @@
}
}
+.dialogQuestion {
+ background-color: #7ed0aa;
+ height: 80px;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ cursor: pointer;
+
+ span {
+ color: #fff;
+ font-size: 16px;
+ padding: 0 40px 0 20px;
+
+ }
+}
+
.pdfModal {
width: 100%;
height: 90vh;
+
.pdfBox-component {
width: 100%;
@@ -1620,6 +1672,13 @@
}
}
+.examination {
+ height: calc(100% - 50px);
+ overflow-x: hidden;
+ overflow-y: auto;
+ box-sizing: border-box;
+}
+
.header_title {
display: flex;
justify-content: space-between;
@@ -1645,6 +1704,11 @@
src: url('./Fonts/hyg6gjm.ttf');
}
+@font-face {
+ font-family: '鏂规鏂版姤瀹�';
+ src: url('./Fonts/FZNBSK.TTF');
+}
+
// @font-face {
// font-family: '姹変华涔﹀畫';
// src: url('./Fonts/hya1gjm.ttf');
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/chapter001.vue b/src/books/toddlerSportsSafetyProtection/view/components/chapter001.vue
index b87b860..14fb7f7 100644
--- a/src/books/toddlerSportsSafetyProtection/view/components/chapter001.vue
+++ b/src/books/toddlerSportsSafetyProtection/view/components/chapter001.vue
@@ -1,5 +1,5 @@
<template>
- <div class="chapter" num="2">
+ <div class="chapter" num="10">
<!-- 1椤� -->
<div class="page-box" page="10">
<div v-if="showPageList.indexOf(10) > -1">
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue b/src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue
index 01efb1e..a0c43fe 100644
--- a/src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue
+++ b/src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue
@@ -4,10 +4,13 @@
<div class="page-box" page="163">
<div v-if="showPageList.indexOf(163) > -1">
<div class="UnitCover">
- <h1 class="seriesTitle">绗簲绔� </h1>
- <h1 class="seriesTitle mb-20">
- 濠村辜鍎垮父瑙佽繍鍔ㄤ激瀹崇殑澶勭悊涓庢�ユ晳
- </h1>
+ <div class="seriesTitle">
+ <span style="margin-right: 0px;">绗簲绔�</span>
+ </div>
+ <br />
+ <div class="seriesTitle mb-20">
+ <span style="margin-right: 70px;">濠村辜鍎垮父瑙佽繍鍔ㄤ激瀹崇殑澶勭悊涓庢�ユ晳</span>
+ </div>
<p class="rotate-up">^</p>
<p class="rotate-down">v</p>
<p class="rotate-down">v</p>
@@ -16,12 +19,12 @@
<p class="rotate-down">v</p>
<p class="rotate-down">v</p>
<p class="rotate-down mb-20">v</p>
- <p class="content">
+ <p class="content td-0">
<img class="g-pic" src="../../assets/images/0013_01.jpg" alt="" />
</p>
<p class="quotation">1锛庣悊瑙ｈ繍鍔ㄤ激瀹冲鐞嗙殑鍘熷垯銆�</p>
<p class="quotation">2锛庢帉鎻¤繍鍔ㄤ激瀹崇殑鍒ゆ柇涓庡鐞嗘柟娉曘��</p>
- <p class="content">
+ <p class="content td-0">
<img class="g-pic" src="../../assets/images/0013_02.jpg" alt="" />
</p>
<div class="bodyPic openImgBox">
@@ -32,7 +35,7 @@
active="true"
/>
</div>
- <p class="content">
+ <p class="content td-0">
<img class="g-pic" src="../../assets/images/0013_04.jpg" alt="" />
</p>
<p class="quotation">
@@ -82,21 +85,26 @@
<p class="content">
杩愬姩浼ゅ浜嬩欢鍑虹幇鍚庢纭殑鍒ゆ柇鍜屽鐞嗘祦绋嬪鏁戞姢鐨勬晥鏋滆捣鐫�鍐冲畾鎬т綔鐢ㄣ�傚辜鏁欐満鏋勫拰瀹堕暱搴旂啛鎮夋纭殑澶勭悊娴佺▼锛屼负搴斿绱ф�ユ儏鍐靛仛濂藉噯澶囥�傚辜鏁欐満鏋勫簲鎻愬墠鍒惰杩愬姩浼ゅ浜嬩欢绱ф�ュ鐞嗙▼搴忛妗堛�傞妗堥噷搴斿寘鎷笉鍚岃繍鍔ㄤ激瀹充簨浠剁殑绫诲瀷銆佺枏鏁ｃ�佹�ユ晳甯歌瘑鍜屽鐞嗘祦绋嬬瓑銆傚湪鍑虹幇杩愬姩浼ゅ浜嬩欢鍚庡彲浠ユ寜鐓т互涓嬫祦绋嬪鐞嗐��
</p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">155</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">155</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -188,7 +196,9 @@
<p class="content td-0">
<img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
</p>
- <p class="imgdescript">鎬ユ�ц繍鍔ㄤ激瀹抽伒寰狿RICE鍘熷垯锛堣鍥�5-3锛�</p>
+ <p class="imgdescript-title">
+ 鎬ユ�ц繍鍔ㄤ激瀹抽伒寰狿RICE鍘熷垯锛堣鍥�5-3锛�
+ </p>
<div class="img-rights w210 openImgBox`">
<img
src="../../assets/images/0169-03.jpg"
@@ -220,16 +230,18 @@
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">157</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">167</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -267,7 +279,7 @@
3锛庡啺鏁疯繕鏄儹鏁凤紵涓�鑸儹鏁峰彲浠ュ埡婵�琛�娑叉祦鍔紝鏀炬澗鑲岃倝锛屾�讳綋涓婅兘浜х敓闀囬潤鐨勪綔鐢紝浠庤�屼績杩涙不鐤椼�備絾鏄彈浼ゅ悗绔嬪埢鐑暦浼氫娇鑲胯儉鏇翠弗閲嶃�佸寮虹柤鐥涙劅銆佸欢缂撲激鍙ｆ剤鍚堣繃绋嬨�傛墍浠ュ彈浼ゅ鐞嗘柟寮忔槸鍏堝啺鏁凤紝48灏忔椂鍚庤偪鑳�鍜岀柤鐥涙劅鍑忚交鍚庯紝鍐嶄娇鐢ㄧ儹鏁风殑鏂规硶銆�
</p>
<p class="poemtitle-l">锛堜簩锛夊紑鏀炬�ц蒋缁勭粐鎹熶激</p>
- <div class="img-rights w200 openImgBox mt-20">
+ <div class="img-rights w200 openImgBox">
<img
src="../../assets/images/0170-01.jpg"
style="width: 100%"
@@ -329,21 +341,27 @@
鍔ㄨ剦鍑鸿锛氱敱浜庡姩鑴夎绠″唴鍘嬪姏杈冮珮锛屾墍浠ュ嚭琛�鏃跺憟娉夋秾銆佹悘鍔ㄦ�э紝灏ゅ叾鏄ぇ鐨勫姩鑴夎绠＄牬瑁傦紝琛�娑插憟鍠峰皠鐘讹紝棰滆壊椴滅孩锛屽父鍦ㄧ煭鏃跺唴閫犳垚澶ч噺澶辫锛屾槗寮曡捣鐢熷懡鍗遍櫓銆�
</p>
</span>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">159</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">159</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -362,24 +380,46 @@
<div class="bodystyle">
<p class="poemtitle-l">锛堜竴锛夋琛�鏂规硶</p>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛氬┐骞煎効鍑鸿澶勭悊</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '758EFE380803FE03E335BBBE8204F0BC'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-01')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathOne"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛氬┐骞煎効鍑鸿澶勭悊</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '758EFE380803FE03E335BBBE8204F0BC'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-01')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content">1锛庢寚鍘嬫琛�娉�</p>
<p class="content">
鍦ㄤ激鍙ｇ殑涓婃柟锛屽嵆杩戝績绔紝鎵惧埌璺冲姩鐨勮绠★紝鐢ㄦ墜鎸囩揣绱у帇浣忋�傚湪涓嶈兘浣跨敤姝㈣甯︾殑閮ㄤ綅锛屽湪韬竟娌℃湁鍣ㄦ潗鎴栫揣鎬ユ儏鍐典笅锛屽彲鏆傜敤鎸囧帇姝㈣娉曘�傛娉曚负绱ф�ョ殑涓存椂姝㈣娉曪紝涓庢鍚屾椂锛屽簲鍑嗗鏉愭枡鎹㈢敤鍏朵粬姝㈣鏂规硶銆傞噰鐢ㄦ娉曪紝鏁戞姢浜哄繀椤荤啛鎮夊悇閮ㄤ綅琛�绠″嚭琛�鐨勫帇杩偣銆�
@@ -521,22 +561,30 @@
<p class="content">
鐢ㄤ簬鑵硅偂娌熴�佽厠绐濄�侀蓟鑵斿嚭琛�鎴栦竴浜涘ぇ鑰屾繁鐨勪激鍙ｃ�傚簲鍏堢敤鏃犺弻绾卞竷鎴栨磥鍑�鐨勫竷鏂欏～濉炰激鍙ｏ紝鍐嶉�夌敤鍔犲帇鍖呮墡姝㈣娉曘��
</p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
-
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">161</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">161</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -605,16 +653,18 @@
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">163</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">163</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -747,21 +797,25 @@
5锛庤偂楠ㄩ鎶樺浐瀹氾細閫夌敤闀挎湪鏉夸袱鍧楋紝灏嗗ぇ鑵垮皬鑵胯繛鍚岃叞閮ㄩ綈骞筹紝涓�璧峰浐瀹氥�傜疆浜庡ぇ鑵垮墠鍚庨暱杈捐叞閮紝骞跺皢韪濆叧鑺備竴璧峰浐瀹氾紝浠ラ槻杩欎袱閮ㄤ綅娲诲姩寮曡捣楠ㄦ姌閿欎綅锛堣鍥�5-21銆佸浘5-22锛夈��
</p>
</span>
+ <p><br /></p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">165</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">165</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -850,24 +904,46 @@
</div>
</div>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 濠村辜鍎块鎶樺鐞嗘祦绋�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '672F54E4542A0BB15AE6DAD12C1AA74C'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-02')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathTwo"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 濠村辜鍎块鎶樺鐞嗘祦绋�</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '672F54E4542A0BB15AE6DAD12C1AA74C'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-02')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="poemtitle-l">锛堜笁锛夎剨鏌辨崯浼ゆ惉杩愭柟娉�</p>
<p class="content">
鍙鎬�鐤戞湁鑴婃煴鎹熶激灏卞簲鎸夎剨鏌辨崯浼ゆ儏鍐靛鐞嗭紝灏嗚剨鏌变笉绋冲畾鐨勬偅鍎夸话鍗у浐瀹氬湪涓�鍧楀潥纭暱鑳屾澘涓婂苟灏嗗叾鏀剧疆鍦ㄤ腑蹇冪洿绾夸綅缃紝鍗冲ご閮ㄣ�侀閮ㄣ�佽函骞层�侀鐩嗗簲浠ヤ腑蹇冪洿绾夸綅缃�愪竴鍥哄畾锛屼繚鎸佽剨鏌变几鐩翠綅锛屼弗绂佸集鏇叉垨鎵浆銆�
@@ -903,24 +979,46 @@
<p class="imgdescript">鍥�5-24銆�鑴婃煴鎹熶激鎼繍</p>
</div>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 濠村辜鍎胯剨鏌辨崯浼ゆ惉杩愭柟娉�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '52D13E40E39BA98987EC269C1F41C16E'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-03')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathThree"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 濠村辜鍎胯剨鏌辨崯浼ゆ惉杩愭柟娉�</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '52D13E40E39BA98987EC269C1F41C16E'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-03')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content td-0">
<img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
</p>
@@ -934,21 +1032,24 @@
<p class="content">
蹇冭剰楠ゅ仠涓�鏃﹀彂鐢燂紝濡傚緱涓嶅埌鍗冲埢鍙婃椂鍦版姠鏁戝鑻忥紝4锝�6鍒嗛挓鍚庝細閫犳垚鎮ｅ効鑴戝拰鍏朵粬浜轰綋閲嶈鍣ㄥ畼缁勭粐鐨勪笉鍙�嗙殑鎹熷锛屽洜姝ゅ績鑴忛鍋滃悗鐨勫績鑲哄鑻忓繀椤诲湪鐜板満绔嬪嵆杩涜銆傚績鑴忓鑻忛�氫織鍦拌灏辨槸褰撴偅鍎垮仠姝㈠懠鍚稿拰蹇冨仠鏃讹紝鐢ㄤ汉宸ュ懠鍚稿拰闂兏鎸夊帇杩涜鎶㈡晳鐨勪竴绉嶆妧鏈�備汉鍦ㄥ績鑴忕梾銆佹汉姘淬�佽溅绁搞�佽嵂鐗╀腑姣掋�侀珮琛�鍘嬨�佽Е鐢点�佸紓鐗╁牭濉炴椂閮藉彲鑳戒細蹇冭剰楠ゅ仠锛屽懠鍚稿仠姝紝鍧囧彲鐢ㄥ績鑲哄鑻忔湳鏉ユ姠鏁戙�傚叾澶勭疆娴佺▼濡備笅銆�
</p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">167</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">167</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -1020,24 +1121,46 @@
5锛庡仠姝㈠績鑲哄鑻忕殑鎸囧緛銆傚湪鏂芥晳鐨勫悓鏃朵篃瑕佹椂鍒昏瀵熸偅鍎跨殑鐢熷懡浣撳緛銆傝Е鎽告偅鍎跨殑鎵嬭冻锛岃嫢娓╁害鏈夋墍鍥炲崌锛屽垯杩涗竴姝ヨЕ鎽搁鍔ㄨ剦锛屽彂鐜版湁鎼忓姩鍗冲彲鍋滄蹇冭偤澶嶈嫃锛屽敖蹇妸鎮ｅ効閫佸線鍖婚櫌杩涜杩涗竴姝ョ殑娌荤枟銆�
</p>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 濠村辜鍎垮績璺冲懠鍚搁鍋滃鐞�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '1DA74ED152C683BF7716A53EAAF304E9'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-04')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathFour"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 濠村辜鍎垮績璺冲懠鍚搁鍋滃鐞�</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '1DA74ED152C683BF7716A53EAAF304E9'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-04')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content td-0 mt-20">
<img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
</p>
@@ -1064,16 +1187,18 @@
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">169</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">169</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -1086,7 +1211,7 @@
<li class="headerText">
濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
</li>
- <li class="headerNumber">179</li>
+ <li class="headerNumber">170</li>
<img src="../../assets/images/a1.jpg" alt="" />
</ul>
<div class="bodystyle">
@@ -1141,24 +1266,46 @@
濡傝偐閮ㄨ劚浣嶏紝鍙妸鎮ｅ効鑲橀儴寮垚鐩磋锛屽啀鐢ㄤ笁瑙掑肪鎶婂墠鑷傚拰鑲橀儴鎵樿捣锛屾寕鍦ㄩ涓婏紝鍐嶇敤涓�鏉″甯︾紶杩囪剳閮紝鍦ㄥ渚ц剳浣滅粨銆傚楂嬮儴鑴变綅锛屽垯搴旂珛鍗宠鎮ｅ効韬哄湪骞虫澘涓婇�佸線鍖婚櫌銆�
</p>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 濠村辜鍎垮叧鑺傝劚浣嶅鐞�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '439863064461BF97467E94EA53280FBF'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-05')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathFive"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 濠村辜鍎垮叧鑺傝劚浣嶅鐞�</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '439863064461BF97467E94EA53280FBF'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-05')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content td-0 mt-20">
<img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
</p>
@@ -1182,24 +1329,46 @@
濠村辜鍎垮ご閮ㄧ潃鍦板彈鍒版崯浼ゆ椂锛屾暀甯堛�佸闀垮簲缁欎簣瓒冲鐨勯噸瑙嗐�傛儏鍐佃緝杞昏�咃紝鍙崸搴婁紤鎭�1锝�2澶╋紝濡傛棤鐗规畩琛ㄧ幇鎵嶅彲浠ヤ笅搴婃椿鍔紝骞跺簲鎸佺画瑙傚療涓�鍛ㄣ�傚鍙戠幇澶撮儴浼存湁琛�鑲匡紝搴斿幓鍖婚櫌鎷嶇墖妫�鏌ワ紝鍒ゆ槑鏈夋棤棰呴楠ㄦ姌銆傚嚒鏈夋槑鏄炬剰璇嗛殰纰嶏紝浼存湁浼戝厠鐨勶紝搴旂珛鍗冲钩鍗с�佸浐瀹氬ご閮紝绱ф�ラ�佸線涓夌骇鍖婚櫌鎶㈡晳銆備弗绂佹憞鍔ㄣ�佺壍鎵紝鏇翠笉瑕侀殢鎰忕Щ鍔ㄤ綅缃紝澶撮儴涓や晶鐢ㄨ。鐗╁～濉烇紝浠ュ厤宸﹀彸鎽囨檭锛屽悓鏃剁敤姣涘肪娴告箍鍐锋暦澶撮儴锛岃韩浣撹。鐫�瑕佷繚鏆栥�傚绁炲織涓嶆竻鑰呭彲鐢ㄦ墜鎸囨帎浜轰腑銆佸悎璋风瓑绌达紝浣垮叾鑻忛啋銆�
</p>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 濠村辜鍎胯剳闇囪崱澶勭悊</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == 'D85245AAC0CFCBDB8287FD5BEBFBBB51'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-06')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathSix"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 濠村辜鍎胯剳闇囪崱澶勭悊</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == 'D85245AAC0CFCBDB8287FD5BEBFBBB51'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-06')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content td-0 mt-20">
<img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
</p>
@@ -1216,16 +1385,18 @@
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">171</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">171</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -1348,16 +1519,18 @@
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">173</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">173</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -1396,24 +1569,46 @@
</p>
<p class="titleQuot-1">涔濄�佽繍鍔ㄦ�т紤鍏嬬殑澶勭悊涓庢�ユ晳</p>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 骞煎効杩愬姩鎬т紤鍏嬪鐞�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '558BD52BD08066945D05B243F61772B6'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-07')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathSeven"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 骞煎効杩愬姩鎬т紤鍏嬪鐞�</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '558BD52BD08066945D05B243F61772B6'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-07')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content">
杩愬姩鎬т紤鍏嬫槸鎸囧湪鐗瑰畾鐨勮繍鍔ㄧ幆澧冧腑锛屽洜鍙楀埌鍚勭涓嶅埄鍥犵礌鐨勪镜琚紝鑰岃繀閫熷嚭鐜板惊鐜郴缁熷強鍏朵粬绯荤粺鍔熻兘鎬ュ墽涓嬮檷鐨勪竴绉嶇梾鐞嗙敓鐞嗙姸鎬併�傚瑙佷簬骞崇礌浣撹偛閿荤偧杈冨皯鐨勪汉锛屽挨浠ュ皯骞村効绔ヤ负澶氳銆傝繃鍒嗙揣寮犮�佹縺鍔ㄦ垨甯︾梾鍙傚姞杩愬姩涓哄叾璇卞洜銆傛湁鏃跺皯骞村効绔ュ墽鐑堝璺戞垨璧涜窇鍚庯紝濡傛灉绔嬪嵆绔欑珛涓嶅姩锛屼細浣夸笅鑲㈢殑姣涚粏琛�绠″拰闈欒剦澶卞幓鑲岃倝鏀剁缉鏃朵骇鐢熺殑鎸ゅ帇浣滅敤锛岃娑茬敱浜庨噸鍔涗綔鐢ㄨ�屾筏绉簬涓嬭偄鎵╁紶鐨勯潤鑴夊拰姣涚粏琛�绠￠噷锛屼篃浼氫骇鐢熶紤鍏嬨��
</p>
@@ -1473,21 +1668,27 @@
<p class="quotation">
4锛庡辜鍎夸細姣旀垚浜轰涪澶辩殑閽犲拰姘寲鐗╁皯锛屽洜鑰岃ˉ鍏呮按鍒嗙殑楗枡瑕佹瘮鎴愪汉鐨勭█钖勪竴鐐广��
</p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">175</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">175</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -1538,38 +1739,165 @@
</div>
<p class="content td-0 mb-10 mt-30">
- <img class="img-15" src="../../assets/images/0027_02.jpg" alt="" />
+ <img
+ class="img-15"
+ src="../../assets/images/0027_02.jpg"
+ alt=""
+ />
</p>
<p class="content">
杞粍缁囨崯浼ゃ��楠ㄦ姌銆�鑴戦渿鑽°��杩愬姩鎬ц吂鐥涖��蹇冭偤澶嶈嫃銆�杩愬姩鎬ц劚姘�
</p>
<p class="content td-0 mb-10 mt-30">
- <img class="img-15" src="../../assets/images/0028_01.jpg" alt="" />
+ <img
+ class="img-15"
+ src="../../assets/images/0028_01.jpg"
+ alt=""
+ />
</p>
<p class="content"><span class="bold">涓�銆佺畝鍗曢</span></p>
<p class="content">1锛庡┐骞煎効杩愬姩浼ゅ鐨勫垽鏂笌澶勭悊娴佺▼鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.one"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">2锛庢�ユ�ц繍鍔ㄤ激瀹崇殑PRICE鍘熷垯鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.two"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">3锛庡浼ゅ嚭琛�鐨勫鐞嗘柟娉曟槸浠�涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.three"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">4锛庨鎶樼殑澶勭疆娴佺▼鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.four"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">5锛庡績鑲哄鑻忕殑鎿嶄綔娴佺▼鏈夊摢浜涳紵</p>
+ <textarea
+ v-model="videoQuestionData.five"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">6锛庣墮澶栦激鍚庣殑澶勭悊鏂规硶鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.six"
+ placeholder="璇疯緭鍏ュ唴瀹� "
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">7锛庤繍鍔ㄦ�ц吂鐥涚殑澶勭悊鏂规硶鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.seven"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">8锛庤繍鍔ㄦ�т紤鍏嬬殑澶勭悊鏂规硶鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.eight"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">9锛庤繍鍔ㄦ�ц劚姘寸殑琛ㄧ幇鍙婇闃叉柟娉曟槸浠�涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.nine"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content"><span class="bold">浜屻�佸疄璺典笌缁冧範</span></p>
<p class="content">
涓変釜浜轰负涓�缁勶紝涓�浜烘壆婕旀偅鍎匡紝涓や汉鎵紨鏁欏笀锛岀粌涔犺笣鍏宠妭鎵激鍚庣殑鎬ユ晳澶勭悊鍜屽績鑲哄鑻忔搷浣滄柟娉曘��
</p>
<p class="content td-0 mb-10 mt-30">
- <img class="img-15" src="../../assets/images/0028_02.jpg" alt="" />
+ <img
+ class="img-15"
+ src="../../assets/images/0028_02.jpg"
+ alt=""
+ />
</p>
<p class="content">
鐜嬪浗绁ャ�佺帇铏庝富缂栵細銆婁綋鑲茶繍鍔ㄤ激瀹抽槻鎶ゃ�嬶紝鑻忓窞锛岃嫃宸炲ぇ瀛﹀嚭鐗堢ぞ锛�2017銆傝涔︿粠杩愬姩鎹熶激鐨勫彂鐢熸満鍒躲�佺棁鐘朵綋寰佷互鍙婂鐞嗘柟娉曚笌鎺柦绛夋柟闈紝瀵逛汉浣撳悇閮ㄤ綅甯歌杩愬姩鎹熶激杩涜浜嗚缁嗕粙缁嶏紝鐫�閲嶄粙缁嶄簡澶撮儴銆佽函骞插拰鍥涜偄涓昏鍏宠妭閮ㄤ綅鐨�120澶氱鎬ャ�佹參鎬ф崯浼わ紝鑳芥弧瓒宠繘涓�姝ユ繁鍏ョ爺绌剁殑闇�姹傘��
+ </p>
+ <p class="dialogQuestion" @click="openQuestion(1)">
+ <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+ <span class="td-0">
+ <svg
+ t="1736157124915"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="2536"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="28"
+ height="28"
+ >
+ <path
+ d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+ fill="#fff"
+ p-id="2537"
+ ></path>
+ <path
+ d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+ fill="#fff"
+ p-id="2538"
+ ></path>
+ <path
+ d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+ fill="#fff"
+ p-id="2539"
+ ></path>
+ </svg>
+ </span>
</p>
</div>
</div>
</div>
</div>
+ <dialogExaminations
+ :isClear="dialogVisibleOne"
+ :primaryColor="themeColor"
+ :cardList="interfaceQuestion[questionNum]"
+ v-if="interfaceQuestion"
+ :chapter="2"
+ :page="questionNum"
+ :questionTitle="questionTitleMain"
+ ref="dialogRef"
+ >
+ </dialogExaminations>
</div>
</template>
@@ -1579,13 +1907,19 @@
getCollectResource,
setCollectResource,
} from "@/assets/methods/resources";
-import preView from "@/components/pdfview/index.vue";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
name: "chapterOne",
props: {
showPageList: {
type: Array,
},
+ interfaceQuestion: {
+ type: Object,
+ },
+ },
+ components: {
+ dialogExaminations,
},
data() {
return {
@@ -1609,8 +1943,29 @@
},
videoQuestionData: {
one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight: "",
+ nine: "",
},
- collectResourceList:[],
+ collectResourceList: [],
+ // 棰樼洰鐩稿叧
+ dialogVisibleOne: false,
+ themeColor: "#7acab4",
+ questionNum: 0,
+ questionTitleMain: "",
+ chapter001: {
+ question: {
+ 1: {
+ questionTitleMain: "绗簲绔犮��濠村辜鍎垮父瑙佽繍鍔ㄤ激瀹崇殑澶勭悊涓庢�ユ晳",
+ questionNum: 185,
+ },
+ },
+ },
};
},
async mounted() {
@@ -1660,7 +2015,6 @@
);
},
-
handleCollect(e) {
if (e == "video-01") {
this.handleCollectResource(
@@ -1669,10 +2023,76 @@
"",
"瑙嗛",
"bits",
- "娲诲姩瑙嗛锛氬疂瀹濆彂鐜扮編"
+ "娲诲姩瑙嗛锛氬┐骞煎効鍑鸿澶勭悊"
);
this.chapterData.isCollectVideoOne =
!this.chapterData.isCollectVideoOne;
+ } else if (e == "video-02") {
+ this.handleCollectResource(
+ "672F54E4542A0BB15AE6DAD12C1AA74C",
+ "672F54E4542A0BB15AE6DAD12C1AA74C",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬┐骞煎効楠ㄦ姌澶勭悊娴佺▼"
+ );
+ this.chapterData.isCollectVideoTwo =
+ !this.chapterData.isCollectVideoTwo;
+ } else if (e == "video-03") {
+ this.handleCollectResource(
+ "52D13E40E39BA98987EC269C1F41C16E",
+ "52D13E40E39BA98987EC269C1F41C16E",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬┐骞煎効鑴婃煴鎹熶激鎼繍鏂规硶"
+ );
+ this.chapterData.isCollectVideoThree =
+ !this.chapterData.isCollectVideoThree;
+ } else if (e == "video-04") {
+ this.handleCollectResource(
+ "1DA74ED152C683BF7716A53EAAF304E9a",
+ "1DA74ED152C683BF7716A53EAAF304E9a",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬┐骞煎効蹇冭烦鍛煎惛楠ゅ仠澶勭悊"
+ );
+ this.chapterData.isCollectVideoFour =
+ !this.chapterData.isCollectVideoFour;
+ } else if (e == "video-05") {
+ this.handleCollectResource(
+ "439863064461BF97467E94EA53280FBF",
+ "439863064461BF97467E94EA53280FBF",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬┐骞煎効鍏宠妭鑴变綅澶勭悊"
+ );
+ this.chapterData.isCollectVideoFive =
+ !this.chapterData.isCollectVideoFive;
+ } else if (e == "video-06") {
+ this.handleCollectResource(
+ "D85245AAC0CFCBDB8287FD5BEBFBBB51",
+ "D85245AAC0CFCBDB8287FD5BEBFBBB51",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬┐骞煎効鑴戦渿鑽″鐞�"
+ );
+ this.chapterData.isCollectVideoSix =
+ !this.chapterData.isCollectVideoSix;
+ } else if (e == "video-07") {
+ this.handleCollectResource(
+ "558BD52BD08066945D05B243F61772B6",
+ "558BD52BD08066945D05B243F61772B6",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬辜鍎胯繍鍔ㄦ�т紤鍏嬪鐞�"
+ );
+ this.chapterData.isCollectVideoSeven =
+ !this.chapterData.isCollectVideoSeven;
}
this.saveVideoStatus();
},
@@ -1721,6 +2141,15 @@
this.collectResourceList
);
},
+
+ openQuestion(num) {
+ if (num) {
+ this.questionNum = this.chapter001.question[num].questionNum;
+ this.questionTitleMain =
+ this.chapter001.question[num].questionTitleMain;
+ this.$refs.dialogRef.openDialogQuestion();
+ }
+ },
},
};
</script>
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/header.vue b/src/books/toddlerSportsSafetyProtection/view/components/header.vue
index 1e8bf74..24ef7e2 100644
--- a/src/books/toddlerSportsSafetyProtection/view/components/header.vue
+++ b/src/books/toddlerSportsSafetyProtection/view/components/header.vue
@@ -8,7 +8,7 @@
</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" /> -->
+ <img class="img-0" alt="" src="../../assets/images/feiYe.jpg" />
</div>
</div>
<!-- 浠嬬粛椤甸潰 -->
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/index.vue b/src/books/toddlerSportsSafetyProtection/view/components/index.vue
index b62e92d..2774aba 100644
--- a/src/books/toddlerSportsSafetyProtection/view/components/index.vue
+++ b/src/books/toddlerSportsSafetyProtection/view/components/index.vue
@@ -34,6 +34,7 @@
<chapterFive
v-if="showCatalogList.indexOf(2) > -1"
:showPageList="loadPageList"
+ :interfaceQuestion="questionDataMap"
></chapterFive>
</div>
</div>
@@ -47,6 +48,8 @@
// import chapterFour from "./chapter004.vue";
import chapterFive from "./chapter005.vue";
import NoteIcon from "@/assets/images/biji.png";
+import getQuestionList from "@/assets/methods/examination";
+import testData from "../../assets/examinationList";
import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
@@ -183,8 +186,8 @@
}, 500);
// 娴嬭瘯椤甸潰璺宠浆
- setTimeout(() => {
- this.gotoPage(2, 175);
+ // setTimeout(() => {
+ // this.gotoPage(2, 185);
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
@@ -198,7 +201,7 @@
// ids: ["2ACA9359"]
// });
// }, 2000);
- }, 500);
+ // }, 500);
// const pageDom = (this.container ? this.container : document)
// .querySelector("#app")
@@ -569,30 +572,30 @@
// 娣诲姞椤电爜
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);
- // }
- // }
- // }
+ 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]) {
diff --git a/src/components/checkVideo/index.vue b/src/components/checkVideo/index.vue
index 11cbc18..110f441 100644
--- a/src/components/checkVideo/index.vue
+++ b/src/components/checkVideo/index.vue
@@ -101,7 +101,6 @@
"瑙嗛锛�" + this.videoName
);
this.localIsCollectVideo = !this.localIsCollectVideo;
- this.$emit('saveVideoStatus')
},
//璧勬簮鏀惰棌浜嬩欢
// resourcePath 鏂囦欢璺緞锛�
--
Gitblit v1.9.1