From a926fd041356a4e7dcb3a43439304c1862a70bc9 Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期三, 22 一月 2025 16:41:55 +0800
Subject: [PATCH] hebing
---
src/books/toddlerGameImplementation/assets/images/0029-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/ml.jpg | 0
src/books/toddlerGameImplementation/view/index.vue | 76
src/books/toddlerGameImplementation/assets/images/gjsy.png | 0
src/books/toddlerGameImplementation/assets/images/0079-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0039-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0089-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0144-1.jpg | 0
src/books/toddlerGameImplementation/assets/Fonts/FZLTZHJW.ttf | 0
src/books/toddlerGameImplementation/assets/images/headerBj.png | 0
src/books/toddlerGameImplementation/assets/images/0046-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/bkzn.png | 0
src/books/toddlerGameImplementation/assets/images/xyx.png | 0
src/books/toddlerGameImplementation/assets/images/xxdt.png | 0
src/books/toddlerGameImplementation/assets/images/0013-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/ysyd.png | 0
src/books/toddlerGameImplementation/assets/images/0051-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0161-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0066-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0094-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0050-2.jpg | 0
src/books/toddlerGameImplementation/assets/images/0107-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/icon/heart-check.png | 0
src/books/toddlerGameImplementation/assets/images/0025-2.jpg | 0
src/books/toddlerGameImplementation/assets/images/0045-2.jpg | 0
src/books/toddlerGameImplementation/assets/images/0043-3.jpg | 0
src/books/toddlerGameImplementation/assets/images/0090-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0014-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/xxcty.png | 0
src/books/toddlerGameImplementation/assets/images/csx.jpg | 0
src/books/toddlerGameImplementation/assets/images/0020-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/lyl.png | 0
src/books/toddlerGameImplementation/assets/images/0136-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0043-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0166-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0043-5.jpg | 0
src/books/toddlerGameImplementation/assets/images/0061-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/FD.jpg | 0
src/books/toddlerGameImplementation/assets/Fonts/FZHTJW.ttf | 0
src/books/toddlerGameImplementation/assets/images/0038-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0078-1.jpg | 0
src/books/toddlerGameImplementation/assets/main.less | 2127 +++++++++++++++++++++++++
src/books/toddlerGameImplementation/assets/images/SMY.jpg | 0
src/books/toddlerGameImplementation/assets/images/0154-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0084-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0044-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/icon/heart.png | 0
src/books/toddlerGameImplementation/assets/images/0072-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/tzyd.png | 0
src/books/toddlerGameImplementation/assets/images/0080-2.jpg | 0
src/books/toddlerGameImplementation/assets/images/xxxgjc.png | 0
src/books/toddlerGameImplementation/assets/images/qy.jpg | 0
src/books/toddlerGameImplementation/assets/images/0075-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0085-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0130-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0120-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0045-3.jpg | 0
src/books/toddlerGameImplementation/assets/images/alfx.png | 0
src/books/toddlerGameImplementation/assets/images/sysm.jpg | 0
src/books/toddlerGameImplementation/assets/images/0081-2.jpg | 0
src/books/toddlerGameImplementation/assets/images/0098-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0143-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0088-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0079-2.jpg | 0
src/books/toddlerGameImplementation/assets/images/0118-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0094-2.jpg | 0
src/books/toddlerGameImplementation/assets/images/0123-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/Cover.jpg | 0
src/books/toddlerGameImplementation/assets/images/0045-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0062-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0082-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0112-1.jpg | 0
src/books/toddlerGameImplementation/view/components/chapter001.vue | 1450 +++++++++++++++++
src/books/toddlerGameImplementation/assets/images/0080-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0024-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0043-2.jpg | 0
src/books/toddlerGameImplementation/view/components/header.vue | 229 ++
src/books/toddlerGameImplementation/assets/images/0043-4.jpg | 0
src/books/toddlerGameImplementation/assets/images/0169-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0179-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0044-2.jpg | 0
src/books/toddlerGameImplementation/assets/images/0084-2.jpg | 0
src/books/toddlerGameImplementation/assets/images/0186-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/xxrwd.png | 0
src/books/toddlerGameImplementation/assets/Fonts/FZLTXIHJW.ttf | 0
src/books/toddlerGameImplementation/assets/images/0081-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0168-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/sjyy.png | 0
src/books/toddlerGameImplementation/view/components/index.vue | 989 ++++++++++++
src/books/toddlerGameImplementation/assets/images/aldr.png | 0
src/books/toddlerGameImplementation/assets/images/yxfa.png | 0
src/books/toddlerGameImplementation/assets/images/0099-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/headerRight.png | 0
src/books/toddlerGameImplementation/assets/images/sjtz.png | 0
src/books/toddlerGameImplementation/assets/images/0092-1.jpg | 0
src/books/toddlerGameImplementation/assets/images/0117-1.jpg | 0
src/App.vue | 5
src/books/toddlerGameImplementation/assets/images/0087-1.jpg | 0
98 files changed, 4,875 insertions(+), 1 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 5992f9c..db0a26a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,6 +18,7 @@
<aviationSafety v-if="activeBook.name == 'aviationSafety'"></aviationSafety>
<aviationEtiquette v-if="activeBook.name == 'aviationEtiquette'"></aviationEtiquette>
<childcareInstitutionsManagement v-if="activeBook.name == 'childcareInstitutionsManagement'"></childcareInstitutionsManagement>
+ <toddlerGameImplementation v-if="activeBook.name == 'toddlerGameImplementation'"></toddlerGameImplementation>
<preschoolGameGuidance v-if="activeBook.name == 'preschoolGameGuidance'"></preschoolGameGuidance>
<kindergartenLanguageActivity v-if="activeBook.name == 'kindergartenLanguageActivity'"></kindergartenLanguageActivity>
</div>
@@ -62,6 +63,7 @@
aviationSafety: ()=> import("./books/aviationSafety/view/index.vue"),
aviationEtiquette: ()=> import("./books/aviationEtiquette/view/index.vue"),
childcareInstitutionsManagement: ()=> import("./books/childcareInstitutionsManagement/view/index.vue"),
+ toddlerGameImplementation: ()=> import("./books/toddlerGameImplementation/view/index.vue"),
preschoolGameGuidance: ()=> import("./books/preschoolGameGuidance/view/index.vue"),
kindergartenLanguageActivity: ()=> import("./books/kindergartenLanguageActivity/view/index.vue"),
},
@@ -107,13 +109,14 @@
// aviationSafety //瀹夊叏妫�鏌ュ疄鍔�
// aviationEtiquette //绀间华鏈嶅姟
//childcareInstitutionsManagement //鎵樿偛鏈烘瀯绠＄悊涓庡疄鍔�
+ // toddlerGameImplementation //濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�
// preschoolGameGuidance //瀛﹀墠娓告垙鎸囧 preschoolGameGuidance
// kindergartenLanguageActivity
this.activeBook = await this.config.getBookConfig(
process.env.VUE_APP_RESOURCE_CTX +
(process.env.VUE_APP_ENV == "product"
? process.env.VUE_APP_BOOK_ID
- : "childcareInstitutionsManagement")
+ : "toddlerGameImplementation")
);
// this.activeBook = await this.config.getBookConfig(
diff --git a/src/books/toddlerGameImplementation/assets/Fonts/FZHTJW.ttf b/src/books/toddlerGameImplementation/assets/Fonts/FZHTJW.ttf
new file mode 100644
index 0000000..0e8a216
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/Fonts/FZHTJW.ttf
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/Fonts/FZLTXIHJW.ttf b/src/books/toddlerGameImplementation/assets/Fonts/FZLTXIHJW.ttf
new file mode 100644
index 0000000..e3c7f7c
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/Fonts/FZLTXIHJW.ttf
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/Fonts/FZLTZHJW.ttf b/src/books/toddlerGameImplementation/assets/Fonts/FZLTZHJW.ttf
new file mode 100644
index 0000000..ef5ec15
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/Fonts/FZLTZHJW.ttf
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0013-1.jpg b/src/books/toddlerGameImplementation/assets/images/0013-1.jpg
new file mode 100644
index 0000000..4781be1
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0013-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0014-1.jpg b/src/books/toddlerGameImplementation/assets/images/0014-1.jpg
new file mode 100644
index 0000000..621ae07
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0014-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0020-1.jpg b/src/books/toddlerGameImplementation/assets/images/0020-1.jpg
new file mode 100644
index 0000000..a9d48f0
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0020-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0024-1.jpg b/src/books/toddlerGameImplementation/assets/images/0024-1.jpg
new file mode 100644
index 0000000..910a5c1
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0024-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0025-2.jpg b/src/books/toddlerGameImplementation/assets/images/0025-2.jpg
new file mode 100644
index 0000000..e03cd0f
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0025-2.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0029-1.jpg b/src/books/toddlerGameImplementation/assets/images/0029-1.jpg
new file mode 100644
index 0000000..0dec106
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0029-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0038-1.jpg b/src/books/toddlerGameImplementation/assets/images/0038-1.jpg
new file mode 100644
index 0000000..adcc13c
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0038-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0039-1.jpg b/src/books/toddlerGameImplementation/assets/images/0039-1.jpg
new file mode 100644
index 0000000..4556bc0
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0039-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0043-1.jpg b/src/books/toddlerGameImplementation/assets/images/0043-1.jpg
new file mode 100644
index 0000000..9397ed6
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0043-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0043-2.jpg b/src/books/toddlerGameImplementation/assets/images/0043-2.jpg
new file mode 100644
index 0000000..88bf4a7
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0043-2.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0043-3.jpg b/src/books/toddlerGameImplementation/assets/images/0043-3.jpg
new file mode 100644
index 0000000..a39b8bf
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0043-3.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0043-4.jpg b/src/books/toddlerGameImplementation/assets/images/0043-4.jpg
new file mode 100644
index 0000000..9994e5e
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0043-4.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0043-5.jpg b/src/books/toddlerGameImplementation/assets/images/0043-5.jpg
new file mode 100644
index 0000000..0446034
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0043-5.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0044-1.jpg b/src/books/toddlerGameImplementation/assets/images/0044-1.jpg
new file mode 100644
index 0000000..2311f43
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0044-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0044-2.jpg b/src/books/toddlerGameImplementation/assets/images/0044-2.jpg
new file mode 100644
index 0000000..a87a8f1
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0044-2.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0045-1.jpg b/src/books/toddlerGameImplementation/assets/images/0045-1.jpg
new file mode 100644
index 0000000..2de81cd
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0045-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0045-2.jpg b/src/books/toddlerGameImplementation/assets/images/0045-2.jpg
new file mode 100644
index 0000000..f82afb0
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0045-2.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0045-3.jpg b/src/books/toddlerGameImplementation/assets/images/0045-3.jpg
new file mode 100644
index 0000000..a663bf4
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0045-3.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0046-1.jpg b/src/books/toddlerGameImplementation/assets/images/0046-1.jpg
new file mode 100644
index 0000000..43e01fd
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0046-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0050-2.jpg b/src/books/toddlerGameImplementation/assets/images/0050-2.jpg
new file mode 100644
index 0000000..17eb7b1
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0050-2.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0051-1.jpg b/src/books/toddlerGameImplementation/assets/images/0051-1.jpg
new file mode 100644
index 0000000..a9e2965
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0051-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0061-1.jpg b/src/books/toddlerGameImplementation/assets/images/0061-1.jpg
new file mode 100644
index 0000000..046a3b1
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0061-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0062-1.jpg b/src/books/toddlerGameImplementation/assets/images/0062-1.jpg
new file mode 100644
index 0000000..265ca08
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0062-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0066-1.jpg b/src/books/toddlerGameImplementation/assets/images/0066-1.jpg
new file mode 100644
index 0000000..e563b5e
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0066-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0072-1.jpg b/src/books/toddlerGameImplementation/assets/images/0072-1.jpg
new file mode 100644
index 0000000..c03ad92
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0072-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0075-1.jpg b/src/books/toddlerGameImplementation/assets/images/0075-1.jpg
new file mode 100644
index 0000000..9284a2e
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0075-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0078-1.jpg b/src/books/toddlerGameImplementation/assets/images/0078-1.jpg
new file mode 100644
index 0000000..2106b3b
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0078-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0079-1.jpg b/src/books/toddlerGameImplementation/assets/images/0079-1.jpg
new file mode 100644
index 0000000..16a8a81
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0079-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0079-2.jpg b/src/books/toddlerGameImplementation/assets/images/0079-2.jpg
new file mode 100644
index 0000000..36cb7dc
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0079-2.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0080-1.jpg b/src/books/toddlerGameImplementation/assets/images/0080-1.jpg
new file mode 100644
index 0000000..d650d50
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0080-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0080-2.jpg b/src/books/toddlerGameImplementation/assets/images/0080-2.jpg
new file mode 100644
index 0000000..10a90fc
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0080-2.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0081-1.jpg b/src/books/toddlerGameImplementation/assets/images/0081-1.jpg
new file mode 100644
index 0000000..ee8787e
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0081-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0081-2.jpg b/src/books/toddlerGameImplementation/assets/images/0081-2.jpg
new file mode 100644
index 0000000..a81852c
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0081-2.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0082-1.jpg b/src/books/toddlerGameImplementation/assets/images/0082-1.jpg
new file mode 100644
index 0000000..d5bb4a4
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0082-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0084-1.jpg b/src/books/toddlerGameImplementation/assets/images/0084-1.jpg
new file mode 100644
index 0000000..c7144a7
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0084-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0084-2.jpg b/src/books/toddlerGameImplementation/assets/images/0084-2.jpg
new file mode 100644
index 0000000..ce340ce
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0084-2.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0085-1.jpg b/src/books/toddlerGameImplementation/assets/images/0085-1.jpg
new file mode 100644
index 0000000..6aaaaac
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0085-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0087-1.jpg b/src/books/toddlerGameImplementation/assets/images/0087-1.jpg
new file mode 100644
index 0000000..0849883
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0087-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0088-1.jpg b/src/books/toddlerGameImplementation/assets/images/0088-1.jpg
new file mode 100644
index 0000000..c46f509
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0088-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0089-1.jpg b/src/books/toddlerGameImplementation/assets/images/0089-1.jpg
new file mode 100644
index 0000000..e585140
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0089-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0090-1.jpg b/src/books/toddlerGameImplementation/assets/images/0090-1.jpg
new file mode 100644
index 0000000..04e39d0
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0090-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0092-1.jpg b/src/books/toddlerGameImplementation/assets/images/0092-1.jpg
new file mode 100644
index 0000000..9e901a6
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0092-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0094-1.jpg b/src/books/toddlerGameImplementation/assets/images/0094-1.jpg
new file mode 100644
index 0000000..5a35d3c
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0094-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0094-2.jpg b/src/books/toddlerGameImplementation/assets/images/0094-2.jpg
new file mode 100644
index 0000000..8e75669
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0094-2.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0098-1.jpg b/src/books/toddlerGameImplementation/assets/images/0098-1.jpg
new file mode 100644
index 0000000..06167d8
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0098-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0099-1.jpg b/src/books/toddlerGameImplementation/assets/images/0099-1.jpg
new file mode 100644
index 0000000..032c531
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0099-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0107-1.jpg b/src/books/toddlerGameImplementation/assets/images/0107-1.jpg
new file mode 100644
index 0000000..3d7afbf
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0107-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0112-1.jpg b/src/books/toddlerGameImplementation/assets/images/0112-1.jpg
new file mode 100644
index 0000000..2bc59d5
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0112-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0117-1.jpg b/src/books/toddlerGameImplementation/assets/images/0117-1.jpg
new file mode 100644
index 0000000..eabe23a
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0117-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0118-1.jpg b/src/books/toddlerGameImplementation/assets/images/0118-1.jpg
new file mode 100644
index 0000000..25588bf
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0118-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0120-1.jpg b/src/books/toddlerGameImplementation/assets/images/0120-1.jpg
new file mode 100644
index 0000000..ccfe0d6
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0120-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0123-1.jpg b/src/books/toddlerGameImplementation/assets/images/0123-1.jpg
new file mode 100644
index 0000000..bee53cc
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0123-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0130-1.jpg b/src/books/toddlerGameImplementation/assets/images/0130-1.jpg
new file mode 100644
index 0000000..a9ce1a4
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0130-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0136-1.jpg b/src/books/toddlerGameImplementation/assets/images/0136-1.jpg
new file mode 100644
index 0000000..4087230
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0136-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0143-1.jpg b/src/books/toddlerGameImplementation/assets/images/0143-1.jpg
new file mode 100644
index 0000000..2315cc2
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0143-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0144-1.jpg b/src/books/toddlerGameImplementation/assets/images/0144-1.jpg
new file mode 100644
index 0000000..a073651
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0144-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0154-1.jpg b/src/books/toddlerGameImplementation/assets/images/0154-1.jpg
new file mode 100644
index 0000000..d7699ee
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0154-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0161-1.jpg b/src/books/toddlerGameImplementation/assets/images/0161-1.jpg
new file mode 100644
index 0000000..141c4f7
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0161-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0166-1.jpg b/src/books/toddlerGameImplementation/assets/images/0166-1.jpg
new file mode 100644
index 0000000..839675f
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0166-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0168-1.jpg b/src/books/toddlerGameImplementation/assets/images/0168-1.jpg
new file mode 100644
index 0000000..1e75dbf
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0168-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0169-1.jpg b/src/books/toddlerGameImplementation/assets/images/0169-1.jpg
new file mode 100644
index 0000000..3c897a9
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0169-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0179-1.jpg b/src/books/toddlerGameImplementation/assets/images/0179-1.jpg
new file mode 100644
index 0000000..2732b9b
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0179-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/0186-1.jpg b/src/books/toddlerGameImplementation/assets/images/0186-1.jpg
new file mode 100644
index 0000000..593fbd7
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/0186-1.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/Cover.jpg b/src/books/toddlerGameImplementation/assets/images/Cover.jpg
new file mode 100644
index 0000000..dc37508
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/FD.jpg b/src/books/toddlerGameImplementation/assets/images/FD.jpg
new file mode 100644
index 0000000..e4bcb60
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/FD.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/SMY.jpg b/src/books/toddlerGameImplementation/assets/images/SMY.jpg
new file mode 100644
index 0000000..ff35b9c
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/SMY.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/aldr.png b/src/books/toddlerGameImplementation/assets/images/aldr.png
new file mode 100644
index 0000000..961a59c
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/aldr.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/alfx.png b/src/books/toddlerGameImplementation/assets/images/alfx.png
new file mode 100644
index 0000000..921a7b1
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/alfx.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/bkzn.png b/src/books/toddlerGameImplementation/assets/images/bkzn.png
new file mode 100644
index 0000000..055941e
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/bkzn.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/csx.jpg b/src/books/toddlerGameImplementation/assets/images/csx.jpg
new file mode 100644
index 0000000..68bfaf7
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/csx.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/gjsy.png b/src/books/toddlerGameImplementation/assets/images/gjsy.png
new file mode 100644
index 0000000..daa581b
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/gjsy.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/headerBj.png b/src/books/toddlerGameImplementation/assets/images/headerBj.png
new file mode 100644
index 0000000..0cf619e
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/headerBj.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/headerRight.png b/src/books/toddlerGameImplementation/assets/images/headerRight.png
new file mode 100644
index 0000000..ba5bd24
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/headerRight.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/icon/heart-check.png b/src/books/toddlerGameImplementation/assets/images/icon/heart-check.png
new file mode 100644
index 0000000..74d469c
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/icon/heart-check.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/icon/heart.png b/src/books/toddlerGameImplementation/assets/images/icon/heart.png
new file mode 100644
index 0000000..7817ec4
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/icon/heart.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/lyl.png b/src/books/toddlerGameImplementation/assets/images/lyl.png
new file mode 100644
index 0000000..c2a7eb5
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/lyl.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/ml.jpg b/src/books/toddlerGameImplementation/assets/images/ml.jpg
new file mode 100644
index 0000000..f9d3d8c
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/ml.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/qy.jpg b/src/books/toddlerGameImplementation/assets/images/qy.jpg
new file mode 100644
index 0000000..74261db
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/qy.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/sjtz.png b/src/books/toddlerGameImplementation/assets/images/sjtz.png
new file mode 100644
index 0000000..f5aefa5
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/sjtz.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/sjyy.png b/src/books/toddlerGameImplementation/assets/images/sjyy.png
new file mode 100644
index 0000000..4078ac6
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/sjyy.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/sysm.jpg b/src/books/toddlerGameImplementation/assets/images/sysm.jpg
new file mode 100644
index 0000000..6453b4f
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/sysm.jpg
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/tzyd.png b/src/books/toddlerGameImplementation/assets/images/tzyd.png
new file mode 100644
index 0000000..fef8ebb
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/tzyd.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/xxcty.png b/src/books/toddlerGameImplementation/assets/images/xxcty.png
new file mode 100644
index 0000000..751a153
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/xxcty.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/xxdt.png b/src/books/toddlerGameImplementation/assets/images/xxdt.png
new file mode 100644
index 0000000..3811fca
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/xxdt.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/xxrwd.png b/src/books/toddlerGameImplementation/assets/images/xxrwd.png
new file mode 100644
index 0000000..4c8ba0e
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/xxrwd.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/xxxgjc.png b/src/books/toddlerGameImplementation/assets/images/xxxgjc.png
new file mode 100644
index 0000000..143855f
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/xxxgjc.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/xyx.png b/src/books/toddlerGameImplementation/assets/images/xyx.png
new file mode 100644
index 0000000..8f583ab
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/xyx.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/ysyd.png b/src/books/toddlerGameImplementation/assets/images/ysyd.png
new file mode 100644
index 0000000..f05fa92
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/ysyd.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/images/yxfa.png b/src/books/toddlerGameImplementation/assets/images/yxfa.png
new file mode 100644
index 0000000..1f09d30
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/images/yxfa.png
Binary files differ
diff --git a/src/books/toddlerGameImplementation/assets/main.less b/src/books/toddlerGameImplementation/assets/main.less
new file mode 100644
index 0000000..b6b2179
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/main.less
@@ -0,0 +1,2127 @@
+.game-Imple {
+ 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;
+ }
+
+ .foreword {
+ line-height: 10px !important;
+ margin-top: 0;
+ }
+
+ .c-g {
+ color: green;
+ }
+
+ .c-r {
+ color: red;
+ }
+
+ .t-right {
+ text-align: right;
+ }
+
+ .mr-0 {
+ margin: 0 !important;
+ }
+
+ .mr-9 {
+ margin-right: 9%;
+ }
+
+ .ml-9 {
+ margin-left: 9%;
+ }
+
+ .ml-2e {
+ margin-left: 2em;
+ }
+
+ .mt--25 {
+ margin-top: -25px !important;
+ }
+
+ .mt-10 {
+ margin-top: 10px !important;
+ }
+
+ .mt-20 {
+ margin-top: 20px !important;
+ }
+
+ .mt-30 {
+ margin-top: 30px !important;
+ ;
+ }
+
+ .mt-50 {
+ margin-top: 50px !important;
+ }
+
+ .mb-20 {
+ margin-bottom: 20px !important;
+ }
+
+ .mb-10 {
+ margin-bottom: 10px;
+ }
+
+ .pd-5 {
+ padding: 0 5px;
+ }
+
+ .w100 {
+ width: 100%;
+ }
+
+ .w90 {
+ width: 90%;
+ }
+
+
+ .w80 {
+ width: 80%;
+ }
+
+
+ .b0 {
+ border: 0;
+ }
+
+ .tal-j {
+ display: inline-block;
+ width: 120px;
+ text-align-last: justify;
+ }
+
+
+ sup {
+ vertical-align: super;
+ /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */
+ font-size: smaller;
+ // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */
+ // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */
+ }
+
+ .fz-13 {
+ font-size: 13px !important;
+ }
+
+ .fz-14 {
+ font-size: 14px !important;
+ }
+
+ .fz-15 {
+ font-size: 15px !important;
+ }
+
+ .fz-16 {
+ font-size: 16px !important;
+ }
+
+ .fz-18 {
+ font-size: 18px !important;
+ }
+
+
+ .img-0 {
+ width: 100%;
+ }
+
+ .pt-10 {
+ padding-top: 10px;
+ }
+
+ .pt-20 {
+ padding-top: 20px;
+ }
+
+ .td-0 {
+ text-indent: 0em !important;
+ }
+
+ .td-1 {
+ text-indent: 1em !important;
+ }
+
+ .td-2 {
+ text-indent: 2em !important;
+ }
+
+ .fl {
+ display: flex;
+ }
+
+ .ju-cn {
+ justify-content: center;
+ }
+
+ .ju-ev {
+ justify-content: space-evenly;
+ }
+
+ .fd-c {
+ flex-direction: column;
+ }
+
+ .fd-r {
+ flex-direction: row-reverse;
+ }
+
+ .al-c {
+ align-items: center;
+ }
+
+ .al-fe {
+ align-items: flex-end;
+ }
+
+ .ac-f {
+ align-content: flex-end;
+ }
+
+ .jc-fe {
+ justify-content: flex-end;
+ }
+
+ .jc-c {
+ justify-content: center;
+ }
+
+ .jc-sa {
+ justify-content: space-around
+ }
+
+ .mr-70 {
+ margin-right: 70px;
+ }
+
+ .mr-45 {
+ margin-right: 45px;
+ }
+
+ .mr-10 {
+ margin-right: 10px;
+ }
+
+ .mr-5 {
+ margin-right: 5px;
+ }
+
+ .ma-l {
+ margin-left: 10%;
+ }
+
+ .ta-l {
+ text-align: left;
+ }
+
+ .wh-no {
+ white-space: nowrap;
+ }
+
+ .pad-t-55 {
+ padding-top: 55px;
+ }
+
+ .pad-l-60 {
+ padding-left: 60px;
+ }
+
+ .mb-45 {
+ margin-bottom: 45px;
+ }
+
+ .headerImg {
+ width: 30px;
+ }
+
+ .headerText-bc {
+ width: 70px;
+ color: #fff;
+ font-size: 12px;
+ text-align: center;
+ background-color: #9CDCF8;
+ border-radius: 15px;
+ }
+
+ .headerText {
+ font-size: 12px;
+ padding: 0 8px;
+ color: #00AFEF;
+ }
+
+ .headerNumber {
+ width: 90px;
+ color: #fff;
+ font-size: 12px;
+ padding-left: 10px;
+ text-align: left;
+ background-color: #6BCFF6;
+ border-radius: 15px 0 0 15px;
+ }
+
+ .header-left-Number {
+ width: 50px;
+ color: #fff;
+ font-size: 12px;
+ text-align: center;
+ border-radius: 15px;
+ position: relative;
+
+ span{
+ position: absolute;
+ left: 50%;
+ top: 35%;
+ }
+ }
+
+ .header-left-text {
+ color: #00AFEF;
+ margin-left: 8px;
+ margin-top: 7px;
+ font-size: 12px;
+ }
+
+ .radioClass {
+ margin: 0 0 0 4px !important;
+
+ }
+
+
+ .task-u2-c {
+ width: 16%;
+ margin-bottom: 6em;
+ margin-top: 0;
+ border-top: 0.7em solid #F89C1C;
+ }
+
+ .task-u3-c {
+ width: 16%;
+ margin-bottom: 6em;
+ margin-top: 0;
+ border-top: 0.7em solid #0A9CAC;
+ }
+
+ .task-u4-c {
+ width: 16%;
+ margin-bottom: 6em;
+ margin-top: 0;
+ border-top: 0.7em solid #92B03D;
+ }
+
+ .task-u5-c {
+ width: 16%;
+ margin-bottom: 6em;
+ margin-top: 0;
+ border-top: 0.7em solid #0180CD;
+ }
+
+ .p-odd {
+ padding-right: 2%;
+ }
+
+ .p-even {
+ padding-left: 2%;
+ }
+
+ .img-float-smaller {
+ width: 200px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+ }
+
+ .img-float-medium {
+ width: 250px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+ }
+
+
+
+ .img-float {
+ width: 310px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+
+ p {
+ margin: 0;
+ }
+ }
+
+
+ .img-float-formula {
+ width: 310px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+
+ p {
+ margin: 0;
+ }
+ }
+
+ .img-rights {
+ width: 47%;
+ float: right;
+ height: auto;
+ margin: auto;
+ margin-left: 20px;
+
+ p {
+ margin: 0 !important;
+ }
+ }
+
+ .references {
+ margin-top: 140px;
+
+ hr {
+ font-weight: bold;
+ margin-left: 0;
+ width: 15%;
+ }
+ }
+
+ .w430 {
+ width: 430px;
+ }
+
+ .w395 {
+ width: 395px;
+ }
+
+ .w365 {
+ width: 365px;
+ }
+
+
+ .w300 {
+ width: 300px;
+ }
+
+ .w290 {
+ width: 290px;
+ }
+
+ .w280 {
+ width: 280px;
+ }
+
+ .w270 {
+ width: 270px;
+ }
+
+ .w260 {
+ width: 260px;
+ }
+
+ .w250 {
+ width: 250px;
+ }
+
+ .w230 {
+ width: 230px;
+ }
+
+ .w220 {
+ width: 220px;
+ }
+
+ .w210 {
+ width: 210px;
+ }
+
+ .w200 {
+ width: 200px;
+ }
+
+ .w190 {
+ width: 190px;
+ }
+
+ .w180 {
+ width: 180px;
+ }
+
+ .w170 {
+ width: 170px;
+ }
+
+ .w160 {
+ width: 160px;
+ }
+
+ .w150 {
+ width: 150px;
+ }
+
+ .w135 {
+ width: 135px;
+ }
+
+ .w115 {
+ width: 115px;
+ }
+
+
+ .w40 {
+ width: 40% !important;
+ }
+
+ .w25 {
+ width: 25%;
+ }
+
+ .w20 {
+ width: 20%;
+ }
+
+ .w15 {
+ width: 15%;
+ }
+
+ .w10 {
+ width: 10%;
+ }
+
+
+ .table-th-bc {
+ color: #00AEEF;
+ background-color: #C6EAFA;
+ line-height: 25px;
+ }
+
+ .table-tr-bc {
+ background-color: #E1F4FC;
+ line-height: 25px;
+
+ p {
+ font-family: 'Times New Roman', Times, serif;
+ font-size: 14px;
+ }
+ }
+
+ .table-title-bc {
+ background-color: #8091BC;
+ color: #fff;
+ line-height: 25px;
+ }
+
+ .table-textarea {
+ font-size: 14px;
+ font-family: "Times New Roman", "瀹嬩綋";
+ resize: none;
+ width: 95%;
+ background-color: transparent;
+ border: none;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border {
+ width: 80%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border-w20 {
+ width: 20%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border-w15 {
+ width: 15%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border-w10 {
+ width: 10%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border-w5 {
+ width: 5%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .input-bottom-border {
+ width: 11%;
+ background-color: transparent;
+ border: 0;
+ border-bottom: 1px solid #000;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .input-bottom-border1 {
+ width: 33%;
+ background-color: transparent;
+ border: 0;
+ border-bottom: 1px solid #000;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+
+ .input-bottom-border2 {
+ width: 21.5%;
+ background-color: transparent;
+ border: 0;
+ border-bottom: 1px solid #000;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ // 瑙嗛
+ .video-box-cover {
+ border: 1px dashed #40C7F4;
+ padding: 2% 2%;
+ }
+
+ .video-box {
+ margin: 20px 0 20px 0;
+ border: 2px dashed #40C7F4;
+ padding: 2% 2%;
+ }
+
+ .video-box-left {
+ margin: 20px 8% 20px 0;
+ border: 1px dashed #895B2E;
+ padding: 2% 2%;
+ }
+
+ .videoname {
+ display: flex;
+ justify-content: center;
+ }
+
+ .sInput {
+ width: 60px;
+ border: 0;
+ outline: none;
+ text-align: center;
+ }
+
+ .collect-btn {
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ margin-left: 10px;
+ margin-top: 0.3%;
+ }
+
+ .collect-btn1 {
+ cursor: pointer;
+ width: 10px;
+ height: 10px;
+ margin-left: 10px;
+ margin-top: 0.8%;
+ }
+
+ // 缁〃
+ .continued {
+ text-align: right;
+ margin: 0%;
+ }
+
+
+ .text-rights {
+ width: 230px;
+ float: right;
+ height: auto;
+ margin: auto;
+ margin-left: 20px;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ margin: 0 !important;
+ }
+ }
+
+
+
+ .pdf-text {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: flex-start;
+
+ p {
+ margin: 0;
+ margin-right: 10px;
+ }
+
+ .pdf-con {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding: 10px 0;
+ box-sizing: border-box;
+ border-radius: 10px;
+
+ .pdf-view {
+ min-width: 160px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 0.15em dashed #FAAD70;
+ margin-right: 15px;
+ padding: 0 15px;
+ border-radius: 5px;
+
+ span {
+ font-size: 14px;
+ text-align: center;
+ font-family: 'FZLTXIHJW';
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+
+ svg {
+ fill: #FAAD70;
+ }
+ }
+
+ span:nth-child(2) {
+ padding-top: 5px;
+ box-sizing: border-box;
+ }
+
+ span:hover {
+ color: #FAAD70;
+ cursor: pointer;
+ text-decoration: underline;
+ -webkit-user-select: none;
+ /* Safari 3.1+ */
+ -moz-user-select: none;
+ /* Firefox 2+ */
+ -ms-user-select: none;
+ /* IE 10+ */
+ user-select: none;
+ /* 鏍囧噯璇硶 */
+ }
+ }
+ }
+
+ .pdf-con-15 {
+ margin-top: -20px;
+ }
+ }
+
+ div.bk-ztgs {
+ border: 0.15em dotted #5192c6;
+ padding: 1.5em 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: -1.2em;
+ }
+
+
+ .link-float {
+ width: 120px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-top: 12px;
+ 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 {
+ margin: 0 !important;
+ font-size: 14px !important;
+ position: absolute !important;
+ left: 50% !important;
+ transform: translateX(-50%);
+ bottom: -2% !important;
+ }
+
+ img {
+ height: 80%;
+ }
+ }
+
+ // 棰樼洰
+ .textarea-box {
+ background-color: transparent;
+ max-width: 100%;
+ min-width: 100%;
+ outline: none;
+ }
+
+ .textarea-box-left {
+ background-color: transparent;
+ margin-left: 15%;
+ max-width: 84%;
+ min-width: 84%;
+ outline: none;
+ }
+
+ .textarea-box-right {
+ background-color: transparent;
+ margin-left: 2em;
+ margin-right: 9%;
+ 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: #D4F0FE;
+ }
+
+ // 杩佺Щ
+ .bk-bwh {
+ min-height: 800px;
+ font-size: 1.2em;
+ padding: 25px;
+ }
+
+ 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;
+ }
+
+
+ .bodystyle:nth-of-type(odd) {
+ font-family: 'FZLTXIHJW';
+ text-align: justify;
+ margin: 0 12% 0 8%;
+ padding-bottom: 80px;
+ line-height: 30px;
+
+
+ hr {
+ font-weight: 800;
+ margin-left: 0;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ width: 25%;
+ }
+ }
+
+ .bodystyle:nth-of-type(even) {
+ font-family: 'FZLTXIHJW';
+ text-align: justify;
+ margin: 0 9% 0 11%;
+ padding-bottom: 80px;
+ line-height: 30px;
+ }
+
+
+ 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;
+ }
+
+ div.sgc-toc-level-1 {
+ margin-left: 0em;
+ }
+
+ div.sgc-toc-level-2 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-3 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-4 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-5 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-6 {
+ margin-left: 2em;
+ }
+
+ .imz {
+ height: 96%;
+ text-align: center;
+
+
+ }
+
+ .note {
+ margin: 0;
+ font-size: 14px;
+ line-height: 22px;
+ }
+
+ .block {
+ font-family: "kaiti";
+ margin-top: 0.2em;
+ margin-bottom: 0.2em !important;
+ text-indent: 2em;
+ line-height: 30px;
+ font-size: 14px;
+ text-align: justify;
+ }
+
+ .block1 {
+ text-align: center;
+ }
+
+ .block2 {
+ line-height: 25px;
+ }
+
+ .block3 {
+ line-height: 20px;
+ }
+
+ .img {
+ font-family: 'FZLTXIHJW';
+ text-align: center;
+ font-size: 12px;
+ 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: 0.2em;
+ margin-bottom: 0.2em;
+ text-indent: 2em;
+ line-height: 23px;
+ 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;
+ line-height: 20px;
+ margin-top: 20px;
+ }
+
+ .left3 {
+ margin: 20 0 0 0 !important;
+ line-height: 20px;
+ }
+
+ .left2 {
+ font-size: 1.3em;
+ text-indent: 0em;
+ font-weight: bold;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+
+ .right {
+ text-align: right;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+
+ .left1 {
+ text-indent: 0em;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+
+ .center1 {
+ text-align: center;
+ margin-left: 0%;
+ margin-right: 0%;
+ font-size: 1.2em;
+ text-indent: 0em;
+ font-weight: bold;
+ }
+
+ .right1 {
+ text-align: right;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+
+ .quote {
+ margin-top: 0%;
+ margin-bottom: 0%;
+ margin-left: 1em;
+ margin-right: 1em;
+ text-align: justify;
+ font-family: "cnepub", serif;
+ }
+
+
+ h1 {
+ font-family: 'FZLTZHJW';
+ color: #01AFEE;
+ font-weight: bold;
+ font-size: 1.6em;
+ text-align: center;
+ text-indent: 0em;
+ }
+
+ .h1-zt {
+ font-family: 'FZLTZHJW';
+ line-height: 2em;
+ color: #01AFEE;
+ font-weight: bold;
+ font-size: 1.9em;
+ margin-bottom: 1em;
+ margin-top: -0.5em;
+ text-indent: 0em;
+
+ }
+
+ h1.jz {
+ text-align: center;
+ text-indent: 0em;
+ }
+
+ .front {
+ font-family: 'FZLTZHJW';
+ font-weight: bold;
+ font-size: 1.1em;
+ color: #00ADEF;
+ margin-top: 0.2em;
+ margin-bottom: 0.5em;
+ padding: 10% 0 0 0;
+ text-indent: 0em;
+ text-align: left;
+ }
+
+
+ h2 {
+ font-family: 'FZHTJW';
+ color: #00ADEF;
+ font-weight: bold;
+ font-size: 1.6em;
+ margin-bottom: 0em;
+ margin-top: 0.1em;
+ text-indent: 2em;
+ }
+
+ .h2-zt {
+ font-family: 'FZHTJW';
+ color: #00ADEF;
+ font-weight: bold;
+ font-size: 1.4em;
+ margin-top: 0em;
+ text-indent: 2.2em;
+ padding: 10px 0;
+ }
+
+ h3 {
+ font-family: 'FZHTJW';
+ color: #03AFED;
+ font-weight: bold;
+ font-size: 1.3em;
+ margin-bottom: 1em;
+ margin-top: 1em;
+ text-indent: 0em;
+ }
+
+ h4 {
+ font-family: 'FZHTJW';
+ font-weight: bold;
+ color: #03AFED;
+ margin-bottom: 0.5em;
+ margin-top: 1em;
+ font-size: 1.2em;
+ text-indent: 1em;
+ }
+
+ h5 {
+
+ font-family: 'FZHTJW';
+ color: #03AFED;
+ margin-bottom: 0.5em;
+ margin-top: 1em;
+ font-size: 1.15em;
+ text-indent: 2em;
+ }
+
+ .unit2-c {
+ color: #F89C1C !important;
+ }
+
+ .unit3-c {
+ color: #0A9CAC !important;
+ }
+
+ .unit4-c {
+ color: #92B03D !important;
+ }
+
+ .unit5-c {
+ color: #0180CD !important;
+ }
+
+ .zt-h6 {
+ font-family: 'FZHTJW';
+ color: #65C097;
+ margin-bottom: 0.5em;
+ margin-top: 1em;
+ font-size: 1.15em;
+ text-indent: 2em;
+ }
+
+ .bb {
+ font-family: "cnepub", serif;
+ font-family: 'FZHTJW';
+ color: #66CCCC;
+ font-size: 1.1em;
+ margin-top: 10px;
+ text-indent: 2em;
+ margin-bottom: 10px;
+ border-bottom: 5px dotted #F4C388;
+ margin-left: 2em;
+ margin-bottom: 0.5em;
+ text-indent: 0em;
+ }
+
+ .u {
+ text-decoration: underline;
+ }
+
+ .u {
+
+ text-decoration: underline;
+ }
+
+ .img-0 {
+ width: 100%;
+ }
+
+ .img-a {
+ width: 96%;
+ }
+
+ .img-b {
+ width: 70%;
+ }
+
+ .img-c {
+ width: 60%;
+ }
+
+ .img-d {
+ width: 50%;
+ }
+
+ .img-e {
+ width: 45%;
+ }
+
+ .img-f {
+ width: 40%;
+ }
+
+ .img-g {
+ width: 30%;
+ }
+
+ .img-h {
+ width: 20%;
+ }
+
+ .img-i {
+ width: 10%;
+ }
+
+ .img-j {
+ width: 5%;
+ }
+
+ .img-zt {
+ height: 6em;
+ margin-top: -1.5em;
+ margin-bottom: -0.4em;
+ margin-left: 15%;
+ }
+
+ .inline {
+ height: 1em;
+ margin-bottom: -0.3em;
+ }
+
+ .inline1 {
+ height: 2.5em;
+ margin-top: 0.5em;
+ margin-bottom: -0.5em;
+ }
+
+ .inline2 {
+ height: 1.5em;
+ margin-top: 0.5em;
+ margin-bottom: -0.5em;
+ }
+
+ .inline4 {
+ height: 2em;
+ margin-left: -2em;
+ margin-right: 0.5em;
+ margin-bottom: -0.6em;
+ }
+
+ .img-qj {
+ height: 7.5em;
+ margin-bottom: -3.4em;
+ margin-right: 0.5em;
+ }
+
+ .zt-ls1 {
+ color: #000;
+ font-size: 16px;
+ font-weight: bold;
+ }
+
+
+ .ls2 {
+ color: #00B1F5;
+ font-weight: 500;
+ font-size: 1.1em;
+ line-height: 30px;
+ }
+
+ span.lsyq-1 {
+ background-color: #6D84AE;
+ padding: 0.2em 0.4em 0.2em 0.4em;
+ border-radius: 1.5em;
+ margin-right: 0.5em;
+ color: #FFFFFF;
+ font-weight: bold;
+ font-size: 1.5em;
+ }
+
+ span.hsyq-1 {
+ background-color: #FFB7D4;
+ padding: 0.2em 0.4em 0.2em 0.4em;
+ border-radius: 1.5em;
+ margin-right: 0.5em;
+ color: #FFFFFF;
+ font-weight: bold;
+ font-size: 1.5em;
+
+ }
+
+ .zt-hs1 {
+ font-weight: 500;
+ color: #000;
+ font-size: 1em;
+ }
+
+ .h2-zt1 {
+ padding: 5px 25px 5px 25px;
+ border-radius: 10px 0px 0px 10px;
+ background-color: #5392C7;
+ font-size: 1.2em;
+ color: #FFFFFF;
+ }
+
+ .h2-zt2 {
+ padding: 10px;
+ background-color: #B1DDE0;
+ margin-right: 2em;
+ color: #FFFFFF;
+ padding: 5px 50px 5px 25px;
+ border-radius: 0px 5px 80px 0px;
+ font-size: 1.2em;
+ }
+
+
+
+ div.bk {
+ border: 2px solid #3FC6F6;
+ box-shadow: 8px 8px 0px 0px #B0E2F9;
+ padding: 16px 10px;
+ margin-top: 2em;
+ border-radius: 1.5em;
+ margin-bottom: 1em;
+ position: relative;
+ }
+
+ div.bk1 {
+ margin-top: -2em;
+ margin-bottom: 1.5em;
+ margin-left: -1.6em;
+ }
+
+ p.bj1-qjms {
+ background-color: #fff;
+ color: #FAAD70;
+ font-weight: bold;
+ border-radius: 1.5em;
+ margin-left: 0em;
+ text-align: center;
+ text-indent: 0em;
+ position: absolute;
+ top: -19px;
+ }
+
+ .span-box {
+ display: inline-block;
+ width: 8px;
+ height: 8px;
+ background-color: #FAAD70;
+ }
+
+ .span-text {
+ font-size: 16px;
+ font-weight: 100;
+ padding: 0em 0.15em 0em 0.3em;
+ }
+
+
+ .bj {
+ background-color: #E1E7F3;
+ padding: 0.2em 0.8em 0.2em 0.8em;
+ }
+
+ span.bj2 {
+ background-color: #6E85AF;
+ padding: 0.2em 1em 0.2em 1em;
+ font-size: 1.1em;
+ font-weight: bold;
+ border-radius: 0.5em;
+ color: #FFFFFF;
+ box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
+ }
+
+ div.bk2 {
+ background: #E2F4FE;
+ border: 2px solid #3EC9F4;
+ padding: 20px 10px;
+ margin-top: 2em;
+ margin-bottom: 1em;
+ position: relative;
+ }
+
+ .zysx {
+ margin-top: -1.7em;
+ margin-left: -2em;
+ }
+
+
+ .zt-zysx {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ background-color: #24b8bc;
+ border-radius: 1.5em;
+ color: #FFFFFF;
+ font-weight: bold;
+ padding: 4px;
+ font-size: 1.2em;
+ box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
+ }
+
+ .zt-zysx1 {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ background-color: #96A7D5;
+ border-radius: 1.5em;
+ color: #FFFFFF;
+ font-weight: 100;
+ padding: 4px;
+ font-size: 1.2em;
+ }
+
+ .zt-zysx2 {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ background-color: #0071BD;
+ font-size: 1.2em;
+ }
+
+ .zt-1 {
+ color: #6F84AF;
+ font-weight: bold;
+ font-size: 1.1em;
+
+ }
+
+ div.bj2 {
+ background-color: #9ADBF9;
+ padding: 0.1px 0.5px 0.1px 0.5px;
+ border-radius: 1.5em;
+ margin-bottom: 0.2em;
+ margin-left: -0.6em;
+ margin-right: -0.7em;
+ margin-top: -1.4em;
+ box-shadow: 10px -8px 1px #C7EAFD;
+ // box-shadow: 5px -8px #C7EAFD;
+ }
+
+ div.bj3 {
+ background-color: #C7EAFD;
+ padding: 28px 10px 6px 10px;
+ border-radius: 1.5em;
+ margin-bottom: 3em;
+ margin-left: 0em;
+ margin-right: 5em;
+ margin-top: 0;
+ }
+
+
+
+ span.bj3-xyx {
+ background-color: #92B03E;
+ color: #FFFFFF;
+ border-radius: 1.5em;
+ padding: 5px 20px 5px 20px;
+ font-size: 1em;
+ font-weight: bold;
+
+ }
+
+ div.bj3-xyx {
+ position: absolute;
+ top: -15px;
+ left: -25px;
+
+ }
+
+
+
+
+ .ts-1 {
+ font-weight: bold;
+ }
+
+ .zt-h4 {
+ padding: 10px 0;
+ border-radius: 1.5em;
+ }
+
+ .qyls-h4 {
+ font-family: "HiFont Hei GB";
+ padding: 0.2em 0;
+ text-indent: 0em;
+ margin-left: 0%;
+ }
+
+ .bj4 {
+ background-color: #D7E2F0;
+ padding: 10px 20px;
+ border-radius: 0.1em;
+ margin-bottom: 1em;
+ margin-top: 1em;
+
+ }
+
+ div.bj4-xyx {
+ font-size: 18px;
+ color: #fff;
+ line-height: 20px;
+ padding: 12.5px 15px 12.5px 15px;
+ margin-right: 10px;
+ background-color: #5192C6;
+ border-radius: 5px;
+ }
+
+ .bj4-xyx-pd {
+ font-size: 16px;
+ color: #fff;
+ line-height: 20px;
+ padding: 22px 10px 22px 10px;
+ background-color: #5192C6;
+ margin-right: 10px;
+ border-radius: 5px;
+ flex-wrap: nowrap;
+ }
+
+ .bj4-xyx-icon {
+ color: #5192C6;
+ text-wrap: nowrap;
+ }
+
+ .bj5 {
+ background-color: #CEC9DA;
+ padding: 20px;
+ border-radius: 0.5em;
+ margin-bottom: 1.5em;
+ margin-top: 1.5em;
+ position: relative;
+ }
+
+ span.bj5-xyx {
+ background-color: #7C719E;
+ color: #FFFFFF;
+ border-radius: 1.5em;
+ padding: 5px 20px 5px 20px;
+ font-size: 1em;
+ font-weight: bold;
+
+ }
+
+ div.bj5-xyx {
+ position: absolute;
+ top: -20px;
+
+ }
+
+ .bj6 {
+ background-color: #FEDDB4;
+ padding: 20px;
+ border-radius: 0.5em;
+ margin-bottom: 1.5em;
+ margin-top: 1.5em;
+ position: relative;
+
+ .zt-cs {
+ color: #F89C1C;
+ }
+
+ }
+
+ span.bj6-xyx {
+ background-color: #F89C1C;
+ color: #FFFFFF;
+ border-radius: 0.3em;
+ padding: 5px 5px 5px 5px;
+ font-size: 1em;
+ font-weight: bold;
+
+ }
+
+ div.bj6-xyx {
+ position: absolute;
+ top: -20px;
+ }
+
+ .zt-lvs1 {
+ color: #95B321;
+ }
+
+ div.bj-1 {
+ color: #fff;
+ border-radius: 2em;
+ margin-bottom: 1.5em;
+ margin-top: 1.5em;
+ }
+
+ .bj-2-zt {
+ color: #fff;
+ font-weight: 400;
+ font-size: 24px;
+ line-height: 1.8em;
+ }
+
+ .bj-1-zt {
+ font-family: kaiti;
+ font-weight: 100;
+ text-indent: 2em;
+ color: #fff;
+ font-size: 15px;
+ line-height: 1.8em;
+ }
+
+ .bj-3-zt {
+ font-size: 16px;
+ color: #fff;
+ font-weight: 400;
+ line-height: 1.8em;
+ }
+
+ .rwmb-1 {
+ margin-left: -2.6em;
+ margin-bottom: 0.2em;
+ margin-top: 0.5em;
+ height: 3.5em;
+ }
+
+ .rwmb-2 {
+ margin-left: -2.3em;
+ margin-bottom: -0.5em;
+ margin-top: 0.2em;
+ height: 2.3em;
+ }
+
+ .rwmb-3 {
+ position: absolute;
+ top: -15px;
+ left: 5px;
+ margin-bottom: 15px;
+ }
+
+ .rwmb-4 {
+ position: absolute;
+ top: -10px;
+ left: 20px;
+ margin-bottom: 15px;
+ }
+
+ .rwmb-5 {
+ width: 15%;
+ position: absolute;
+ top: -10px;
+ left: -2px;
+ }
+
+}
+
+.pdfModal {
+ width: 100%;
+ height: 90vh;
+
+ .pdfBox-component {
+ width: 100%;
+ height: 100%;
+ position: relative;
+
+ .preview {
+ width: 100%;
+ height: 100%;
+
+ .imageBox {
+ height: calc(100% - 30px);
+ overflow-x: hidden;
+ overflow-y: auto;
+ background: #ccc;
+ box-sizing: border-box;
+ }
+
+ .imageBox:hover {
+ cursor: zoom-in !important;
+ }
+
+ ::v-deep .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
+
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
+
+ ::v-deep .el-dialog__title,
+ ::v-deep .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ }
+ }
+
+ .bottom_tool {
+ height: 30px;
+ background-color: rgba(0, 0, 0, 0.8);
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+
+ svg {
+ margin-right: 15px;
+ fill: #d1d1d1;
+ }
+
+ svg:hover {
+ fill: #fff;
+ cursor: pointer;
+ }
+ }
+ }
+
+ .notBox {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: calc(100% - 30px);
+ min-height: 300px;
+ }
+ }
+}
+
+.custom-dialog {
+ overflow: hidden !important;
+
+ .el-dialog__body {
+ padding: 0;
+ }
+
+ .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
+
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
+
+ .el-dialog__title,
+ .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ }
+ }
+}
+
+.header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ // color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+}
+
+
+@font-face {
+ font-family: 'FZLTZHJW';
+ src: url('./Fonts/FZLTZHJW.ttf');
+}
+
+@font-face {
+ font-family: 'FZLTXIHJW';
+ src: url('./Fonts/FZLTXIHJW.ttf');
+}
+
+@font-face {
+ font-family: 'FZHTJW';
+ src: url('./Fonts/FZHTJW.ttf');
+}
+
+
+
+// 闅愯棌椤甸潰
+.hidePage {
+ min-height: 0 !important;
+ height: 0 !important;
+ box-shadow: none !important;
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+
+@media screen and (max-width: 1024px) {
+ .pdfModal {
+ width: 100%;
+ height: 80vh;
+ }
+
+ h1 {
+ font-size: 1.1em;
+ }
+
+ .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) {
+ .game-Imple {
+
+ /* 鍒嗛〉padding */
+ .padding-93 {
+ padding: 0 20px;
+ }
+
+ .padding-102 {
+ padding: 0 20px;
+ }
+
+
+ .img-float {
+ width: 130px;
+ }
+
+ .img-rights {
+ width: 130px;
+ }
+
+ .btn-w {
+ width: 42px;
+ }
+
+ .pad-l-60 {
+ padding-left: 10px;
+ }
+
+ .mr-70 {
+ margin-right: 15px;
+ }
+
+ h1 {
+ font-size: 1.1em;
+ }
+ }
+}
+
+@media (min-width: 660px) {
+ .game-Imple {
+ .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/toddlerGameImplementation/view/components/chapter001.vue b/src/books/toddlerGameImplementation/view/components/chapter001.vue
new file mode 100644
index 0000000..ffd5a44
--- /dev/null
+++ b/src/books/toddlerGameImplementation/view/components/chapter001.vue
@@ -0,0 +1,1450 @@
+<template>
+ <div class="chapter" num="2">
+ <!-- 1椤� -->
+ <div class="page-box" page="8">
+ <div v-if="showPageList.indexOf(8) > -1">
+ <div style="display: flex;">
+ <div style="background-color: #c6eafa;">
+ <p><br></p>
+ <!-- <p><img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" /></p> -->
+ </div>
+ <div class="" style="padding: 15% 0;">
+ <h1 id="a008">瀛︿範妯″潡涓�</h1>
+ <p class="h1-zt">濠村辜鍎挎父鎴忔杩�</p>
+ <div class="bj1">
+ <p>娓告垙鏄┐骞煎効鐨勫伐浣滐紝鐞嗚В娓告垙瀵瑰┐骞煎効鍙戝睍鐨勬剰涔夎嚦鍏抽噸瑕併�傚湪鏁欏涓紝鎴戜滑搴斿綋灏嗕績杩涘┐骞煎効娓告垙涓庝繚闅滃┐骞煎効瀹夊叏鍜岃繘琛屾棩甯哥収鎶ゅ悓绛夎鐪熷寰呫�傚彧鏈夐噸瑙嗗苟鏀寔濠村辜鍎跨殑娓告垙锛屼粬浠墠鑳借寔澹垚闀裤�備粠杩欎釜瑙掑害鏉ヨ锛屾垜浠偐璐熺潃涓�椤归噸瑕佺殑璐ｄ换锛屽嵆鍩轰簬濠村辜鍎跨殑鍏磋叮銆佽兘鍔涘拰鍙戝睍杩涚▼鏉ヤ績杩涗粬浠殑娓告垙锛屽府鍔╀粬浠湪鍚勪釜棰嗗煙鑾峰緱鍏ㄩ潰鍙戝睍銆傚洜姝わ紝娣卞叆浜嗚В濠村辜鍎挎棭鏈熷彂灞曠殑鐩稿叧鐭ヨ瘑锛屽苟鍦ㄦ鍩虹涓婅瀵熻褰曞┐骞煎効鐨勫彂灞曟儏鍐靛氨鏄惧緱灏や负閲嶈銆�
+ </p>
+ </div>
+ <p><img class="rwmb-1" alt="" src="../../assets/images/xxdt.png" /></p>
+ <p class="center"><img class="img-b" alt="" src="../../assets/images/0013-1.jpg" /></p>
+ <p><img class="rwmb-1" alt="" src="../../assets/images/xxcty.png" /></p>
+ <p>娓告垙鏄瀛愭暣涓殑鐢熸椿銆傚瀛愪袱涓変釜鏈堝ぇ鏃跺氨鍦ㄥ簥涓婁笉鍋滃湴鍔ㄦ墜韪㈣剼锛岀嫭鑷湴鐜┿�傚埌浜嗕簲鍏釜鏈堢殑鏃跺�欙紝鐪嬭涓滆タ灏辫鎶擄紱鍐嶅ぇ涓�鐐瑰氨杩欓噷鎺ㄦ帹銆侀偅閲屾媺鎷夛紝杩樹細涓嶅仠鍦扮埇鏉ョ埇鍘汇�佽蛋鏉ヨ蛋鍘伙紱鍒颁簡涓夊洓宀佺殑鏃跺�欙紝娓告垙鐨勭绫绘洿鍔犵箒澶氥�備綘璁や负娓告垙瀵瑰┐骞煎効鍙戝睍鐨勬剰涔夋槸浠�涔堬紵鐓ф姢鑰呭湪0锝�3宀佸┐骞煎効娓告垙涓殑浣滅敤鏄粈涔堬紵濠村辜鍎跨殑鍙戝睍涓庡叾娓告垙涔嬮棿鏈夋�庢牱鐨勫叧绯诲憿锛�
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 2椤� -->
+ <div class="page-box" page="9">
+ <div v-if="showPageList.indexOf(9) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">
+ <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+ <span>2</span>
+ </li>
+ <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+ </ul>
+ <div class="bj3">
+ <div class="bj2">
+ <h2 id="b001">瀛︿範浠诲姟涓�</h2>
+ <p class="h2-zt">0锝�3宀佸┐骞煎効鍙戝睍姒傚喌</p>
+ </div>
+ </div>
+ <div class="bodystyle">
+ <p><img class="rwmb-1" alt="" src="../../assets/images/xxrwd.png" /></p>
+ <table border="1" cellpadding="4" cellspacing="0"
+ style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
+ <tr class="table-th-bc">
+ <td class="center">椤圭洰</td>
+ <td class="center">鍐呭</td>
+ </tr>
+ <tr>
+ <td class="center table-th-bc img-h">瀛︿範鐩爣</td>
+ <td class="ta-l table-tr-bc">
+ <p> 鈶犱簡瑙� 0~3 宀佸┐骞煎効鐨勫彂灞曟鍐点��</p>
+ <p> 鈶℃帉鎻� 0~3 宀佸┐骞煎効鐨勫彂灞曠壒鐐广��</p>
+ <p> 鈶㈣兘澶熷垎杈ㄥ悇骞撮緞娈靛┐骞煎効鐨勫彂灞曡〃鐜般��</p>
+ </td>
+ </tr>
+ <tr>
+ <td class="center table-th-bc">瀛︿範瑕佺偣</td>
+ <td class="ta-l table-tr-bc">
+ <p>浠诲姟閲嶇偣:鎺屾彙 0~3 宀佸┐骞煎効鐨勫彂灞曠壒鐐广��</p>
+ <p>浠诲姟闅剧偣:鑳藉鍒嗚鲸鍚勫勾榫勬濠村辜鍎跨殑鍙戝睍琛ㄧ幇銆�</p>
+ </td>
+ </tr>
+ <tr>
+ <td class="center table-th-bc">瀛︿範寤鸿</td>
+ <td class="ta-l table-tr-bc">
+ <p class="td-0"><b>瀛︿範鍓�:</b></p>
+ <p>鈶犲畬鎴愭湰浠诲姟鐨勫涔犲垵浣撻獙娲诲姩銆�</p>
+ <p>鈶℃煡闃� 0~3 宀佸┐鍎胯韩蹇冨彂灞曠壒鐐圭殑鐩稿叧璧勬枡銆�</p>
+ <p class="td-0"><b>瀛︿範涓�:</b></p>
+ <p>鈶犳繁鍏ヤ簡瑙ｅ┐骞煎効鏃╂湡鍙戝睍鐨勭浉鍏崇煡璇嗐��</p>
+ <p>鈶¤兘澶熷皢濠村辜鍎挎父鎴忓疄鏅笌濠村辜鍎垮彂灞曡繘琛�--瀵瑰簲銆�</p>
+ <p class="td-0"><b>瀛︿範鍚�:</b></p>
+ <p>鈶犲畬鎴愭湰浠诲姟鐨勫涔犳晥鏋滄娴嬨��</p>
+ <p>鈶″皾璇曠粨鍚堟墍瀛﹀濠村辜鍎跨殑琛屼负琛ㄧ幇杩涜鍒濇鍒嗘瀽銆�</p>
+ </td>
+ </tr>
+ <tr>
+ <td class="center table-th-bc">瀛︿範杩愮敤</td>
+ <td class="ta-l table-tr-bc">
+ <p class="td-0">浣犺寰楀湪鍝簺宸ヤ綔鍦烘櫙涓彲浠ヨ繍鐢ㄥ埌鎵�瀛﹀唴瀹�?</p>
+ <textarea v-model="tableData.unitOne.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="9"
+ class="table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr>
+ <td class="center table-th-bc">瀛︿範鍙嶆��</td>
+ <td class="ta-l table-tr-bc">
+ <p class="td-0">璇疯褰曚綘鍦ㄥ涔犺繃绋嬩腑鐨勪换浣曟�濊�冦��</p>
+ <textarea v-model="tableData.unitOne.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="9"
+ class="table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+ <!-- 3椤� -->
+ <div class="page-box" page="10">
+ <div v-if="showPageList.indexOf(10) > -1">
+ <ul class="fl al-c jc-fe pad-t-55 mb-45">
+ <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+ <li class="headerText">濠村効娓告垙姒傝堪</li>
+ <li class="headerNumber">3</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="mb-10"><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
+ <p>1宀佸乏鍙崇殑瀛╁瓙寮�濮嬪枩娆㈣棌鎵炬父鎴忋�備粬浠紑濮嬪枩娆㈢殑钘忔壘娓告垙褰㈠紡灏辨槸钂欒劯鎵撳紑锛屼箰姝や笉鐤层�傚綋瀛╁瓙鏇村ぇ涓�鐐癸紝浠栦滑瀵逛簬钘忔壘娓告垙灏变笉鍐嶆弧瓒充簬钂欒劯鎵撳紑锛屽紑濮嬪枩娆㈡洿楂樼骇鐨勬父鎴忓舰寮忋�傛瘮濡傦紝褰撴垜浠湪瀛╁瓙闈㈠墠鎶婁笢瑗胯棌鍦ㄦ灂澶村簳涓嬨�佹瀛愰噷鎴栧叾浠栧湴鏂癸紝闂�滃畠鍦ㄥ摢閲屽晩鈥濃�滀綘鑳芥壘鍒板畠鍚椻�濇椂锛屽瀛愪細寮�濮嬪鎵撅紝骞朵箰鍦ㄥ叾涓�傜敱姝ゅ彲瑙侊紝娓告垙褰㈠紡涓庡┐骞煎効鐨勫勾榫勬湁瀵嗗垏鍏崇郴銆傚彧鏈変簡瑙ｄ笉鍚屽勾榫勫┐骞煎効鐨勫彂灞曠壒鐐逛笌瑙勫緥锛屾墠鑳戒负浠栦滑鎻愪緵閫傚疁鐨勬父鎴忥紝骞剁湡姝ｅ彂鎸ユ父鎴忓湪濠村辜鍎挎垚闀胯繃绋嬩腑鐨勪綔鐢ㄣ��
+ </p>
+ <p><b>鎯充竴鎯筹細</b></p>
+ <p>1.涓轰粈涔�6涓湀宸﹀彸鐨勫瀛愭病鏈夊钘忔壘娓告垙浜х敓鍏磋叮锛�</p>
+ <p>2.寮�灞曡棌鎵炬父鎴忕殑鍓嶆彁鏄粈涔堬紵</p>
+ <p>3.娓告垙涓庡┐骞煎効鍙戝睍涔嬮棿鐨勫叧绯绘槸浠�涔堬紵</p>
+ <h3 id="c001">涓�銆�0锝�1宀佸┐鍎跨殑鍙戝睍姒傚喌</h3>
+ <h4 id="d001">锛堜竴锛�0锝�3涓湀濠村効鐨勫彂灞曟鍐�</h4>
+ <p>0锝�3涓湀濠村効宸茬粡鍑嗗濂借繋鎺ヤ笘鐣屻�傚湪浠栦滑鐨勪簲澶ф劅瑙夊彂灞曚腑锛屽懗瑙夊拰鍡呰鎴愮啛寰楃浉瀵硅緝鏃┿�備緥濡傦紝浠栦滑鑳界敤寰瑧銆佺毐鐪夊拰浼歌垖澶存潵琛ㄧず瀵圭敎銆佸捀銆佽嫤鐨勫ソ鎭躲�傛柊鐢熷効鍙湁20鍘樼背宸﹀彸鐨勮绋嬶紝鑰屼笖鐪嬩笉娓呮缁嗚妭銆傚埌3涓湀鏃讹紝濠村効涓嶄粎鑳戒粩缁嗚瀵熻繎鐗╋紝杩樿兘瑙嗚杩界墿銆傝繖涓樁娈靛┐鍎跨殑鍔ㄤ綔鍙戝睍涓昏琛ㄧ幇涓哄皬鎵嬩粠鎻℃嫵鍒版澗寮�锛屾湁鎰忚瘑鍦板皾璇曠潃鍘绘姄涓滆タ锛涢閮ㄨ倢鑲変粠鏃犲姏鏀拺澶撮儴鍒颁刊鍗ф椂鎶ご45掳锛涘洓鑲粠闅忔満銆佹棤鎺у埗鍙戝睍鍒版湁鎰忚瘑鍦版姮鑷傘�佽涪鑵裤�備粬浠細杩愮敤鎰熷畼鍜屽姩浣滄帰绱笘鐣屻��<sup>鈶�</sup>
+ </p>
+ <p>杩欎釜闃舵鐨勫┐鍎跨殑鎯呯华銆佹儏鎰熷彂灞曚富瑕佽〃鐜颁负鍝０鐨勫垎鍖栧拰绀句細鎬у井绗戠殑浜х敓銆傛瘮璧峰叧娉ㄧ墿浣擄紝浠栦滑鏇村枩娆㈠叧娉ㄤ汉锛屼粠鏈�鍒濈殑鍠滄鐪嬩汉鑴搞�佸枩娆㈠惉浜鸿璇濓紝鍙戝睍鍒板枩娆笌浜轰氦娴併�佺帺鑰嶃�傚挨鍏舵槸瀵逛翰杩戠殑涓昏鏁欏吇浜猴紝濠村効宸插彂灞曞嚭瀵瑰叾鐨勬暣浣撴劅鐭ワ紝娓愭笎渚濇亱涓婅繖涓�煎緱淇¤禆鐨勪汉锛屽苟鏈熷緟涓庝箣鍙戠敓绀句細浜掑姩銆傚叧娉ㄥ郊姝ゆ槸浠や粬浠剦鎮︾殑銆傚緢蹇紝濠村効灏变細瀵逛粬浜猴紙涓昏鏁欏吇浜猴級鐨勫井绗戞垨浣庤鍋氬嚭鐩镐技鐨勫洖搴旓紝鏋勫缓鏈夋潵鏈夊線鐨勪簰鍔ㄥ惊鐜�傝繖鏄竴绉嶆洿澶嶆潅鐨勬父鎴忓舰寮忋��
+ </p>
+ <h4 id="d002">锛堜簩锛�4锝�6涓湀濠村効鐨勫彂灞曟鍐�</h4>
+ <p>闅忕潃骞撮緞鐨勫闀匡紝4锝�6涓湀濠村効鏄庢樉寮�濮嬪枩娆㈡帰绱㈠拰娓告垙銆傛鏃讹紝濠村効鐨勬劅鐭ヨ鍙戝睍鏇村姞绮剧粏鍖栵紝骞惰兘閫愭鍗忚皟韬綋鍐呴儴鐨勬劅鐭ャ�傛劅瑙夌粺鍚堣兘鍔涚殑鍙戝睍婵�鍙戝┐鍎夸骇鐢熶簡鎺㈢储涓栫晫鐨勬柊鏂瑰紡銆備粬浠湅鍒版兂瑕佺殑涓滆タ浼告墜灏辫兘鎷垮埌锛屽枩娆㈢敤鍙ｈ厰璁よ瘑浜嬬墿锛屽父甯镐竴鎷垮埌涓滆タ灏遍�佸叆鍙ｄ腑銆傝繖涓樁娈电殑濠村効寮�濮嬪彂鐜拌嚜宸辩殑鍔ㄤ綔鍜屽鐣岀殑鍏宠仈鎬с�傛瘮濡傦紝褰撹涪鍝嶄簡鎸傚湪搴婂ご鐨勯搩閾涙椂锛屼粬浠細鍙嶅鍘昏涪銆�
+ </p>
+ <p>闅忕潃棰堥儴鍙婅吙閮ㄨ倢鑲夊姏閲忕殑澧炲己锛岃繖涓樁娈电殑濠村効鍙互鑷富杩涜涓や晶缈昏韩锛屽紑濮嬪涔犲實鍖愬墠杩涳紝浠庤鍔ㄧЩ鍔ㄨ浆鍚戣嚜涓荤Щ鍔ㄣ�傞殢鐫�韬綋鍗忚皟鑳藉姏涓庤倢鑲夊姏閲忕殑澧炲己锛屽┐鍎跨殑瑙嗛噹闅忎箣鎷撳锛屽澶栫晫鐨勬帶鍒惰兘鍔涗篃閫愭澧炲己銆�
+ </p>
+ <p>杩欎釜闃舵鐨勫┐鍎跨殑绉瀬鎯呯华浣撻獙澧炲锛屼粬浠洿瀹规槗琚�楃瑧锛屼篃浼氱敤鑷繁鐨勯潰閮ㄨ〃鎯呭拰韬綋鍔ㄤ綔鍙戝嚭淇″彿锛屼絾骞堕潪瀵规墍鏈変汉閮借繖鏍凤紝鍙韬竟浜茶繎鐨勪汉鎵嶄細杩欐牱銆傞檶鐢熶汉鐨勫嚭鐜板拰闈犺繎鍙嶈�屼細浣胯繖涓�闃舵鐨勫┐鍎块珮搴﹁鎯曪紝鐢氳嚦鎰熷埌鎯婃厡銆佸鎬曡�屽摥闂广�傝繖绉嶇幇璞℃簮浜庡┐鍎跨殑闄岀敓浜虹劍铏戯紝璁ょ敓鐜拌薄涔熷湪杩欎竴闃舵寮�濮嬪嚭鐜般��
+ </p>
+ <hr class="img-g">
+ <p class="p-even note td-0"> <a
+ id="m1">鈶�</a> 鏉庤惀锛氥��0锝�3宀佸┐骞煎効鐜╂暀鍏锋帹鑽愬強娓告垙鎸囧銆嬭棰戞寚瀵肩増锛�2椤碉紝鍖椾含锛屼汉姘戦偖鐢靛嚭鐗堢ぞ锛�2019銆�</p>
+ </div>
+ </div>
+ </div>
+ <!-- 4椤� -->
+ <div class="page-box" page="11">
+ <div v-if="showPageList.indexOf(11) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">
+ <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+ <span>4</span>
+ </li>
+ <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+ </ul>
+ <div class="bodystyle">
+ <p>杩欎釜闃舵鐨勫┐鍎跨殑鍙戦煶閫愭笎澧炲锛屽澹版瘝銆侀煹姣嶉檰缁嚭鐜帮紝杩炵画闊宠妭涔熼绻佸嚭鐜帮紝骞朵笖寮�濮嬫剰璇嗗埌閫氳繃鍙戝０鍙互灞曞紑浜ゆ祦銆�</p>
+ <h4 id="d003">锛堜笁锛�7锝�9涓湀濠村効鐨勫彂灞曟鍐�</h4>
+ <p>鍦ㄥ姩浣滃彂灞曟柟闈紝7锝�9涓湀濠村効鑳借嚜濡傚湴鐙潗锛屽紑濮嬩簡鎵嬭啙鐖紝鐖璺濈澧炲姞涓旈�熷害鍙樺揩銆備粬浠殑浜旀寚鍒濇鍒嗗寲锛岃兘澶熺敤鎷囨寚鍜屽叾浣欏洓鎸囬厤鍚堟崗鍙栫墿鍝併�傚悓鏃讹紝浠栦滑鐨勫崟鎵嬫搷浣滅墿鍝佸拰鍙屾墜鍚堜綔鐨勮兘鍔涗篃鍦ㄦ彁楂樸�備粬浠細鎽囨檭銆佹姇鎺枫�佹墧涓滆タ锛屼細鐏垫椿鍦扮敤鍙屾墜浜ゆ崲鐗╁搧锛屼細瀵瑰嚮鏁蹭笢瑗裤��
+ </p>
+ <p>鍦ㄧぞ浼氫氦寰�鏂归潰锛岃繖涓樁娈电殑濠村効瀵逛粬浜哄挨鍏舵劅鍏磋叮锛岃秺鍙戞槑纭粬浜虹殑鍔ㄤ綔鍜岃瑷�鏄湪鍚戣嚜宸变紶閫掆�滄剰鍥锯�濓紝鍗冲憡璇夎嚜宸辫鍋氫簺浠�涔堛�備粬浠箰浜庢ā浠挎垚浜虹殑鑲綋鍔ㄤ綔鍜岃瑷�锛屽彲浠ヨ鎳傛垚浜虹殑琛ㄦ儏銆傚綋鎴愪汉琛ㄦ壃濠村効鏃讹紝浠栦滑浼氭壃鎵嚜寰楋紱褰撴垚浜烘壒璇勫┐鍎挎椂锛屼粬浠細闂烽椃涓嶄箰銆�
+ </p>
+ <p>杩欎釜闃舵鐨勫┐鍎跨殑璇█鍙戝睍琛ㄧ幇涓鸿兘鍚噦鍑犱釜绠�鍗曠殑璇嶏紝濡傗�滄媿鎵嬧�濃�滃啀瑙佲�濓紝涔熺煡閬撹韩浣撻儴浣嶅拰瀹朵汉鐨勭О璋擄紝涓旀矇杩蜂簬妯′豢鎴愪汉鐨勫彂闊炽��</p>
+ <p>杩欎釜闃舵鐨勫┐鍎跨殑鐙珛鑳藉姏鏃ョ泭澧炲己锛屼粬浠紑濮嬪涔犵嫭鑷潯瑙夛紝寮�濮嬪涔犵畝鍗曠殑鑷垜鏈嶅姟锛屽鐢ㄦ澂瀛愬枬姘淬�佽嚜宸辨嬁涓滆タ鍚冦�傝繖浜涙妧鑳藉拰濠村効鐨勮嚜涓荤Щ鍔ㄤ竴鏍凤紝鎴愪负浠栦滑鐙珛鑷富鐨勯噸瑕佽捣鐐广��</p>
+ <h4 id="d004">锛堝洓锛�10锝�12涓湀濠村効鐨勫彂灞曟鍐�</h4>
+ <p>鍦ㄥ姩浣滃彂灞曟柟闈紝10锝�12涓湀濠村効鑳藉婊氬姩銆佺埇琛屻�佺珯璧锋潵锛屽苟寮�濮嬪涔犵嫭绔嬭璧般�傚湪杩欎釜杩囩▼涓紝浠栦滑鐨勬墜閫愭琚В鏀惧嚭鏉ャ�傞櫎浜嗘墜鐨勫姩浣滅户缁簿缁嗗寲浠ュ锛屼粬浠繕鑳藉湪鑷垜璁ょ煡鐨勫紩瀵间笅瀛︿範鎸夌収浜嬬墿鐨勫睘鎬ц繘琛屾搷浣滐紝濡傛嫥鐡剁洊銆佸墺绯栫焊绛夈��
+ </p>
+ <p>杩欎釜闃舵鐨勫┐鍎垮紑濮嬭幏寰楀浣撴案鎭掓�э紝寮�濮嬪枩娆⑩�滆棌鐚尗鈥濆拰钂欒劯娓告垙銆備粬浠鍥犳灉鍏崇郴鏈変簡鍒濇鐨勮璇嗭紝浼氱爺绌舵柊鐗╁搧鐨勪娇鐢ㄦ柟寮忓拰閫斿緞锛岃秺鏉ヨ秺鏄庣‘濡備綍鍊熷姪鑷繁宸茬粡鎺屾彙鐨勮涓哄幓瑙ｅ喅闂銆備粬浠湪闈复涓�涓凡鐭ョ殑闂鎯呭鏃讹紝浼氳〃鐜板緱娓稿垉鏈変綑銆傞櫎浜嗗叧娉ㄨ嚜宸辩殑鎺㈢储澶栵紝浠栦滑浼氭瘮浠ュ墠鏇翠箰鎰忚瀵熷苟瀛︿範鎴愪汉锛屼笖鏈夌潃鎯婁汉鐨勬ā浠胯兘鍔涖��
+ </p>
+ <p>鍦ㄨ瑷�鍙戝睍鏂归潰锛岃繖涓樁娈电殑濠村効浼氳甯哥敤鐨勮瘝锛屽濡堝銆佺埜鐖哥瓑銆備粬浠兘鐞嗚В鐨勮瘝涔熷湪涓嶆柇澧炲锛岃兘鍚噦璁稿甯哥敤鐨勮瑷�鎸囦护锛岃兘閰嶅悎瀹堕暱绌胯。銆佸悆楗�佹礂婢★紝涔熻兘绠�鍗曞湴甯闀跨殑灏忓繖锛屽鏀舵嬀鐜╁叿锛涜繕鑳戒娇鐢ㄦ墜鍔胯鍜屼綋鎬佽锛屽鐢ㄦ憞澶磋〃绀衡�滀笉鈥濓紝閫氳繃鏇村姞绮惧噯鐨勮〃鎯呭姩浣滄潵琛ㄨ揪鍐呭績鐨勬兂娉曘��
+ </p>
+ <p>杩欎釜闃舵鐨勫┐鍎垮湪鐢熸椿鏂归潰琛ㄧ幇寰楁洿鍔犵嫭绔嬶紝瀛︾潃搴斿寤惰繜婊¤冻锛屽蹇呴』绛夋崲瀹屽翱甯冩墠鑳界帺娓告垙銆�</p>
+ <h3 id="c002">浜屻��1锝�2宀佸辜鍎跨殑鍙戝睍姒傚喌</h3>
+ <h4 id="d005">锛堜竴锛�13锝�18涓湀骞煎効鐨勫彂灞曟鍐�</h4>
+ <p>13锝�18涓湀骞煎効鍠滄鎺㈢储锛屽紑濮嬪叧娉ㄥ浣撶殑澶栧湪灞炴�э紝濡傚ぇ灏忋�佸舰鐘躲�侀鑹层�佹暟閲忓強绌洪棿鍏崇郴锛岃�屼笖鑳藉鐞嗚В瀹綋闂寸畝鍗曠殑鍥犳灉鍏崇郴銆傚湪杩欎釜骞撮緞娈碉紝妯′豢鎴愪负闄や簡鎺㈢储浠ュ甯哥敤鐨勪竴绉嶅涔犳柟寮忥紝涓旇疮绌垮湪鍙戝睍鐨勫悇涓鍩熴�傛鏃讹紝鎴戜滑鍙互閫氳繃骞煎効鐨勮涓鸿〃鐜版帹娴嬪叾鎺ュ彈鐨勫埡婵�褰卞搷銆�
+ </p>
+ <p>杩欎釜闃舵鐨勫辜鍎挎槸濞寸啛鐨勮鍔ㄨ�呫�備粬浠凡瀛︿細鐔熺粌鍦拌璧般�佷笂涓嬫ゼ姊紝灏濊瘯鐫�璺戞銆佽涪鐞冪瓑锛屽皬鎵嬩篃寮�濮嬫湁鏇村鐨勫姛鑳芥�у姩浣滐紝鍗虫寜鐓т簨鐗╃殑鐗圭偣鍘绘搷浣滐紝濡傛惌绉湪銆佹秱楦︺�佺炕涔︾瓑銆�</p>
+ <p>杩欎釜闃舵鐨勫辜鍎胯繘鍏ョ湡姝ｇ殑璇█鍙戝睍鏈燂紝鑳藉鐢ㄦ墜鍔裤�侀潰閮ㄨ〃鎯呭拰璇嶈涓庝粬浜轰氦娴併�傝櫧鐒跺彧鏄崟涓殑鍚嶈瘝鎴栧姩璇嶏紝浣嗚〃杈剧殑鏄竴鍙ュ畬鏁寸殑璇濄�傝繖涓樁娈电殑骞煎効杩樺枩娆㈢炕闃呭浘涔︼紝鑳藉璇村嚭涔︿笂鍥剧墖鐨勫悕绉般��</p>
+ <p>杩欎釜闃舵鐨勫辜鍎跨嫭绔嬫剰璇嗗紑濮嬭悓鑺斤紝鑳芥洿鍔犳槑纭湴鎰忚瘑鍒拌嚜宸变笌浠栦汉鐨勪笉鍚岋紝骞朵笖寰堟湁鑷繁鐨勬兂娉曘�備粬浠紑濮嬪澶栫晫鐨勪汉銆佷簨銆佺墿鏈夋洿娓呮櫚鐨勬儏缁拰鎯呮劅鍥炲簲锛屽湪鐭椂闂村唴鎯呯华鍙樺寲浼氬緢寮虹儓銆傚挨鍏舵槸褰撳鐣�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 5椤� -->
+ <div class="page-box" page="12">
+ <div v-if="showPageList.indexOf(12) > -1">
+ <ul class="fl al-c jc-fe pad-t-55 mb-45">
+ <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+ <li class="headerText">濠村効娓告垙姒傝堪</li>
+ <li class="headerNumber">5</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="td-0">
+ 涓庝粬浠嚜韬殑蹇冪悊鐘舵�佸拰闇�姹備笉绗︼紝濡傚彈鎸椂锛屼粬浠氨浼氬彂鑴炬皵銆備絾涓庢鍚屾椂锛屽辜鍎夸篃鍦ㄥ彂灞曟柊鐨勭Н鏋佹儏鎰燂紝濡傚悓鎯呫��1宀佷互鍚庯紝骞煎効铏界劧浠ョ嫭鑷父鎴忎负涓伙紝浣嗗凡缁忓紑濮嬮暱鏃堕棿鍦拌瀵熷悓榫勪汉鐨勬父鎴忥紝鏈夋椂鍊欏湪鎴愪汉鐨勫紩瀵间笅鑳藉鍙備笌鍒板皬缁勬椿鍔ㄤ腑銆�
+ </p>
+ <p>鍦ㄨ嚜鎴戞湇鍔℃椿鍔ㄦ柟闈紝杩欎釜闃舵鐨勫辜鍎夸細閰嶅悎鎴愪汉绌胯劚琛ｆ湇銆佹礂鎵嬨�佹礂鑴革紝浼氳嚜宸辩敤鏉瓙鍠濇按銆佺敤鍕哄瓙鍚冮キ锛岀敋鑷充細鑷繁鍒风墮銆備粬浠凡缁忓叿澶囦簡鍩烘湰鐨勭敓娲昏嚜鐞嗚兘鍔涳紝灏界杩樹笉澶熺啛缁冿紝浣嗚繖鏄蛋鍑哄搴�侀�傚簲闆嗕綋鐢熸椿鐨勯噸瑕佷竴姝ャ��
+ </p>
+ <h4 id="d006">锛堜簩锛�19锝�24涓湀骞煎効鐨勫彂灞曟鍐�</h4>
+ <p>杩欎釜闃舵鐨勫辜鍎垮浼氫簡鎬濊�冿紝鑳藉鍦ㄨ剳瀛愰噷鎯宠В鍐抽棶棰樼殑鏂规硶锛屽苟閫氳繃鐩存帴鐨勮鍔ㄥ皾璇曠潃瀵绘壘闂鐨勮В鍐虫柟妗堛�傝繖鏄〃寰佽兘鍔涘彂灞曠殑缁撴灉锛岄绀虹潃骞煎効鐨勮鐭ヨ兘鍔涘皢浠庢劅鐭ヨ繍鍔ㄩ樁娈靛彂灞曞埌鍓嶈繍绠楅樁娈点��</p>
+ <p>杩欎釜闃舵鐨勫辜鍎胯繘鍏ュ吀鍨嬬殑鍙嶆姉鏈燂紝涓嶄粎浜嬩簨瑕佷翰鍔涗翰涓猴紝鑰屼笖涓轰簡楠岃瘉鑷繁鐨勮兘鍔涳紝杩樹笉鎯滀笌鎴愪汉瀵规姉锛屾墽鎷楀湴鍧氭寔鑷繁鐨勬兂娉曞拰琛屼负銆傛鏃剁殑骞煎効瀵逛粈涔堟槸鈥滄垜鐨勨�濆緢鏄庣‘锛岃繖浣夸粬浠殑鍗犳湁銆佷簤鎶㈣涓哄鍔犮�備笉杩囷紝浠栦滑鐨勫弽鎶楄涓哄湪瀹堕暱鐨勯�傚綋寮曞涓嬩細閫愭鍑忓皯銆�
+ </p>
+ <p>鍦ㄧ矖澶у姩浣滃彂灞曟柟闈紝杩欎釜闃舵鐨勫辜鍎夸竴鏂归潰缁х画宸╁浐鍜屽彂灞曞熀鏈姩浣滆兘鍔涳紝濡傚崟鎵嬫壎鎵嬩笂涓嬫ゼ姊�佹瘮杈冪ǔ鍋ュ湴璺戙�佸弻鑴氱鍦拌烦锛氬彟涓�鏂归潰寮�濮嬫帉鎻′竴浜涚◢鏈夋妧宸х殑鑲綋鍔ㄤ綔锛屽璧扮洿绾裤�佽府璧疯剼灏栬蛋璺瓑銆傛鏃跺辜鍎跨簿缁嗗姩浣滅殑鍙戝睍涓昏浣撶幇鍦ㄤ笂涓�骞撮緞娈甸噺鐨勭疮绉笂锛屽嵆鍚屾牱鐨勬椿鍔ㄨ兘澶熷仛寰楁洿缁嗚嚧锛屽鑳戒竴椤典竴椤靛湴缈讳功銆佹惌浜斿叚鍧楃Н鏈ㄣ�佹妸鐝犲瓙绌胯捣鏉ャ�佺敤鎵嬫寚鎹¤眴瀛愩�佺敾鐩寸嚎绛夈��
+ </p>
+ <p>杩欎釜闃舵鐨勫辜鍎胯繘鍏ヨ瑷�鐖嗗彂鏈燂紝鍦ㄤ笌浠栦汉鐨勫璇濅腑鍙樺緱鏇翠富鍔ㄣ�備粬浠細鐢ㄨ瑷�绠�鍗曞湴璋堣鐔熸倝鐨勪汉鍜屼簨锛屼笉浠呬細鎻愬嚭闂锛岃繕浼氬洖绛旈棶棰樸�傛鏃朵粬浠凡缁忔湁30涓乏鍙崇殑璇嶆眹鍌ㄥ閲忥紝杩樹細浣跨敤鍙岃瘝鍙ャ��</p>
+ <p>鍦ㄨ嚜鎴戞湇鍔℃椿鍔ㄦ柟闈紝杩欎釜闃舵鐨勫辜鍎垮彲浠ュ煿鍏诲垵姝ョ殑鐢ㄩ涔犳儻锛屽瀹夐潤銆佹剦蹇湴杩涢锛屼笉鎸戦銆佷笉鍋忛锛屼笉璐悆闆堕绛夈�傚辜鍎垮杩涢瑙勫垯鐨勬帉鎻″拰鐩稿簲鎶�鑳界殑鐔熺粌鍖栵紝浣垮闀跨殑鍏昏偛宸ヤ綔閫愭杞绘澗璧锋潵銆�</p>
+ <h3 id="c003">涓夈��2锝�3宀佸辜鍎跨殑鍙戝睍姒傚喌</h3>
+ <h4 id="d007">锛堜竴锛�25锝�30涓湀骞煎効鐨勫彂灞曟鍐�</h4>
+ <p>闅忕潃骞撮緞鐨勫闀匡紝杩欎釜闃舵鐨勫辜鍎垮凡琛ㄧ幇鍑衡�滃皬澶т汉鈥濈殑鐗硅川锛屼粬浠鐗╁搧鎵�鏈夋潈銆佸父瑙勬椿鍔ㄣ�佸悆楗椂闂翠互鍙婃父鎴忔椿鍔ㄩ兘鏈夎嚜宸辩殑涓昏锛屽湪鏁翠綋鐨勭ぞ浼氶�傚簲鏂归潰宸茬粡濞寸啛浜嗚澶氥��<sup>鈶�</sup>浠栦滑鐨勮鐭ュ彂灞曟寮忚繘鍏ュ墠杩愮畻闃舵锛岃兘澶熷�熷姪琛ㄨ薄杩涜鎬濊�冿紝浠庤�岃璇嗘洿鎶借薄鐨勭鍙蜂綋绯伙紝濡傛暟鐨勬蹇点�佺敤瀹炵墿鎴栧浘褰㈣〃寰佺ぞ浼氱幇瀹炵瓑銆傛柊鐨勬�濈淮鑳藉姏涔熷甫鍔ㄥ辜鍎垮绀句細浜嬩欢鐨勭悊瑙ｅ拰璁板繂鍔涚殑鍙戝睍銆備粬浠兘璁颁綇鑷繁鐨勫鍚嶃�佹�у埆锛岃兘鍥炲繂璧蜂笉涔呭墠浜茶韩缁忓巻鐨勪簨浠躲�傝繖涓�闃舵鐨勫辜鍎跨殑鎬濈淮瀹归噺鏄庢樉澧炲姞锛屾�濈淮鐨勬娊璞℃按骞充篃姣斾笂涓�闃舵鏈夊緢澶ф彁楂樸��
+ </p>
+ <p>杩欎釜闃舵鐨勫辜鍎跨殑鍔ㄤ綔寮�濮嬪彉寰楁洿鍔犲鏉傦紝浠栦滑鐨勬姄鎻¤兘鍔涖�佸钩琛¤兘鍔涘拰鎵嬬溂鍗忚皟鑳藉姏閮藉湪澧炲己锛屽叾鎶�宸ф�т篃寮�濮嬭〃鐜板嚭鏉ャ�傝繖涓�闃舵褰㈡垚鐨勫姩浣滄妧鑳戒富瑕佹湇鍔′簬鏃ュ父鐢熸椿鍙婃父鎴忎腑涓�浜涚壒瀹氱殑鏃舵満涓庡満鍚堬紝鐗圭偣鏄伒娲昏嚜濡傘�佸钩琛℃�у己锛屽鍊掗��璧般�佽繄杩囬殰纰嶇墿銆佺嫭鑴氱珯鐗囧埢绛夈�傚伐鍏蜂娇鐢ㄧ殑鐔熺粌鍖栦篃鏄繖涓�闃舵鐨勭獊鍑虹壒鐐癸細楠戝皬涓夎疆鑴氳笍杞︼紝鏃嬭浆闂ㄦ妸鎵嬶紝鐢ㄥぇ铚＄瑪鐢绘按骞充笌鍨傜洿绾裤�傛棩鐩婂鏉傜殑鍔ㄤ綔涓轰粬浠�傚簲闆嗕綋鐢熸椿鍙婂弬涓庡悇绫诲涔犳椿鍔ㄥ仛濂戒簡鍑嗗銆�
+ </p>
+ <hr class="img-g">
+ <p class="p-even note td-0"> <a id="m1">鈶�</a> 锛荤編锛絁ulia Luckenbill銆侊蓟缇庯冀Aarti
+ Subramaniam銆侊蓟缇庯冀Janet Thompson锛氥��0-3宀佸┐骞煎効娓告垙锛氶�傚疁鐨勭幆澧冨垱璁句笌甯堝辜浜掑姩銆嬶紝寮犲拰棰愩�佸肮闆姏璇戯紝83椤碉紝鍖椾含锛屼腑鍥借交宸ヤ笟鍑虹増绀撅紝2022銆�</p>
+
+ </div>
+ </div>
+ </div>
+ <!-- 6椤� -->
+ <div class="page-box" page="13">
+ <div v-if="showPageList.indexOf(13) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">
+ <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+ <span>6</span>
+ </li>
+ <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+ </ul>
+ <div class="bodystyle">
+ <p>杩欎釜闃舵鐨勫辜鍎胯兘鐢ㄦ瘮杈冨畬鏁寸殑绠�鍗曞彞琛ㄨ揪鑷繁鐨勬剰鎰垮拰鎰熷彈锛屾湁鏃惰繕浼氱敤澶嶅悎鍙ャ�傝繖鏄敱浜庝粬浠凡缁忓紑濮嬫帉鎻″拰杩愮敤铏氳瘝锛屽浠ｈ瘝銆佽繛璇嶅強灏戦噺鐨勫舰瀹硅瘝銆傝繖涓�闃舵鐨勫辜鍎垮璇█娲诲姩鐨勫叴瓒ｅ拰鐞嗚В鍔涗篃鎻愰珮浜嗚澶氾紝宸茬粡鍙互鑷繁鐪嬪浘涔︿簡锛屽鏈夌畝鍗曟晠浜嬫儏鑺傜殑鍥剧敾姣斿鍗曚釜鐨勫浘鐗囨洿鏈夊叴瓒ｃ�傚効姝屽彈鍒颁粬浠殑娆㈣繋锛屼竴浜涜妭濂忔槑蹇�佹湕鏈椾笂鍙ｇ殑鍎挎瓕杩樹細寰堝揩鎴愪负浠栦滑鍙ｄ腑鐨勫康璇嶃��
+ </p>
+ <p>杩欎釜闃舵鐨勫辜鍎垮涓庡悓浼寸殑浜ゅ線琛ㄧ幇鍑虹壒鍒殑鍏磋叮銆傝櫧鐒惰繖涓�闃舵鐨勫辜鍎夸簤鍙栫嫭绔嬬殑鏂椾簤杩樺湪缁х画锛屽彂鑴炬皵銆佷簤鎶㈢殑琛屼负涔熸椂鏈夊彂鐢燂紝浣嗛殢鐫�鎯呯华鎺у埗鑳藉姏鐨勫彂灞曪紝灏ゅ叾鏄浠栦汉鎯呮劅鐞嗚В鍔涚殑澧炲己锛屼粬浠惉浠庤鍔濈殑娆℃暟澧炲姞浜嗐�傚湪绀句細浜ゅ線涓紝骞煎効杩樺彂灞曚簡绠�鍗曠殑鏄潪瑙傚康锛屽鐭ラ亾鎶㈠埆浜虹殑鐜╁叿涓嶅ソ銆佷笉搴旇鎵撲汉绛夈�傛墍浠ワ紝杩欎釜闃舵鐨勫辜鍎垮彲浠ュ拰鍚屼即涓�璧风帺绠�鍗曠殑骞宠娓告垙锛屼絾涓庡悓浼寸殑鍚堜綔鑳藉姏杩橀渶瑕佸湪瀹炶返涓繘涓�姝ュ姞寮恒��
+ </p>
+ <h4 id="d008">锛堜簩锛�31锝�36涓湀骞煎効鐨勫彂灞曟鍐�</h4>
+ <p>杩欎釜闃舵鐨勫辜鍎垮绀句細鍜岃嚜韬殑鐞嗚В瓒婃潵瓒婃娊璞″寲锛屽凡缁忛�愭涔犳儻鍊熷姪琛ㄨ薄鍜岀鍙疯繘琛屾�濊�冿紝骞朵笖瀵瑰睘鎬х殑鐞嗚В杩涗竴姝ュ姞娣憋紝鑳藉璁插嚭璁稿甯歌鐗╁搧鐨勭敤閫斻��</p>
+ <p>杩欎釜闃舵骞煎効鐨勫姩浣滃彂灞曚富瑕佷綋鐜板湪鍗忚皟鎬у拰绋冲畾鎬х殑澧炲己涓娿�備粬浠殑鍩烘湰鍔ㄤ綔杩炶疮鑷锛屽凡缁忚兘澶熷簲瀵瑰ぇ澶氭暟鐨勭獊鍙戞儏鍐碉紝骞跺紑濮嬮�愭鑷姩鍖栥�備緥濡傦紝骞煎効鍙互鍦ㄨ杩涗腑鐏垫椿鍦拌浆寮�佺帺鐜╁叿锛涜兘杩炵画鍦板弻鑴氳吘绌鸿烦璺冦�佸崟鑴氱珯绔嬶紱杩樿兘鍋氱畝鍗曠殑鍙ｄ护鎿嶏紝涓斿姩浣滄瘮杈冨噯纭�傚湪浣跨敤鐜╁叿鏉愭枡鍜屽伐鍏锋柟闈紝浠栦滑鐨勫姩浣滄洿鍔犵簿缁嗗寲锛屽鑳藉鐢ㄥぇ铚＄瑪鐢诲皝闂殑鍦嗭紝浼氱敤鎵嬫挄绠�鍗曠殑鍑犱綍鍥惧舰锛岃繕鑳藉皾璇曠潃鐢ㄧ瀛愩�佹媺鎷夐摼绛夈�傛鏃讹紝浠栦滑宸茬粡鍋氬ソ浜嗙嫭绔嬮�傚簲骞煎効鍥敓娲荤殑鍑嗗銆�
+ </p>
+ <p>杩欎釜闃舵鐨勫辜鍎垮璇█鐨勯┚椹兘鍔涘紑濮嬫樉鐜板嚭鏉ワ紝鑳界敤璇█绠�鍗曚粙缁嶈嚜宸卞拰瀹朵汉鐨勫熀鏈儏鍐碉紝缁忓父浼氶棶鈥滄槸浠�涔堚�濃�滀负浠�涔堚�濅箣绫荤殑闂銆傚辜鍎跨殑璇嶆眹閲忎篃鍦ㄤ娇鐢ㄤ腑婵�澧烇紝浠栦滑浼氫娇鐢ㄨ澶氬舰瀹硅瘝锛屽苟鑳界悊瑙ｄ竴浜涘父鐢ㄧ殑鍙嶄箟璇嶏紱鍠滄璇存晠浜嬨�佸康鍎挎瓕銆佸敱绔ヨ埃锛屽苟鑳戒粠涓綋浼氬埌鑷俊鍜屽揩涔愩�傝繖涓樁娈电殑骞煎効渚濈劧鏄己鐑堢殑鎯呯华琛ㄨ揪鑰咃紝浣嗕粬浠鏋佺鎯呯华鐨勬帶鍒惰兘鍔涙槑鏄炬彁楂橈紝鐢氳嚦浼氳瘯鍥鹃殣钘忚嚜宸辩殑鎰熸儏銆傝繖涓�闃舵鐨勫辜鍎跨殑鍚屼即浜ゅ線绛栫暐涓嶆柇鍙戝睍锛屽湪鎴愪汉鐨勫紩瀵间笅鍙互鍒嗕韩骞舵湁绠�鍗曠殑鍚堜綔銆備笌姝ゅ悓鏃讹紝骞煎効閫愭鍙戝睍璧锋潵鐨勬�у埆鎰忚瘑寮�濮嬪奖鍝嶄粬浠笌鍚屼即鐨勪氦寰�銆�2宀佷互鍚庯紝骞煎効宸茬粡鐭ラ亾鑷繁鏄敺瀛╂垨濂冲銆傚辜鍎挎洿鍠滄鍜屽悓鎬у埆鐨勪紮浼翠竴璧风帺銆�
+ </p>
+ <div class="bk2">
+ <p><img class="rwmb-5" alt="" src="../../assets/images/sjtz.png" /></p>
+ <p>璇曠潃鎶�0锝�3宀佸┐骞煎効鐨勫彂灞曟鍐典互鎬濈淮瀵煎浘鐨勫舰寮忓睍绀哄嚭鏉ワ紝鍙互浠庤瑷�銆佸姩浣溿�佽鐭ャ�佹儏缁儏鎰熺瓑瑙掑害鍛堢幇锛屽苟鎬荤粨瀵瑰┐骞煎効鐓ф姢宸ヤ綔瀹炶返鐨勫惎绀鸿鐐广��</p>
+ </div>
+ <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
+ <ul v-for="(item, index) in unitQuestion.unitOne.slice(0, 2)" :key="index">
+ <li>
+ {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
+ </li>
+ <li v-for="(citem, cindex) in item.option" :key="cindex">
+ <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
+ :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
+ {{ citem.value }} . {{ citem.txt }}
+ </li>
+ <li v-if="unitQuestion.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
+ <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+ <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+ item.userAnswer
+ }}</span>
+ <span class="icon-box-big fl al-c">
+ <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <!-- 7椤� -->
+ <div class="page-box" page="14">
+ <div v-if="showPageList.indexOf(14) > -1">
+ <ul class="fl al-c jc-fe pad-t-55 mb-45">
+ <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+ <li class="headerText">濠村効娓告垙姒傝堪</li>
+ <li class="headerNumber">7</li>
+ </ul>
+ <div class="bodystyle">
+ <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="index">
+ <li>
+ {{ index + 3 }}.锛堝崟閫夛級{{ item.txt }}銆�
+ </li>
+ <li v-for="(citem, cindex) in item.option" :key="cindex">
+ <input type="radio" :disabled="unitQuestion.isComplete" :name="item.txt"
+ :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
+ {{ citem.value }} . {{ citem.txt }}
+ </li>
+ <li v-if="unitQuestion.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
+ <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+ <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+ item.userAnswer
+ }}</span>
+ <span class="icon-box-big fl al-c">
+ <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </li>
+ </ul>
+ <p>5.浣犱細涓�19锝�24涓湀骞煎効璁捐鍝簺鏈夊埄浜庡叾绮剧粏鍔ㄤ綔鍙戝睍鐨勬父鎴忥紵</p>
+ <textarea v-model="unitQuestion.textOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
+ @change="saveUnitOne"></textarea>
+ <p>6.鏍规嵁31锝�36涓湀骞煎効鐨勫彂灞曠壒鐐癸紝浣犱細璁捐鍝簺鏈夊埄浜庝績杩涘叾绮楀ぇ鍔ㄤ綔鍙戝睍鐨勬父鎴忥紵</p>
+ <textarea v-model="unitQuestion.textTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
+ @change="saveUnitOne"></textarea>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80 choice">
+ <li>
+ <button class="btn-border btn-w" @click="goCheckJudge">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeCheckData" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click=" unitQuestion.isComplete = !unitQuestion.isComplete"
+ class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 8椤� -->
+ <div class="page-box" page="15">
+ <div v-if="showPageList.indexOf(15) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">
+ <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+ <span>8</span>
+ </li>
+ <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+ </ul>
+ <div class="bj3">
+ <div class="bj2">
+ <h2 class="pt-10" id="b001">瀛︿範浠诲姟浜�</h2>
+ <p class="h2-zt">濠村辜鍎挎父鎴忕悊璁哄強鍏跺惎绀�</p>
+ </div>
+ </div>
+ <div class="bodystyle">
+ <p><img class="rwmb-1" alt="" src="../../assets/images/xxrwd.png" /></p>
+ <table border="1" cellpadding="4" cellspacing="0"
+ style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
+ <tr class="table-th-bc">
+ <td class="center">椤圭洰</td>
+ <td class="center">鍐呭</td>
+ </tr>
+ <tr>
+ <td class="center table-th-bc img-h">瀛︿範鐩爣</td>
+ <td class="ta-l table-tr-bc">
+ <p> 鈶犺璇嗕笉鍚屾祦娲剧殑娓告垙鐞嗚瑙傜偣銆�</p>
+ <p> 鈶¤兘浠庡瑙掑害鎬濊�冨拰闃愯堪濠村辜鍎挎父鎴忕殑鎰忎箟銆�</p>
+ <p> 鈶㈡爲绔�"鏈夐壌鍒互瀵瑰緟銆佹湁鎵純浠ョ户鎵库�濈殑鎬佸害锛屾槑纭澶氭父鎴忕悊璁虹殑鏍稿績鎬濇兂瀵瑰┐骞煎効鍙戝睍鐨勬寚寮曘��</p>
+ </td>
+ </tr>
+ <tr>
+ <td class="center table-th-bc">瀛︿範瑕佺偣</td>
+ <td class="ta-l table-tr-bc">
+ <p>浠诲姟閲嶇偣锛氳兘浠庡瑙掑害鎬濊�冨拰闃愯堪濠村辜鍎挎父鎴忕殑鎰忎箟銆�</p>
+ <p>浠诲姟闅剧偣锛氭爲绔嬧�滄湁閴村埆浠ュ寰呫�佹湁鎵純浠ョ户鎵库�濈殑鎬佸害锛屾槑纭澶氭父鎴忕悊璁虹殑鏍稿績鎬濇兂骞煎効娓告垙鍙戝睍鐨勬寚寮曘��</p>
+ </td>
+ </tr>
+ <tr>
+ <td class="center table-th-bc">瀛︿範寤鸿</td>
+ <td class="ta-l table-tr-bc">
+ <p class="td-0"><b>瀛︿範鍓嶏細</b></p>
+ <p>鈶犳煡闃呬笉鍚屾祦娲剧殑娓告垙鐞嗚瑙傜偣锛屽苟璁板綍涓嬫潵銆�</p>
+ <p>鈶℃�濊�冨涔犱笉鍚屾祦娲剧殑娓告垙鐞嗚瑙傜偣瀵规寚瀵煎┐骞煎効娓告垙鐨勪綔鐢ㄣ��</p>
+ <p class="td-0"><b>瀛︿範涓細</b></p>
+ <p>鈶犳繁鍏ュ涔犱笉鍚屾祦娲剧殑娓告垙鐞嗚瑙傜偣锛屽苟缁樺埗鎬濈淮瀵煎浘銆�</p>
+ <p>鈶″皬缁勮璁猴紝鎬荤粨鐩稿叧娓告垙鐞嗚瀵瑰綋浠ｆ寚瀵煎┐骞煎効娓告垙鐨勫惎绀恒��</p>
+ <p class="td-0"><b>瀛︿範鍚庯細</b></p>
+ <p>瀹屾垚鏈换鍔＄殑瀛︿範鏁堟灉妫�娴嬨��</p>
+ </td>
+ </tr>
+ <tr>
+ <td class="center table-th-bc">瀛︿範杩愮敤</td>
+ <td class="ta-l table-tr-bc">
+ <p class="td-0">浣犺寰楀湪鍝簺宸ヤ綔鍦烘櫙涓彲浠ヨ繍鐢ㄥ埌鎵�瀛﹀唴瀹�?</p>
+ <textarea v-model="tableData.unitOne.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="9"
+ class="table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr>
+ <td class="center table-th-bc">瀛︿範鍙嶆��</td>
+ <td class="ta-l table-tr-bc">
+ <p class="td-0">璇疯褰曚綘鍦ㄥ涔犺繃绋嬩腑鐨勪换浣曟�濊�冦��</p>
+ <textarea v-model="tableData.unitOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="9"
+ class="table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+ <!-- 9椤� -->
+ <div class="page-box" page="16">
+ <div v-if="showPageList.indexOf(16) > -1">
+ <ul class="fl al-c jc-fe pad-t-55 mb-45">
+ <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+ <li class="headerText">濠村効娓告垙姒傝堪</li>
+ <li class="headerNumber">9</li>
+ </ul>
+ <div class="bodystyle">
+ <p><img class="rwmb-2" alt="" src="../../assets/images/aldr.png" /></p>
+ <p>鍦ㄥ巻鍙茬殑鍙戝睍闀挎渤涓紝鏈変簡浜虹被灏辨湁浜嗘父鎴忥紝鐢氳嚦璇存父鎴忕殑鍙戝睍涓庝汉绫荤ぞ浼氱殑鍙戝睍鏄伅鎭浉鍏崇殑銆備即闅忕潃鏃朵唬鐨勫彉杩侊紝浜轰滑鍏充簬娓告垙鐨勬帰绱㈣秺鏉ヨ秺澶氥�傛湁鐨勭爺绌惰�呰锛氣�滄父鎴忔槸鍎跨鍙戞硠绮惧姏鐨勬柟寮忋�傗�濇湁鐨勫垯璇达細鈥滄父鎴忔槸甯姪鍎跨涓烘棩鍚庣敓娲诲仛鍑嗗鐨勩�傗�濇湁鐨勮繕璇达細鈥滄父鎴忔槸瀵硅繃鍘绘煇涓�浜嬩欢鐨勯噸婕斺�︹�︹�濊澶氱殑璇存硶璁╀汉浠劅鍒版父鎴忕殑璧锋簮瓒婃潵瓒婄绉樸�傛椂鑷充粖鏃ワ紝娓告垙浠庝綍鑰屾潵銆佷负浠�涔堜細瀛樺湪绛夐棶棰樺皻鏈湁瀹氳銆備汉浠鏄粠浜虹被鐨勬湰鑳芥垨鏈�т腑鍘诲鎵剧瓟妗堬紝杩欎簺鐮旂┒浠嶇劧瀵瑰悗浜虹殑鐮旂┒浜х敓鐫�涓�瀹氱殑褰卞搷銆�
+ </p>
+ <p><b>鎯充竴鎯筹細</b></p>
+ <p>1.涓轰粈涔堢爺绌惰�呭浜庢父鎴忕殑璁よ瘑鍚勬湁涓嶅悓锛�</p>
+ <textarea v-model="questionData.unitOne.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
+ @change="setQuestionData"></textarea>
+ <p>2.闈㈠鍚勭涓嶅悓鐨勬父鎴忚鐐癸紝鎴戜滑搴旇鏍戠珛鎬庢牱鐨勬�佸害锛�</p>
+ <textarea v-model="questionData.unitOne.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
+ @change="setQuestionData"></textarea>
+ <p>3.鍩轰簬杩欎簺瑙傜偣锛屾垜浠浣曠悊瑙ｆ父鎴忕殑鏈川鍙婂濠村辜鍎跨殑鍙戝睍浠峰�硷紵</p>
+ <textarea v-model="questionData.unitOne.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
+ @change="setQuestionData"></textarea>
+ <h3 id="c004">涓�銆佸墿浣欑簿鍔涜</h3>
+ <p>鍓╀綑绮惧姏璇存槸杈冩棭鍑虹幇鐨勬父鎴忕悊璁轰箣涓�锛岃娓告垙鐞嗚鐨勪唬琛ㄤ汉鐗╂湁甯嫆鍜屾柉瀹惧銆傝娓告垙鐞嗚璁や负锛屾父鎴忔槸鏈轰綋鐨勫熀鏈敓瀛橀渶瑕佹弧瓒冲悗浠嶆湁瀵岃鐨勭簿鍔涚殑浜х墿锛屽嵆娓告垙鐨勫姩鍔涙潵鑷�滃墿浣欑簿鍔涒�濄�傝繖涓�娓告垙鎬濇兂鍒濊浜�18涓栫邯甯嫆鐨勮憲浣滀腑锛屽悗缁�19涓栫邯鏂濉炲彂灞曞苟褰㈡垚銆�
+ </p>
+ <p>甯嫆鍦ㄦ帰绱㈡枃鍖栦笌鑹烘湳鐨勮捣婧愭椂鍏虫敞鍒版父鎴忛棶棰橈紝浠栧皢娓告垙鍜屽缇庢椿鍔ㄧ殑鎬ц川鐪嬫垚鏄浉鍚岀殑锛岃涓哄畠浠兘鏄秴瓒婂姛鍒╄寖鍥寸殑鈥滆嚜鐢辨椿鍔ㄢ�濄�傝櫧鐒垛�滆嚜鐢扁�濓紝浣嗕汉浠繘琛屾父鎴忛渶瑕佹弧瓒充竴涓墿璐ㄥ墠鎻愶紝鍗冲熀鏈墿璐ㄧ敓娲婚渶瑕佸緱浠ユ弧瓒炽�備箣鎵�浠ヨ娓告垙锛屾槸鍥犱负浜轰滑鍦ㄦ弧瓒充簡鍩烘湰鐢熷瓨闇�瑕佷箣鍚庤繕鏈夊厖瑁曠殑绮惧姏锛岃繖浜涜繃鍓╃殑绮惧姏搴旀棤浠讳綍鍔熷埄鐩殑鍦拌娑堣�椼�備粬灏嗘父鎴忓垎涓轰袱绫伙細涓�绫绘槸鐢变簬鐗╄川锛堟垨浣撳姏锛夋柟闈㈣繃鍓╁紩璧风殑娓告垙锛屽嵆鍔ㄧ墿鎬х殑韬綋鍣ㄥ畼杩愬姩鐨勬父鎴忥紱鍙︿竴绫绘槸鐢变簬绮剧锛堟垨缇庣殑锛夋柟闈㈣繃鍓╁紩璧风殑娓告垙锛屽嵆浜烘墍鐗规湁鐨勬兂璞℃父鎴忔垨鑹烘湳鐨勫缇庢椿鍔ㄣ�傞�氬父鏉ヨ锛岀墿璐ㄨ繃鍓╁紩璧风殑娓告垙鍏堜簬绮剧杩囧墿寮曡捣鐨勬父鎴忋�傝�屼汉绫诲湪閫氳繃杩芥眰鐗╄川杩囧墿鍚戠簿绁炶繃鍓╄浆鍙樼殑杩囩▼涓紝涓嶆柇瓒呰秺鍔熷埄锛岃繙绂诲姩鐗╃晫鑰岃蛋杩涗汉鐢熺悊鎯冲鐣岋紝鎴愪负鑷銆佽嚜鐢辩殑娲诲姩涓讳綋銆傚腑鍕掍粠浜虹殑鍙戝睍銆佷汉鐨勮嚜鐢辩殑鍝插楂樺害闃愯堪浜嗘父鎴忕殑鏈川銆�
+ </p>
+ <p>19涓栫邯鑻卞浗鎬濇兂瀹舵柉瀹惧浠庣敓鐗╄繘鍖栭鍩熸潵闃愯堪瀵规父鎴忕殑璁よ瘑銆備粬璁や负娲诲姩鏄姩鐗╀笌浜虹殑鏅亶鍊惧悜锛屼絾鍙湁杩涘寲绛夌骇杈冮珮鐨勭墿绉嶆墠鏈夋洿澶氱殑鏃堕棿銆佺簿鍔涘幓娓告垙锛岃�岃繖涓�娓告垙鏄笌鐢熷瓨鏃犲叧鐨勩�侀潪鍔熷埄鎬х殑娲诲姩銆備粬灏濊瘯瑙ｉ噴娓告垙鐨勭缁忕敓鐞嗘満鍒讹紝璁や负娓告垙鏄浜庨潤姝㈡湡銆佸緱鍒颁慨澶嶇殑鎴栭噸鏂版椿璺冪殑绁炵粡缁嗚優鐨勨�滃浣欑殑鈥濇椿鍔ㄣ�傛澶栵紝浠栬繕鏄竴鍚嶆湰鑳借鑰咃紝浠栧皢娓告垙鐪嬩綔涓�绉嶆湰鑳界殑銆佹棤鎰忚瘑鐨勪骇鐗╋紝璁や负娓告垙鏄効绔ュ彈鏈兘椹变娇杩涜鐨勪笌鎴愪汉鏈兘娲诲姩鐩镐技鐨勪絾骞朵笉鍏锋湁瀹為檯鎰忎箟鐨勬椿鍔ㄣ��
+ </p>
+ <p>鍓╀綑绮惧姏璇村湪鍚庝笘鎴栧鎴栧皯琚汉璇熺梾銆傛瘮濡傦紝浜轰滑璁や负瀹冧娇鐢ㄧ殑鈥滃墿浣欑殑鈥濃�滄棤鐩殑鐨勨�濊繖浜涘瓧鐪煎甫鏈夎船涔夛紝鍙嶆槧鍑轰竴绉嶆秷鏋佺殑浠峰�煎垽鏂紝鎴栧鎴栧皯鍦扮湅杞绘垨璐綆浜嗘父鎴忕殑浠峰�笺�備絾鍦ㄩ偅涓椂浠ｏ紝鍦ㄦ父鎴忕殑鐮旂┒棰嗗煙锛屽畠鐨勫奖鍝嶆槸涓嶅蹇借鐨勩�傚悗浜虹殑璇稿鐮旂┒閮芥槸鍦ㄨ鐮旂┒鐨勫熀纭�涓婂舰鎴愩�佸彂灞曡捣鏉ョ殑锛屽鏁欒偛涔熷叿鏈変竴瀹氱殑鏈夌泭鍚ず锛氫笉瑕佹満姊板湴绂佹鍎跨鐨勬父鎴忥紝鍙互璁╁効绔ュ湪娓告垙涓彂娉勫墿浣欑簿鍔涳紝闃叉鍥犲帇鎶戣�屽嚭闂锛涢紦鍔卞効绔ョ殑娓告垙锛屾父鎴忔槸韬綋鍙戝睍鎵�涓嶈兘缂哄皯鐨勩��
+ </p>
+ <div class="video-box">
+ <p class="center text">
+ <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.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+ <img :src="collectResourceList.findIndex(item => item.id == 'dad3d3586822dfe922f40c47ba10e76f') > -1 ? collectCheck : collectImg"
+ alt="" class="collect-btn" @click="handleCollect('video-01')" />
+ </el-tooltip>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 10椤� -->
+ <div class="page-box" page="17">
+ <div v-if="showPageList.indexOf(17) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">
+ <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+ <span>10</span>
+ </li>
+ <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+ </ul>
+ <div class="bodystyle">
+ <div class="img-float w150">
+ <div class="bk">
+ <div class="bk1">
+ <img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" />
+ </div>
+ <p>渚濇嵁鍓╀綑绮惧姏璇达紝濠村辜鍎挎父鎴忕殑鍔ㄥ姏鏉ユ簮浜庡摢閲岋紵濡備綍鐪嬪緟杩欑鍔ㄥ姏锛�</p>
+ <textarea v-model="questionData.unitOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="max-width: 90%; min-width: 90%;" class="fz-16 textarea-main"
+ @change="setQuestionData"></textarea>
+ </div>
+ </div>
+ <span>
+ <h3 id="c005">浜屻�佺敓娲诲噯澶囪</h3>
+ <p>鐢熸椿鍑嗗璇存垨绉板墠缁冧範璇达紝鏄敱寰峰浗瀛﹁�呮牸椴佹柉鎻愬嚭鏉ョ殑銆傛牸椴佹柉鐨勪唬琛ㄤ綔鏈夈�婂姩鐗╃殑娓告垙銆嬨�婁汉鐨勬父鎴忋�嬨�備粬鍦ㄧ爺绌剁編瀛︾殑杩囩▼涓紝鍙楀腑鍕掔殑鑹烘湳璧锋簮涓庢父鎴忔�濇兂鐨勫奖鍝嶏紝寮�濮嬪鍎跨娓告垙浜х敓鍏磋叮锛屽湪鎵硅瘎鍓╀綑绮惧姏璇寸殑鍩虹涓婂缓鏋勮捣浜嗚嚜宸辩殑鐞嗚銆�
+ </p>
+ <p>鏍奸瞾鏂彂鐜颁綆绛夊姩鐗╃殑鏈兘琛屼负鏄笌鐢熶勘鏉ヤ笖鎴愮啛鐨勶紝鍥犳涓嶉渶瑕佹父鎴忥紱鑰屼汉绫诲湪鍑虹敓鏃跺彂鑲插苟涓嶅厖鍒嗭紝闇�瑕佸湪瀹堕暱鐨勫府鍔╁拰鐓ч【涓嬶紝閿荤偧鍜屽彂灞曢�傚簲鐢熸椿鐨勬妧鑳藉拰鏈銆傝繖涓�鎴愰暱鏈熸槸鍔ㄧ墿鐨勪笉鎴愮啛鏈燂紝娓告垙涔熸鏄繖涓�鏃舵湡鐨勭壒鏈夌幇璞°�傚熀浜庢锛屾牸椴佹柉璁や负娓告垙涓嶄粎鏄棤浼ゅ鍦板鐞嗗姩鐗╁墿浣欑簿鍔涚殑鎵嬫锛岃�屼笖涓哄畠浠彁渚涗簡鍙傚姞涓ヨ們鐢熸椿鐨勯�斿緞銆備粬鍧氫俊锛屾父鎴忓叿鏈夌敓鐗╅�傜敤鐨勬妧鑳斤紱娓告垙鏄涓庣敓淇辨潵鐨勪絾涓嶅畬鍠勫拰鎴愮啛鐨勬湰鑳借涓虹殑缁冧範锛岃兘澶熷府鍔╁姩鐗╅�傚簲鏈潵鐨勭敓娲汇��
+ </p>
+ <p>鏍奸瞾鏂皢鍎跨鐨勬父鎴忓垎涓轰袱绫伙細缁冧範鎬ф父鎴忓拰绀句細鎬ф父鎴忋�傚墠鑰呭寘鎷劅鐭ヨ繍鍔ㄧ殑缁冧範鍜岄珮绾х殑蹇冪悊鑳藉姏鐨勭粌涔狅紝鍏朵綔鐢ㄥ湪浜庝績杩涜嚜鎴戞帶鍒惰兘鍔涚殑鍙戝睍锛涘悗鑰呭寘鎷拷閫愭墦闂瑰拰妯′豢鎬х殑娓告垙锛屽叾浣滅敤鍦ㄤ簬褰㈡垚浜轰笌浜轰箣闂寸殑鍏崇郴銆�
+ </p>
+ <p>鏍奸瞾鏂殑娓告垙鐞嗚鍜屾柉瀹惧鐨勬父鎴忕悊璁哄苟涓嶆槸鐭涚浘鐨勬垨閽堥攱鐩稿鐨勶紝鑰屾槸鐩镐簰琛ュ厖鐨勩�傚畠浠殑鍏卞悓涔嬪鍦ㄤ簬浠庡姩鐗╄繘鍖栫殑瑙嗚鏉ヨВ璇绘父鎴忥紱涓嶅悓涔嬪鍦ㄤ簬涓よ�呰瀵熺殑瑙掑害涓嶅悓锛屽嵆鏂濉炶鏄庝簡鍔ㄧ墿杩涘寲涓庢父鎴忕殑鐢熺墿瀛︽潯浠朵箣闂寸殑鍏崇郴锛岃�屾牸椴佹柉鍒欒繘涓�姝ヨ鏄庝簡鍔ㄧ墿杩涘寲涓庢父鎴忕殑鐢熺墿閫傚簲鏈鸿兘涔嬮棿鐨勫叧绯汇�傛牸椴佹柉鎵�鎸囩殑楂樼瓑鍔ㄧ墿浠呭嚟澶╃敓鏈鏃犳硶閫傚簲鐢熸椿锛岃�岃鍊熷姪鍚庡ぉ鐨勭粌涔犲拰瀛︿範銆傝繖鏄鍚堜簨瀹炵殑銆備粬鎵�寮鸿皟鐨勫辜骞存湡鐨勫彲濉戞�т笌娓告垙鐨勭敓鐗╅�傚簲鏈鸿兘寰楀埌浜嗗拰璋愮粺涓�銆傝繖涔熸湁鍒╀簬鏀瑰彉浜轰滑鐨勫効绔ヨ锛屽鎵浆褰撴椂浜轰滑璁や负鍎跨娓告垙鏃犱环鍊肩殑浼犵粺瑙傚康鏃犵枒鍏锋湁绉瀬鐨勬剰涔夈�備絾浠栬繃鍒嗕緷璧栤�滄湰鑳解�濇蹇碉紝鎶娾�滄湰鑳解�濅綔涓哄彂灞曠殑涓績椹卞姏锛屾妸鍔ㄧ墿鐨勬父鎴忎笌浜虹被鍎跨鐨勬父鎴忕瓑閲忛綈瑙傦紝涔熼伃鍒颁簡璐ㄧ枒銆傚畠缁欐暀鑲茬殑鍚ず鏄紝濠村辜鍎挎椂鏈熸槸閲嶈鐨勬父鎴忔湡锛涙垜浠簲璇ラ噸瑙嗘父鎴忕殑浠峰�硷紝寮曞濠村辜鍎垮湪娓告垙涓彂灞曞皢鏉ョ敓娲绘墍闇�瑕佺殑鍚勭鏈銆�
+ </p>
+ <div class="video-box">
+ <p class="center text">
+ <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.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+ <img :src="collectResourceList.findIndex(item => item.id == 'dcb45feb677250012c73d3a6affb7d27') > -1 ? collectCheck : collectImg"
+ alt="" class="collect-btn" @click="handleCollect('video-02')" />
+ </el-tooltip>
+ </p>
+ </div>
+ <div class="bk2">
+ <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
+ <p class="center"><span class="ls2">2021骞村垵绾ц偛濠村笀鐞嗚鐭ヨ瘑鑰冭瘯鐪熼</span></p>
+ <p>锛堝崟閫夐锛変互涓嬭娉曠鍚堢敓娲诲噯澶囪瑙傜偣鐨勬槸锛堛��銆�锛夈��</p>
+ <p>A.娓告垙鏄墿浣欑簿鍔涚殑鍙戞硠</p>
+ <p>B.娓告垙鏄敤鏉ユ仮澶嶇簿鍔涚殑杞绘澗娲诲姩</p>
+ <p>C.娓告垙鏄负鏈潵鐢熸椿鍋氬噯澶�</p>
+ <p>D.娓告垙鏄汉绫荤敓鐗╅仐浼犵殑缁撴灉</p>
+ <p>鍙傝�冪瓟妗堬細C銆�</p>
+ </div>
+ <h3 id="c006">涓夈�佸婕旇</h3>
+ <p>澶嶆紨璇寸殑涓昏鍊″鑰呮槸缇庡浗蹇冪悊瀛﹀闇嶅皵銆傚湪浠栫湅鏉ワ紝鍎跨鐨勬父鎴忔槸瀵逛汉绫荤鍏堢敓娲荤殑鈥滃洖蹇嗏�濋噸瑙嗐�傞湇灏斿鏍奸瞾鏂殑娓告垙鐞嗚鏄笉璁ゅ悓鐨勶紝浠栬涓烘牸椴佹柉鍏充簬娓告垙鏄鏈潵鎴愪汉娲诲姩鐨勭粌涔犵殑瑙傜偣鏄潪甯哥墖闈㈢殑銆佽〃闈㈢殑鍜岄敊璇殑锛屽洜涓哄畠蹇借浜嗚繃鍘汇�傞湇灏旇涓猴紝鑳庡効鍦ㄨ儙鍐呯殑鍙戝睍閲嶆紨浜嗗姩鐗╄繘鍖栫殑杩囩▼锛堜粠鍘熺敓鐗╁埌浜猴級锛屽効绔ユ椂鏈熺殑鍙戝睍鍒欓噸婕斾簡浜虹被杩涘寲鐨勮繃绋嬶紙浠庣尶鍒颁汉锛夈�備粠鍎跨鐨勮韩涓婂彲浠ユ壘鍒颁笌涔嬬浉搴旂殑娓告垙琛屼负琛ㄧ幇锛岃繖鏄汉绫荤鍏堣涓虹殑鍙嶆槧銆傚効绔ョ殑娓告垙灏辨槸绁栧厛鐨勨�滃伐浣溾�濓紝鍘熷浜虹殑鎵撶寧銆佽拷閫愮瓑鏋勬垚浜嗙幇浠ｅ効绔ユ父鎴忕殑鍩烘湰鍐呭銆傜敱浜庤繖浜涙椿鍔ㄥ凡缁忔垚涓轰汉鐨勬湰鑳斤紝鍥犳鍎跨鍋氳捣鏉ヤ笉闇�瑕佽姳璐瑰姏姘旓紝骞朵笖娓告垙鐨勫揩涔愪篃鎬绘槸鐩存帴涓庨仐浼犺秼鍔跨殑鏂瑰悜鍜屽姏閲忔垚姣斾緥鐨勩�傜幇浠ｇ敓娲讳腑鏄壘涓嶅埌浠讳綍瀵逛簬娓告垙蹇箰鐨勮В
+ </p>
+ </span>
+ </div>
+ </div>
+ </div>
+ <!-- 11椤� -->
+ <div class="page-box" page="18">
+ <div v-if="showPageList.indexOf(18) > -1">
+ <ul class="fl al-c jc-fe pad-t-55 mb-45">
+ <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+ <li class="headerText">濠村効娓告垙姒傝堪</li>
+ <li class="headerNumber">11</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="td-0">
+ 閲婏紝鍙湁鍥炴函鈥滆繃鍘烩�濇墠鑳藉彂鐜版父鎴忕殑娣辫繙鎰忎箟銆傝澶氱幇浠ｇ殑娲诲姩閮芥槸鍘熷浜虹敓瀛樻枟浜夌殑澶嶆紨銆傛澶栵紝鍎跨鍦ㄦ父鎴忎腑鏃㈣兘鎰熷彈鍒板揩涔愶紝涔熻兘杩涜鎯呮劅鐨勫娉勩��
+ </p>
+ <p>闇嶅皵鐨勬父鎴忕悊璁哄湪鏌愮绋嬪害涓婂弽鏄犱簡鍎跨娓告垙鍐呭鐨勭ぞ浼氬巻鍙叉�э細绀句細鐜涓嶅悓锛屽効绔ユ父鎴忓唴瀹逛笉鍚屻�備粬娌℃湁灏辫繖绉嶇幇璞″仛鍑烘纭殑瑙ｉ噴銆傝櫧鐒朵粬娌¤兘瀹屾垚杩欎竴浠诲姟锛屼絾鍏舵�濇兂涔熻兘缁欎簣鍚庝汉鐨勭爺绌朵竴浜涙柊鐨勫惎绀恒�傚畠缁欐暀鑲茬殑鍚ず鏄紝鍏虫敞娓告垙缁欎簣鍎跨鐨勫揩涔愭儏鎰熶綋楠岋紱閲嶈绀句細鍘嗗彶瀵瑰効绔ュ彂灞曠殑褰卞搷锛屼篃鍙粠绀句細鍘嗗彶涓彂鐜颁赴瀵岀殑鍜屽彲鍊熼壌鐨勬父鎴忓舰寮忓拰绱犳潗銆�
+ </p>
+ <div class="video-box">
+ <p class="center text">
+ <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.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+ <img :src="collectResourceList.findIndex(item => item.id == '2bcf6dd642394b18984d7fca4d3e8e46') > -1 ? collectCheck : collectImg"
+ alt="" class="collect-btn" @click="handleCollect('video-03')" />
+ </el-tooltip>
+ </p>
+ </div>
+ <h3 id="c007">鍥涖�佹澗寮涜</h3>
+ <p>涓庡墿浣欑簿鍔涜涓嶅悓锛屾澗寮涜璁や负浜轰箣鎵�浠ユ父鎴忓苟涓嶆槸鍥犱负绮惧姏鐨勨�滃墿浣欌�濓紝鑰屾槸鍥犱负鈥滅己涔忊�濇垨鑰呪�滀笉瓒斥�濄�傛父鎴忓彲浠ヨ浜轰滑瑙ｉ櫎韬績鐨勭柌鍔筹紝鍏锋湁鎭㈠绮惧姏銆佹斁鏉剧殑鍔熻兘銆傝繖涓�鎬濇兂鏃╁湪17涓栫邯灏卞凡鍑虹幇銆傜洿鍒�19涓栫邯鏈�20涓栫邯鍒濓紝鍝插瀹舵媺瀵熼瞾鏂拰鏌忓眻鍏嬭繘涓�姝ュ彂灞曚簡杩欎竴瑙傜偣銆�
+ </p>
+ <p>鎷夊療椴佹柉璁や负锛屾父鎴忔垨娑堥仯鎬уū涔愭�х殑娲诲姩鏄叿鏈夌簿鍔涙仮澶嶄綔鐢ㄧ殑娲诲姩銆傛鏃讹紝浠栧苟娌℃湁鎻愬強鍎跨娓告垙锛屼絾涔嬪悗鏌忓眻鍏嬪彂灞曚簡浠栫殑鎬濇兂銆傛煆灞堝厠璁や负锛岀幇浠ｄ汉娓告垙鏄幇浠ｄ汉鐨勫伐浣滄�ц川閫犳垚鐨勨�滄澗寮涒�濈殑闇�瑕侊紝骞朵笖鍙湁杩愬姩鎬ф父鎴忔墠鏈夊彲鑳藉皢浜轰粠杩欑鐢卞績鐞嗗帇鍔涘鑷寸殑鐤插姵涓В鑴卞嚭鏉ャ�傚湪浠栫湅鏉ワ紝鍎跨鐢熸潵灏辨槸鈥滄父鎴忕殑鍔ㄧ墿鈥濓紝浠栦滑鐨勬父鎴忓彈鍒扳�滅鏃忎範鎯�濆拰鈥滅鏃忚蹇嗏�濈殑椹变娇銆傚彲瑙侊紝鏌忓眻鍏嬬殑鐞嗚鏄湰鑳借鍜屽婕旇鐨勬贩鍚堢墿銆�
+ </p>
+ <p>涓庢棭鏈熺殑娓告垙鐞嗚涓�鏍凤紝鏉惧紱璇翠篃鍙楀埌浜嗚澶氭壒璇勩�備汉浠涓鸿繖涓�鐞嗚鏇撮�傚悎瑙ｉ噴鎴愪汉鐨勬父鎴忔椿鍔ㄦ垨鑰呴潤鎬佷笌鍔ㄦ�佹椿鍔ㄧ殑鍏崇郴锛岃�屼笉閫傚悎瑙ｉ噴鍎跨鐨勬父鎴忋�傚畠缁欐暀鑲茬殑鍚ず鏄紝褰撻潰瀵瑰効绔ョ殑鎯呯华鍘嬪姏鏃讹紝閫傚綋鐨勮繍鍔ㄦ�ф父鎴忓彲浠ュ府鍔╁効绔ヨ繘琛岀枏瀵笺��
+ </p>
+ <div class="video-box">
+ <p class="center text">
+ <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.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+ <img :src="collectResourceList.findIndex(item => item.id == '647ad3aa9f427af5841fed29d3ce39b8') > -1 ? collectCheck : collectImg"
+ alt="" class="collect-btn" @click="handleCollect('video-04')" />
+ </el-tooltip>
+ </p>
+ </div>
+ <h3 id="c008">浜斻�佺簿绁炲垎鏋愬娲剧殑娓告垙鐞嗚</h3>
+ <p>绮剧鍒嗘瀽瀛︽淳鏄爺绌跺┐骞煎効娓告垙涓笉鍙拷瑙嗙殑涓�涓噸瑕佺悊璁烘淳鍒�傜簿绁炲垎鏋愬娲捐涓猴紝涓�鍒囩敓鐗╃敓瀛樼殑鍩虹鏄笌鐢熶勘鏉ョ殑鍘熷鍐插姩鍜屾鏈涳紱浜轰滑闇�瑕佷负鐜板疄涓暱鏈熷彈鍘嬫姂鐨勫啿鍔ㄥ拰娆叉湜瀵绘壘鍑鸿矾锛屾父鎴忎究鏄〃鐜拌繖浜涘師濮嬬殑銆佸彈鍘嬫姂鐨勫啿鍔ㄥ拰娆叉湜鐨勯殣鏅︽洸鎶樼殑鏂瑰紡涔嬩竴銆傛父鎴忔槸鍙緵涓汉鏀厤鐨勮嚜鐢卞ぉ鍦板拰棰嗗煙銆�
+ </p>
+ <p>濂ュ湴鍒╁尰鐢熷紬娲涗紛寰锋槸绮剧鍒嗘瀽瀛︽淳鐨勫垱濮嬩汉銆傚湪鍏朵汉鏍兼瀯鎴愬璇寸殑鍩虹涓婏紝浠栬涓哄効绔ョ殑娓告垙瀵逛簬浜烘牸鐨勬甯稿彂灞曞叿鏈夐噸瑕佺殑浣滅敤锛涙父鎴忓彲浠ュ府鍔╁効绔ラ噴鏀惧洜鍐呴┍鍔涘彈绀句細鍘嬪埗鑰屼骇鐢熺殑绱у紶鍜屽帇鍔涳紝甯姪鍎跨澶勭悊閫傚簲涓嶈壇鐨勭粡楠岋紝鍥犺�屽叿鏈夆�滄不鐤椻�濈殑浣滅敤锛涙父鎴忎负鍎跨鎻愪緵浜嗕竴涓畨鍏ㄧ殑鐜锛屽彲浠ヨ鍎跨鍦ㄧ幇瀹炵敓娲讳腑涓嶈兘瀹炵幇鐨勬効鏈涘湪鎯宠薄涓緱鍒板疄鐜帮紱娓告垙浣滀负涓�绉嶆兂璞℃垨鍋囪鐨勮鍔紝鍙互浣垮効绔ヤ互鑷繁鐨勬柟寮忔潵澶勭悊鐜板疄鐢熸椿閭ｄ簺瓒呭嚭浠栦滑鐨勮兘鍔涗絾瀵逛簬浠栦滑鍏锋湁鐗规畩鎰忎箟鐨勪簨鎯呫�傚綋鐒讹紝娓告垙涓嶄竴瀹氬叏鏄剦蹇殑浣撻獙锛屼篃鍙兘鏄笉鎰夊揩鐨勪綋楠屻��
+ </p>
+ <p>鍦ㄥ紬娲涗紛寰风殑鍩虹涓婏紝鍙︿竴浣嶇悊璁哄鍩冮噷鍏嬫．鍦ㄥ叾鍩虹涓婅繘涓�姝ヤ赴瀵屻�佸厖瀹炰簡鍏充簬娓告垙鐨勮鐐广�傚焹閲屽厠妫涓烘父鎴忓彲浠ュ噺灏戠劍铏戞儏缁�佽ˉ鍋挎�у湴婊¤冻鍎跨鐨勬効鏈涖�佸湪鍎跨浜烘牸鐨勫彂灞曚腑鏈夌Н鏋佺殑浣滅敤銆傚悓鏍凤紝鍩冮噷鍏嬫．鍦ㄥ叾寤烘瀯鐨勪汉鏍煎彂灞曠悊璁轰腑杩涗竴姝ラ槓杩颁簡瀵规父鎴忕殑璁よ瘑銆備粬璁や负锛屽効绔ュ湪鏃╂湡鐨勫┐骞煎効闃舵鏄浉瀵硅蒋寮辨棤鑳界殑锛屽畬鍏ㄤ緷璧栦粬浜虹殑鍏昏偛鍜屼繚鎶わ紱濠村辜鍎块渶瑕佷粠鐢熺悊闇�瑕佺殑婊¤冻涓紝浣撻獙鍒拌韩浣撶殑搴峰畞涓庣幆澧冪殑瀹夊叏锛屼粠鑰屽缓绔嬪鍛ㄥ洿鐜鐨勪俊浠绘劅锛涙父鎴忓浜庢瘝瀛愬叧绯荤殑褰㈡垚鍜屼俊浠绘劅鐨勪骇鐢熷叿鏈夐噸瑕佺殑鎰忎箟銆傝繖涓�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 12椤� -->
+ <div class="page-box" page="19">
+ <div v-if="showPageList.indexOf(19) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">
+ <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+ <span>12</span>
+ </li>
+ <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="td-0">
+ 闃舵鐨勫┐骞煎効寰�寰�涓庢瘝浜茬浉浜掑嚌瑙嗭紝杩欑瑙嗚鐨勭浉浜掍綔鐢ㄥ繀鐒跺甫鏈夋煇绉嶆父鎴忔�с�傛瘝浜茬殑鐪肩涓嶄粎浼犻�掔潃鐖辩殑淇℃伅锛屼篃鍚湁娓告垙鎬х殑榧撳姳銆傚焹閲屽厠妫繕璁や负锛屾父鎴忓彲浠ラ�氳繃鍒涢�犵壒瀹氭儏澧冿紝骞跺湪瑙掕壊鎵紨涓寲瑙ｅ悇闃舵浜烘牸鐨勫嵄鏈猴紝璁╁効绔ヨ幏寰楁垚闀匡紱姝ゅ锛屽効绔ョ殑娓告垙鏈夌潃鏄庢樉鐨勬�у埆宸紓銆�
+ </p>
+ <div class="video-box">
+ <p class="center text">
+ <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.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+ <img :src="collectResourceList.findIndex(item => item.id == '1b6f935a41905a24e2c7bab01e183ee9') > -1 ? collectCheck : collectImg"
+ alt="" class="collect-btn" @click="handleCollect('video-05')" />
+ </el-tooltip>
+ </p>
+ </div>
+ <div class="bk2">
+ <p><img class="rwmb-5" alt="" src="../../assets/images/tzyd.png" /></p>
+ <p class="center"><span class="ls2">寮楁礇浼婂痉銆佸焹閲屽厠妫殑浜烘牸鍙戝睍闃舵鐨勫姣�</span></p>
+ <p>鍖椾含甯堣寖澶у鍒樼劚鏁欐巿瀵瑰紬娲涗紛寰枫�佸焹閲屽厠妫殑浜烘牸鍙戝睍闃舵杩涜浜嗗姣旓紝濡傝〃1-1鎵�绀恒��</p>
+ <p class="img">琛�1-1 寮楁礇浼婂痉涓庡焹閲屽厠妫殑浜烘牸鍙戝睍闃舵鐨勫姣�</p>
+ <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0024-1.jpg" />
+ </p>
+ <p>璧勬枡鏉ユ簮锛氬垬鐒憋紝銆婂効绔ユ父鎴忛�氳銆嬶紝109椤碉紝绂忓窞锛岀寤轰汉姘戝嚭鐗堢ぞ锛�2015銆�</p>
+ </div>
+ <p>鍎跨鍦ㄦ父鎴忎腑鎵�鎵紨鐨勮鑹蹭竴鐩存槸绮剧鍒嗘瀽瀛︽淳蹇冪悊瀛﹀鎰熷叴瓒ｇ殑闂銆備僵鍕掑湪绯荤粺鍒嗘瀽鍎跨鍦ㄦ父鎴忎腑缁忓父鎵紨鐨勮鑹蹭互鍙婃敮閰嶈繖绉嶈鑹叉壆婕旂殑鍔ㄦ満鐨勫熀纭�涓婂彂灞曚簡寮楁礇浼婂痉鐨勬�濇兂銆備僵鍕掕涓猴紝鍎跨鐨勮澶氭父鎴忚儗鍚庨殣钘忕潃娣卞埢鐨勬儏缁師鍥狅紝鍎跨瀵逛簬瑙掕壊鐨勯�夋嫨寰�寰�鍩轰簬浠栦滑瀵逛簬鏌愪釜浜虹殑鎰熸儏锛涗粬浠笇鏈涢�氳繃妯′豢閭ｄ簺鍙椾汉鐖辨埓銆佸皧鏁殑浜猴紝浠ユ弧瓒冲唴蹇冨拰鎴愪汉涓�鏍风殑鎰挎湜銆傛澶栵紝鍎跨杩樻効鎰忔壆婕斿叾浠栬韩浠借鑹诧紝浠ユ弧瓒充粬浠兘澶熷湪瀹夊叏鐨勬皵姘涗腑鍋氬钩鏃朵笉鑳藉仛鐨勪簨鎴栬�呮帺楗拌嚜宸辩殑閿欒鍜岃繃澶便�備僵鍕掕繕姒傛嫭浜嗗効绔ヨ鑹叉父鎴忕殑涔濈鍏稿瀷妯″紡锛屽垎鏋愪簡鎹夎糠钘忔父鎴忓拰鎿嶄綔鎬ф父鎴忎骇鐢熺殑鍘熷洜銆備粬浠庡効绔ュ拰姣嶄翰鍏崇郴鍙戝睍鐨勮搴﹁�冨療浜嗗効绔ョ殑娓告垙缁撴瀯鐨勫彂灞曞彉鍖栥�傚湪涓嶅悓鐨勯樁娈碉紝鐭涚浘鍐茬獊涓嶄竴鏍凤紝娓告垙鍐呭涔熶笉涓�鏍枫��
+ </p>
+ <p>钂欏凹鏍间粠娑堟瀬鐨勨�滃娉勨�濇柟闈㈠彂灞曚簡寮楁礇浼婂痉鐨勬�濇兂銆備粬璁や负浜虹敓鏉ュ氨鏈変竴绉嶆敾鍑绘�у�惧悜锛岃繖绉嶅�惧悜濡傛灉寰椾笉鍒板娉勫氨浼氬舰鎴愮梾鐥囷紱濡傛灉鎻愪緵涓�绉嶅悎娉曠殑閫斿緞浣胯繖绉嶆敾鍑绘�ч┍鍔涗互瀵逛粬浜烘棤瀹崇殑鏂瑰紡寰楀埌閲婃斁锛屽氨鍙互鍑忚交杩欑椹卞姏鑰屼笉褰㈡垚鐥呯棁锛涙父鎴忔鏄繖鏍蜂竴绉嶅悎娉曠殑銆佷负绀句細鎵�鍏佽鐨勯�斿緞銆傝挋灏兼牸鐩镐俊锛屾父鎴忓叿鏈夐潪瀹炵敤鎬х殑灞炴�э紝鍏堕噸瑕佺殑浠峰�兼槸涓洪噴鏀捐鎶戝埗鐨勬敾鍑绘�ф彁渚涗簡鏈轰細銆傝挋鏍煎凹鍏充簬娓告垙鐨勮鐐逛笉浠呭皢浼犵粺鐨勫娉勭悊璁烘帹鍚戜簡鏋佺锛岃�屼笖涓烘毚鍔涜涓虹殑鍚堢悊鎬ф彁渚涗簡渚濇嵁銆�
+ </p>
+ <p>绮剧鍒嗘瀽瀛︽淳鍙戠浜庡尰瀛︼紝鍥犺�岃繖涓�瀛︽淳鍏充簬娓告垙鐨勭悊璁哄甫鏈夋槑鏄剧殑涓村簥璇婃柇鐨勮壊褰┿�傚畠娉ㄩ噸鍚勭涓嶅悓鐨勩�佸効绔ヤ釜浜虹殑娓告垙锛屽洜鑰岄渶瑕佸湪鍓嶆湡瀵硅璇曡繘琛屾儏鍐垫懜搴曘�傝繖灏嗛渶瑕佽�楄垂澶ч噺鏃堕棿銆傛澶栵紝鐮旂┒鑰呯殑涓昏鎬濇兂寰堥毦鍦ㄧ爺绌朵腑鈥滄牴闄も�濓紝鍑虹幇浜嗗悓涓�涓効绔ョ殑娓告垙鍙兘鍦ㄤ笉鍚岀殑绮剧鍒嗘瀽瀛﹀閭ｉ噷寰楀埌涓嶅悓鐨勮В閲婄殑鐜拌薄銆傚敖绠″姝わ紝绮剧鍒嗘瀽瀛︽淳鐨勬父鎴忕悊璁鸿浜轰滑鐪嬪埌浜嗘暣涓殑鏈夌潃鑷繁鐨勬儏缁儏鎰熴�侀渶瑕佸拰鍔ㄦ満鐨勬椿鐢熺敓鐨勫効绔ワ紝寮曞浜轰滑閲嶈鍎跨鐨勬父鎴忓拰鍎跨鐨勬棭鏈熺粡楠岋紝鎰忚瘑鍒版父鎴忕殑閲嶈鎬с�傚畠瀵规垜浠幇鍦ㄧ殑鏁欒偛鏈夎澶氬惎绀猴細娓告垙鏄簡瑙ｆ瘡涓効绔ョ殑鐙壒鎬х殑閫斿緞锛涙父鎴忚兘澶熷府鍔╁効绔ヤ範寰楀簲瀵瑰嵄鏈虹殑鎶�鑳斤紱娓告垙鑳藉甯姪鍎跨鐤忓涓嶈壇鎯呯华锛涙父鎴忔槸鍎跨鍙戝睍鑷垜鍜屾瀯寤轰汉鏍肩殑閲嶈鏂瑰紡銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 13椤� -->
+ <div class="page-box" page="20">
+ <div v-if="showPageList.indexOf(20) > -1">
+ <ul class="fl al-c jc-fe pad-t-55 mb-45">
+ <li class="headerText-bc">瀛︿範妯″潡涓�</li>
+ <li class="headerText">濠村効娓告垙姒傝堪</li>
+ <li class="headerNumber">13</li>
+ </ul>
+ <div class="bodystyle">
+ <h3 id="c009">鍏�佽鐭ュ彂灞曞娲剧殑娓告垙鐞嗚</h3>
+ <p>鐟炲＋鍎跨蹇冪悊瀛﹀鐨簹鏉版槸璁ょ煡鍙戝睍鐞嗚鐨勫垱濮嬩汉锛屼粬浠庡効绔ヨ鐭ュ彂灞曠殑瑙掑害鏉ヨ�冨療鍎跨鐨勬父鎴忋�傚湪浠栫湅鏉ワ紝鍎跨鐨勬父鎴忔槸鏅哄姏娲诲姩鐨勪竴涓柟闈紝姝ｅ鎯宠薄涓庢�濈淮鐨勫叧绯讳竴鏍枫��</p>
+ <p>鐨簹鏉拌涓猴紝浠庤鐭ユ椿鍔ㄧ殑鏈川鏉ョ湅锛屾父鎴忕殑瀹炶川鏄悓鍖栬秴杩囦簡椤哄簲锛屽嵆鍎跨鐨勬父鎴忔槸涓讳綋涓烘弧瓒宠嚜鎴戠殑闇�瑕佷笌甯屾湜鎰挎湜杞彉鎴愮幇瀹炶�岃緝灏戣�冭檻浜嬬墿鐨勫瑙傜壒寰佺殑娲诲姩銆傛父鎴忕殑涓昏鍔熻兘鍦ㄤ簬瀵规柊鐨勫績鐞嗘満鑳界殑缁冧範锛屽嵆姣忓綋璁ょ煡娲诲姩鍙戝睍鍒颁竴涓柊鐨勬按骞虫椂锛屽畠鐨勬満鑳芥渶鍒濇槸涓嶆垚鐔熺殑锛岄�氳繃娓告垙鎴栫粌涔犲彲浠ヤ娇瀹冩垚鐔熻捣鏉ャ��
+ </p>
+ <p>鐨簹鏉颁笉浠呯敤鎻忚堪璁ょ煡鍙戝睍鐨勬湳璇В閲婁簡娓告垙鐨勬�ц川锛岃�屼笖寮鸿皟浜嗘父鎴忕殑鍙戠敓銆佸彂灞曞鍎跨璁ょ煡鍙戝睍姘村钩鐨勫弽鏄犮�傛湁浠�涔堟牱鐨勮鐭ュ彂灞曟按骞冲氨鏈変粈涔堢被鍨嬬殑娓告垙鍑虹幇锛屽琛�1-2鎵�绀恒��</p>
+ <div class="video-box">
+ <p class="center text">
+ <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.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+ <img :src="collectResourceList.findIndex(item => item.id == '88b0102270455fb73013b867da27ce57') > -1 ? collectCheck : collectImg"
+ alt="" class="collect-btn" @click="handleCollect('video-06')" />
+ </el-tooltip>
+ </p>
+ </div>
+ <p class="img">琛�1-2 鐨簹鏉扮殑娓告垙鍙戝睍闃舵</p>
+ <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0025-2.jpg" /></p>
+ <p>鏈夊叧鍎跨娓告垙鐨勫彂鐢熴�佸彂灞曪紝鐨簹鏉拌涓猴紝娓告垙涓嶆槸鍎跨涓庣敓淇辨潵鐨勩�佷笉涔犺�岃兘鐨勬湰鑳斤紝鑰屾槸闅忕潃鍎跨鐨勮鐭ュ彂灞曢�愭笎鍙戠敓銆佸彂灞曡捣鏉ョ殑銆傚湪鏂扮敓鍎挎湡锛屾棦娌℃湁娓告垙锛屼篃娌℃湁妯′豢锛涘湪2锝�4涓湀锛岄殢鐫�鍔ㄤ綔鐨勨�滃惊鐜弽搴斺�濈幇璞″彂鐢燂紝鍑虹幇浜嗘父鎴忥紱鍒�12锝�18涓湀锛屾父鎴忓紑濮嬫湁鎵�鍙樺寲锛屼笉鍐嶆槸鍎跨鍘熸牱閲嶅杩囧幓宸插仛杩囩殑浜嬫儏锛岃�屾槸鍎跨寮�濮嬭兘澶熸妸涓�浜涘師鍏堜簰涓嶇浉鍏崇殑鍔ㄤ綔缁勫悎璧锋潵鏋勬垚鏂扮殑娲诲姩浠モ�滃ū涔愨�濊嚜宸憋紱鍦�18锝�24涓湀锛屾父鎴忓紑濮嬪彂鐢熻川鐨勫彉鍖栵紝鍑虹幇浜嗚薄寰佹�у浘寮忋�傝薄寰佹�ф父鎴忕殑鍑虹幇涔熸爣蹇楃潃鎬濈淮鐨勫嚭鐜般��
+ </p>
+ <p>2宀佷互鍚庯紝璞″緛鎬ф父鎴忓ぇ閲忓嚭鐜板苟鎴愪负涓昏銆傚効绔ラ�氳繃璞″緛鎬ф浛浠ｅ幓婊¤冻鑷韩鐨勬儏鎰熼渶瑕併�傚绉嶅鏍风殑璞″緛鎬у浘寮忔垨鏉ユ簮鍎跨鑷韩鐨勫姩浣滐紝鎴栬�呮潵婧愪簬瀵逛粬浜烘垨浠栫墿鍔ㄤ綔鐨勬ā浠裤��</p>
+ <p>鐨簹鏉扮殑娓告垙鐞嗚寮�鎷撲簡浠庡効绔ヨ鐭ュ彂灞曠殑瑙掑害鑰冨療鍎跨娓告垙鐨勬柊閫斿緞锛屽湪姝ゅ熀纭�涓婂紩鍙戜竴绯诲垪鍏充簬娓告垙涓庤鐭ュ彂灞曠殑瀹炶瘉鐮旂┒锛屾瀬澶у湴涓板瘜浜嗕汉浠鍎跨娓告垙鐨勮鐭ュ彂灞曚环鍊肩殑璁よ瘑銆備絾鐨簹鏉扮殑鐮旂┒鍙槸璇曞浘浠庢父鎴忚繖涓�渚ч潰璇存槑鍎跨璁ょ煡鍙戝睍鐨勭壒寰侊紝鍥犳浠栧彧鍏虫敞鍒颁簡娓告垙鐨勮鐭ヤ环鍊硷紝鏈厖鍒嗘寲鎺樻父鎴忕殑鍏朵粬浠峰�笺�傚畠瀵规暀鑲茬殑鍚ず鏄紝鍦ㄧ悊瑙ｅ拰灏婇噸鍎跨鐨勮璇嗗彂灞曡寰嬩笂锛屾洿閲嶈鍙戞尌娓告垙鐨勪綔鐢紝骞堕�氳繃鏈夋晥鐨勬寚瀵间績杩涘効绔ヨ幏寰楁洿濂界殑鍙戝睍銆�
+ </p>
+ <div class="bk2">
+ <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
+ <p class="center"><span class="ls2">2019骞撮珮绾ц偛濠村笀鐞嗚鐭ヨ瘑鑰冭瘯鐪熼</span></p>
+ <p>锛堝崟閫夐锛夋垜浠簲璇ユ姄浣忓┐骞煎効鎰熸儏鍩瑰吇鐨勶紙銆�銆�锛夛紝閫氳繃鏈夐拡瀵规�х殑娲诲姩涓庢父鎴忔縺鍙戝叾鍏磋叮銆�</p>
+ <p>A.鏈轰細</p>
+ <p>B.鏃舵満</p>
+ <p>C.鏁忔劅鏈�</p>
+ <p>D.鏃舵湡</p>
+ <p>鍙傝�冪瓟妗堬細C銆�</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 14椤� -->
+ <div class="page-box" page="21">
+ <div v-if="showPageList.indexOf(21) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">
+ <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+ <span>14</span>
+ </li>
+ <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+ </ul>
+ <div class="bodystyle">
+ <h3 id="c010">涓冦�佸叾浠栨父鎴忕悊璁�</h3>
+ <p>闄や簡涓婅堪鐞嗚娴佹淳鐨勬父鎴忚鐐瑰锛岃繕鏈夊叾浠栨父鎴忕悊璁哄濠村辜鍎挎父鎴忕殑鐮旂┒鏈夐噸瑕佺殑鍊熼壌浠峰�笺��</p>
+ <h4 id="d009">锛堜竴锛夌ぞ浼氭枃鍖栧巻鍙插娲剧殑娓告垙鐞嗚</h4>
+ <p>绀句細鏂囧寲鍘嗗彶瀛︽淳鏄互缁存灉鑼ㄥ熀銆佸垪鏄傛嵎澶拰椴佸埄浜氫负浠ｈ〃鐨勫績鐞嗗娲俱�備粬浠湪璁鸿堪娓告垙鏃讹紝璁や负鍎跨娓告垙涓嶄粎鏈夌敓鐗╁璧锋簮锛岃繕鏈夌ぞ浼氭枃鍖栧巻鍙茶捣婧愶紱浠栦滑寮鸿皟娓告垙鏄鍓嶆湡鐨勪富瀵兼椿鍔紝鏄湪鍎跨涓庢垚浜虹殑浜ゅ線涓�佸湪鎴愪汉鐨勬暀鑲蹭笌褰卞搷涓嬨�佸湪涓庢垚浜轰箣闂寸殑鍏崇郴鍙戠敓鏀瑰彉鐨勬儏鍐典笅閫愭笎鍙戠敓銆佸彂灞曠殑銆�
+ </p>
+ <p>缁存灉鑼ㄥ熀寮鸿皟褰撳湪鍙戝睍杩囩▼涓嚭鐜颁簡澶ч噺鐨勩�佽秴鍑哄効绔ュ疄闄呰兘鍔涚殑銆佷笉鑳界珛鍗冲疄鐜扮殑鎰挎湜鐨勬椂鍊欙紝灏卞彂鐢熶簡娓告垙銆�3宀佸墠鐨勫効绔ュ吀鍨嬬殑琛屼负鏂瑰紡灏辨槸鈥滅珛鍗虫弧瓒斥�濓紝鍗虫兂瑕佺殑涓滆タ灏卞繀椤婚┈涓婂緱鍒板畠锛涘彈鎰挎湜鐨勯┍浣匡紝鍎跨閫氳繃娓告垙婊¤冻鑷繁鐨勫唴蹇冮渶姹傘�備粬杩樻彁鍒颁簡娓告垙娲诲姩鐨勭壒鐐规槸鍎跨鍦ㄦ父鎴忎腑鍒涢�犱簡涓�绉嶁�滄兂璞＄殑鎯呭鈥濓紝琛ㄧ幇涓哄効绔ョ敤涓�涓笢瑗挎潵浠ｆ浛鍙︿竴涓笢瑗匡紝浠ヤ竴绉嶇畝缂╃殑鏂瑰紡鍐嶇幇鐪熷疄鐨勭敓娲绘儏澧冦�傛澶栵紝缁存灉鑼ㄥ熀楂樺害璇勪环娓告垙鍦ㄥ効绔ュ彂灞曞挨鍏舵槸楂樼骇蹇冪悊鏈鸿兘鍙戝睍涓殑浣滅敤锛岃涓烘父鎴忔槸鍎跨鍙戝睍鐨勫熀鏈簮娉夛紝娓告垙鍙互鍒涢�犲効绔ョ殑鈥滄渶杩戝彂灞曞尯鈥濄��
+ </p>
+ <div class="img-float w150">
+ <div class="bk">
+ <div class="bk1">
+ <p class="td-0"><img class="rwmb-4 img-c" alt="" src="../../assets/images/gjsy.png" />
+ </p>
+ </div>
+ <p><span class="ls2">鏈�杩戝彂灞曞尯锛�</span>
+ 鍎跨鐨勫彂灞曟湁涓ょ姘村钩銆備竴绉嶆槸鍎跨鐨勭幇鏈夋按骞筹紝鎸囩嫭绔嬫椿鍔ㄦ椂鎵�鑳借揪鍒扮殑瑙ｅ喅闂鐨勬按骞筹紱鍙︿竴绉嶆槸鍎跨鍙兘鐨勫彂灞曟按骞筹紝涔熷氨鏄湪鎴愪汉鐨勫府鍔╀笅鎵�鑳借幏寰楃殑娼滃姏銆備袱鑰呬箣闂寸殑宸紓灏辨槸鏈�杩戝彂灞曞尯銆�
+ </p>
+ </div>
+ </div>
+ <span>
+ <p>缁存灉鑼ㄥ熀鐨勬父鎴忕悊璁哄瀹氫簡绀句細鏂囧寲鍘嗗彶瀛︽淳娓告垙鐞嗚鐨勫熀鐭炽�傝瀛︽淳鐨勬父鎴忕悊璁哄彧鐮旂┒鍎跨鐨勬父鎴忥紝涓嶇爺绌跺姩鐗╃殑娓告垙锛涗笖鐮旂┒鐨勯噸鐐瑰湪浜�3宀佷互鍚庣殑涓婚瑙掕壊娓告垙锛屽苟涓旈潪甯稿己璋冩垚浜哄鍎跨娓告垙鐨勬寚瀵煎拰骞查銆備篃姝ｅ洜涓哄畠瀵规垚浜轰綔鐢ㄧ殑杩囧垎寮鸿皟锛屾暀鑲插疄璺典腑鍑虹幇浜嗘暀甯堝婕斾笌鎸囨尌鍎跨娓告垙锛屾垨鑰呮寜鐓ф垚浜虹殑鎯虫硶璁╁効绔ユ父鎴忕殑鎯呭喌銆備絾瀹冩墍鎻愬埌鐨勪竴浜涜鐐瑰鐜板湪鐨勬暀鑲蹭粛鐒舵湁鐜板疄浠峰�硷細闈㈠涓嶅悓骞撮緞娈电殑鍎跨锛屾垚浜哄簲褰撴壆婕斾笉鍚岀殑瑙掕壊浠ュ弬涓庡効绔ョ殑娓告垙銆�
+ </p>
+ <h4 id="d010">锛堜簩锛夋父鎴忕殑鍞ら啋鐞嗚</h4>
+ <p>鍞ら啋鐞嗚涔熷彲浠ヨ绉颁负鍐呴┍鍔涚悊璁猴紝浠ｈ〃浜虹墿鏄集鑾辨仼銆佸搱鐗广�佸焹鍒╂柉銆傝鐞嗚涓昏璇曞浘瑙ｉ噴娓告垙鐨勭敓鐞嗘満鍒躲�傚湪浠栦滑鐪嬫潵锛屼汉鍜屽姩鐗╃殑涓�鍒囪涓洪兘鐩存帴鎴栭棿鎺ュ湴鎸囧悜婊¤冻浜嬬墿闇�姹傘�佽В闄ょ棝鑻︾瓑鍩烘湰鐨勭敓鐗╅渶瑕侊紝鎸囧悜闄嶄綆鎴栭噴鏀剧敱杩欎簺鐢熺墿闇�瑕佸紩璧风殑鍐呴┍鍔涖�備絾鏈轰綋骞朵笉浠呮湁椋熺墿銆佺潯鐪犵瓑鍘熷鍐呴┍鍔涳紝杩樻湁鎺㈢┒銆侀渶姹傚埡婵�鍜岀悊瑙ｇ瓑闈炵敓鐗╂�с�佽鐭ョ殑闇�瑕併�傚湪澶栫晫鍒烘縺鐨勪綔鐢ㄤ笅锛岃繖浜涜鐭ラ渶瑕佸彲寮曡捣娲诲姩鍐呴┍鍔涖�佹帰绌跺唴椹卞姏锛岃�屾父鎴忔鏄绫婚┍鍔涗綔鐢ㄧ殑浜х墿銆�
+ </p>
+ </span>
+ <div class="video-box">
+ <p class="center text">
+ <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.isCollectVideo06 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+ <img :src="collectResourceList.findIndex(item => item.id == '4f1f70e849911a2a90ce4df6b08fd3cc') > -1 ? collectCheck : collectImg"
+ alt="" class="collect-btn" @click="handleCollect('video-07')" />
+ </el-tooltip>
+ </p>
+ </div>
+ <p>鈥滃敜閱掆�濇槸娓告垙鐨勫敜閱掔悊璁虹殑鏍稿績姒傚康銆傛満浣撳湪涓嶅悓鐨勫埡婵�姘村钩涓嬩細琛ㄧ幇鍑轰笉鍚岀殑鐘舵�侊紝鏈轰綋瀛樺湪涓�绉嶅钩琛℃満鍒剁敤鏉ヨ皟鑺傚敜閱掓按骞冲拰椹卞姏鐘舵�併�傚綋澶栫晫鍒烘縺浣滅敤浜庢満浣撴椂锛屾満浣撲細鍏堢粡杩囧垎鏋愶紝纭鍒烘縺鐨勬�ц川銆傝嫢鏄幆澧冨埡婵�杈冩柊寮傦紝鏈轰綋浼氬洜涓昏涓婄殑璁ょ煡涓嶇‘瀹氭�ц�屽鑷村敜閱掓按骞崇殑鎻愬崌锛屼粠鑰屽彲鑳芥劅鍒扮揣寮犲拰鐒﹁檻锛岄偅涔堜负缁存寔鏈轰綋骞宠 锛屽氨浼氭兂鏂硅娉曚娇鍞ら啋杈惧埌鏈�浣虫按骞炽�傝嫢鏄幆澧冨埡婵�杈冧负鍗曡皟銆佽传涔忥紝鏈轰綋浼氭劅鍒板帉鐑︺�佺柌鍔筹紝鍞ら啋灏变細浣庝簬鏈�浣虫按骞炽�傚湪鏈轰綋骞宠 鏈哄埗鐨勪綔鐢ㄤ笅锛屾満浣撲細鍘讳富鍔ㄢ�滃姹傚埡婵�鈥濅互浣垮敜閱掍粠浣庣姸鎬佸洖鍒版渶浣炽�傚湪缂轰箯鍒烘縺銆佸敜閱掓按骞充綆涓嬬殑鎯呭喌涓嬶紝鍙戠敓鐨勫鏄鏍锋�ф帰绌躲�傛父鎴忕殑浣滅敤灏卞湪浜庡鎵惧埡婵�銆侀伩鍏嶅帉鐑︾瓑涓嶈壇鐨勫敜閱掔姸鎬侊紝鎻愰珮鍞ら啋姘村钩銆�
+ </p>
+ <p>閫氬父鑰岃█锛屾父鎴忔槸鍦ㄥ敜閱掑浜庝腑绛夋按骞充笂鍙戠敓鐨勶紝瀹冨彈鐜鍒烘縺鐨勫奖鍝嶅拰鍒剁害銆傝嫢鐜涓嚭鐜扮殑鏄柊寮傚埡婵�锛屽効绔ヤ細鏇村琛ㄧ幇鍑烘帰绌惰涓猴紱鑻ユ槸鐔熸倝鐨勭幆澧冿紝鍎跨浼氶�氳繃澶氭牱鍖栫殑鎺㈢储琛ㄧ幇鍑烘父鎴忚涓恒��</p>
+ <p>鏍规嵁鍞ら啋鐞嗚鎴戜滑鍙互寰楃煡锛屽埡婵�缁濅笉鏄秺澶氳秺濂斤紝杩囧杩囧皯閮戒細瀵瑰効绔ユ湁涓嶅埄鐨勫奖鍝嶃�傜Н鏋佺殑娓告垙琛屼负鐨勫紩瀵煎簲璇ュ府鍔╃淮鎸佸効绔ョ殑鍞ら啋澶勪簬涓瓑姘村钩銆傛澶栵紝璇ョ悊璁烘弿杩颁簡鏈轰綋涓嶅悓鎬ц川鐨勮涓轰笌涓嶅悓鎬ц川鐨勭幆澧冨埡婵�涔嬮棿鐨勭浉浜掑埗绾﹀叧绯伙紝鎻ず浜嗙幆澧冧笌浜虹殑琛屼负涔嬮棿鐨勪氦浜掍綔鐢紝杩涜�屽惎绀烘暀鑲茶�呭簲璇ラ噸瑙嗗辜鍎垮洯鐜鐨勫悎鐞嗙粍缁囷紱鍚屾牱瀵逛簬鎸囧寮�灞曟柊鐢熷叆鍥殑閫傚簲宸ヤ綔涔熸湁涓�瀹氱殑鎰忎箟銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- 15椤� -->
+ <div class="page-box" page="22">
+ <div v-if="showPageList.indexOf(22) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">
+ <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+ <span>15</span>
+ </li>
+ <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+ </ul>
+ <div class="bodystyle">
+ <div class="img-rights w115">
+ <div class="bk">
+ <div class="bk1">
+ <p><img class="rwmb-3 img-b" alt="" src="../../assets/images/xyx.png" /></p>
+ </div>
+ <p>濡備綍甯姪缁存寔鍎跨鐨勫敜閱掑浜庝腑绛夋按骞筹紵</p>
+ <textarea v-model="questionData.unitOne.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="max-width: 90%; min-width: 90%;" class="fz-16 textarea-main"
+ @change="setQuestionData"></textarea>
+ </div>
+ </div>
+ <span>
+ <h4 id="d011">锛堜笁锛夋父鎴忕殑鍏冧氦闄呯悊璁�</h4>
+ <p>娓告垙鐨勫厓浜ら檯鐞嗚灏嗘父鎴忕湅浣滀竴绉嶆剰璇嗕笌淇℃伅鐨勬剰涔変氦娴佸拰鐞嗚В杩囩▼銆備綔涓轰竴绉嶅厓浜ら檯娲诲姩锛屾父鎴忔湰韬槸鏈変环鍊肩殑锛屾父鎴忔槸鍎跨杩涘叆浜虹被鐨勬枃鍖栧拰琛ㄥ緛涓栫晫鐨勪竴绉嶅繀闇�鐨勬妧鑳藉拰閲嶈閫斿緞銆�</p>
+ <p>鍏冧氦闄呮槸璇ョ悊璁虹殑鏍稿績姒傚康锛屾寚鐨勬槸浜ら檯鐨勨�滀氦闄呪�濓紝鏄殣钘忓湪鏄炬�х殑鎴栧鍦ㄧ殑浜ら檯鍚庨潰鐨勨�滀氦闄呪�濓紝瀹為檯涓婃槸涓�绉嶆娊璞＄殑浜ら檯銆傛瘮濡傝瀹汉鍦ㄧ瓑灏忎紮璁′笂闈㈡椂锛岀湅鍒板皬浼欒榛戦粦鐨勬寚鐢叉蹈鍦ㄩ潰姹ら噷锛屼簬鏄浜嗕竴鍙ワ細鈥滀綘鐨勬寚鐢查兘娉″湪姹ら噷浜嗭紒鈥濆皬浼欒涓�绗戯紝璇达細鈥滄病鍏崇郴锛佹垜涓嶆�曠儷锛佲�濆緢鏄剧劧杩欐槸涓�娆″け璐ョ殑浜ゆ祦銆傚浜虹殑鎰忔�濇槸琛ㄨ揪涓嶆弧鍜屽椋熷搧瀹夊叏鐨勬��鐤戯紝鑰岄潪灏忎紮璁＄悊瑙ｇ殑鈥滃叧蹇冣�濓紱濡傛灉淇℃伅浜ゆ祦鐨勫弻鏂规棤娉曞噯纭悊瑙ｅ厓浜ら檯鎵�浼犻�掔殑淇℃伅锛屽氨浼氫娇浜ら檯杩囩▼闃绘柇锛屼骇鐢熸剰涔夌悊瑙ｄ笂鐨勫垎姝с�傚厓浜ら檯鑳藉姏鏄竴绉嶉潪甯搁噸瑕佺殑绀句細浜ゅ線鑳藉姏锛屾槸涓�绉嶅氨鍐呴殣鐨勪氦闄呮墍浼犺揪鐨勪俊鎭繘琛屾剰涔夋矡閫氱殑鑳藉姏銆傜己涔忚繖绉嶈兘鍔涳紝灏辨棤娉曡儨浠荤ぞ浼氭�т氦寰�娲诲姩銆�
+ </p>
+ </span>
+ <p>鏈�鏃╂妸娓告垙涓庡厓浜ら檯鑱旂郴鍦ㄤ竴璧疯В閲婃父鎴忎綔涓轰竴绉嶅厓浜ら檯鐨勬繁鍒绘剰涔夌殑鏄汉绫诲瀹惰礉鐗规．銆備粬鍦ㄥ姩鐗╃殑娓告垙涓彂鐜帮紝娓告垙涓殑璁稿鍔ㄤ綔濡傛灉鏄彂鐢熷湪瀹為檯鐢熸椿涓紝灏嗕細寮曡捣涓ラ噸鐨勫悗鏋滐紝浣嗘槸鍥犱负鍙戠敓鍦ㄦ父鎴忎腑锛屾墍浠ュ氨涓嶈褰撳洖浜嬨�傜敱姝わ紝浠栨彁鍑猴紝鎵�鏈夌殑鍔ㄧ墿鍦ㄦ父鎴忔椂锛岄兘浼氬彂鍑烘煇绉嶉�傚簲鎬х殑淇″彿浠ヤ娇浼欎即鐭ラ亾鎵�鍙戠敓鐨勫姩浣滅殑鐩殑鏄粈涔堬紝鏄湡鐨勮繕鏄亣瑁呯殑銆傛父鎴忔椿鍔ㄤ互鍏冧氦闄呰繃绋嬩负鍩虹锛屾父鎴忔椿鍔ㄧ殑寮�灞曢渶瑕佷互娓告垙鍙屾柟鑳藉璇嗗埆瀵规柟鐨勬父鎴忔剰鍥句负鍓嶆彁锛屾父鎴忔椿鍔ㄥ叿鏈夐�傚簲鐨勬妧鑳藉拰鎰忎箟銆�
+ </p>
+ <p>鍎跨鍏冧氦闄呰兘鍔涚殑鍙戝睍绂讳笉寮�鎴愪汉鐨勬敮鎸併�傚厓浜ら檯鑳藉姏鏄湪涓庢垚浜虹敓娲绘父鎴忕殑鐩镐簰浣滅敤鐨勮繃绋嬩腑閫愭涔犲緱鐨勶紝鏈�鏃╄悓鍙戜簬姣嶅┐娓告垙涓�傛父鎴忎綔涓哄厓浜ら檯涔熸槸涓�绉嶉噸瑕佺殑瀛︿範鏂瑰紡锛屽彲浠ラ敾鐐煎効绔ユ帉鎻′汉绫绘枃鍖栫粡楠岀郴缁熸墍蹇呴渶鐨勫厓浜ら檯鑳藉姏銆�
+ </p>
+ <p>杩囧幓锛屼汉浠父鎶婃父鎴忕湅浣滃彂灞曠殑鍏朵粬杈呭姪鎵嬫銆傝�屾父鎴忕殑鍏冧氦闄呯悊璁烘墦鐮翠簡杩欎竴浼犵粺瑙傚康锛屾彁鍑烘父鎴忔湰韬氨鏄湁浠峰�肩殑锛屽畠涓嶄粎鍦ㄤ氦闄呭拰鏂囨槑鐨勮繘鍖栦腑璧疯繃閲嶈鐨勪綔鐢紝鑰屼笖鏈韩灏辨槸杩涘叆浜虹被鐨勬枃鍖栧拰琛ㄥ緛涓栫晫鐨勪竴绉嶉噸瑕侀�斿緞銆傝繖浜涜鐐归兘灏嗗紩瀵间汉浠洿鍏ㄩ潰鍦拌璇嗗┐骞煎効鐨勬父鎴忋��
+ </p>
+ <p>鍚勭鍚勬牱鐨勬父鎴忚鐐硅櫧鐒朵笉灏界浉鍚岋紝浣嗗畠浠兘鏄墠浜哄疂璐电殑鎺㈢储缁忛獙锛屼篃淇冭繘浜嗘垜浠濠村辜鍎挎父鎴忕殑鐞嗚В銆傛棤璁哄湪鍝竴涓椂浠ｏ紝娓告垙濮嬬粓閮芥槸閲嶈鐨勪换鍔★紝鏄┐骞煎効鍦ㄥ彂灞曚箣璺笂涓嶅彲鎴栫己鐨勬垚闀挎椿鍔ㄣ��</p>
+ <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
+ <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(0, 3)" :key="index">
+ <li>
+ {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
+ </li>
+ <li v-for="(citem, cindex) in item.option" :key="cindex">
+ <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+ :value="citem.value" v-model="item.userAnswer" @change="saveUnitOne" />
+ {{ citem.value }} . {{ citem.txt }}
+ </li>
+ <li v-if="unitQuestionOne.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
+ <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+ <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+ item.userAnswer
+ }}</span>
+ <span class="icon-box-big fl al-c">
+ <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <!-- 16椤� -->
+ <div class="page-box" page="23">
+ <div v-if="showPageList.indexOf(23) > -1">
+ <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+ <li class="header-left-Number">
+ <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+ <span>16</span>
+ </li>
+ <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
+ </ul>
+ <div class="bodystyle">
+ <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(3, 5)" :key="index">
+ <li>
+ {{ index + 4 }}.锛堝崟閫夛級{{ item.txt }}銆�
+ </li>
+ <li v-for="(citem, cindex) in item.option" :key="cindex">
+ <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+ :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
+ {{ citem.value }} . {{ citem.txt }}
+ </li>
+ <li v-if="unitQuestionOne.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
+ <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+ <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+ item.userAnswer
+ }}</span>
+ <span class="icon-box-big fl al-c">
+ <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </li>
+ </ul>
+ <ul v-for="(item, index) in unitQuestionOne.unitTwoChoice" :key="index">
+ <li>
+ {{ index + 6 }}.锛堝閫夛級{{ item.txt }}銆�
+ </li>
+ <li v-for="(citem, cindex) in item.option" :key="cindex">
+ <input type="checkbox" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+ :value="citem.value" v-model="item.userAnswer" @change="saveUnitTwo" />
+ {{ citem.value }} . {{ citem.txt }}
+ </li>
+ <li v-if="unitQuestionOne.isComplete" class="event-header-text-bc pd-5 fl jc-sa">
+ <span class="c-g"> 绛旀锛�<span v-for="(answer, index) in item.answer"
+ :key="'answer-' + index">{{ answer }}銆�</span></span>
+
+ <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
+ v-for="(userAnswer, index) in item.userAnswer" :key="'userAnswer-' + index">{{
+ userAnswer }}銆�</span></span>
+ <span class="icon-box-big fl al-c">
+ <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </li>
+ </ul>
+ <p>8.绠�杩扮毊浜氭澃娓告垙鐞嗚瀵规父鎴忔湰璐ㄧ殑鐞嗚В鍙婂叾灞�闄愭�с��</p>
+ <textarea v-model="unitQuestionOne.textOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
+ @change="saveUnitTwo"></textarea>
+ <p>9.缁撳悎褰撲笅濠村辜鍎挎父鎴忓彂灞曪紝璋堣皥娓告垙鐞嗚瀵瑰┐骞煎効娓告垙寮�灞曠殑鍚ず銆�</p>
+ <textarea v-model="unitQuestionOne.textTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="max-width: 90%; min-width: 90%; margin-left: 40px;" class="fz-16 textarea-main"
+ @change="saveUnitTwo"></textarea>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80 choice">
+ <li>
+ <button class="btn-border btn-w" @click="goUnitTwo">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeUnitTwo" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="unitQuestionOne.isComplete = !unitQuestionOne.isComplete"
+ class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import { getResourcePath } from "@/assets/methods/resources";
+import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
+export default {
+ name: "chapterOne",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ data() {
+ return {
+ collectImg: require("../../assets/images/icon/heart.png"),
+ collectCheck: require("../../assets/images/icon/heart-check.png"),
+ videoPathOne: "",
+ videoPathTwo: "",
+ videoPathThree: "",
+ videoPathFour: "",
+ videoPathFive: "",
+ collectResourceList: [],
+ chapterData: {
+ isCollectVideo: false,
+ isCollectVideo01: false,
+ isCollectVideo02: false,
+ isCollectVideo03: false,
+ isCollectVideo04: false,
+ isCollectVideo05: false,
+ isCollectVideo06: false,
+ },
+ questionData: {
+ unitOne: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ }
+ },
+ tableData: {
+ unitOne: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ }
+ },
+ unitQuestion: {
+ isComplete: false,
+ unitOne: [
+ {
+ txt: "鏂扮敓鍎跨殑瑙嗙▼澶ф鏄紙銆�銆�锛�",
+ isRight: null,
+ answer: "A",
+ userAnswer: "",
+ option: [
+ {
+ txt: "30鍘樼背",
+ value: "A"
+ },
+ {
+ txt: "20鍘樼背",
+ value: "B"
+ },
+ {
+ txt: "50鍘樼背",
+ value: "C"
+ },
+ {
+ txt: "100鍘樼背",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "涓�鑸潵璇达紝锛堛��銆�锛変釜鏈堝┐鍎胯兘澶熺炕韬�",
+ isRight: null,
+ answer: "C",
+ userAnswer: "",
+ option: [
+ {
+ txt: "7锝�9",
+ value: "A"
+ },
+ {
+ txt: "10锝�12",
+ value: "B"
+ },
+ {
+ txt: "4锝�6",
+ value: "C"
+ },
+ {
+ txt: "1锝�3",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "锛堛��銆�锛変釜鏈堝辜鍎垮紑濮嬪叧娉ㄥ浣撶殑澶栧湪灞炴��",
+ isRight: null,
+ answer: "B",
+ userAnswer: "",
+ option: [
+ {
+ txt: "18锝�24",
+ value: "A"
+ },
+ {
+ txt: "4锝�6",
+ value: "B"
+ },
+ {
+ txt: "7锝�9",
+ value: "C"
+ },
+ {
+ txt: "13锝�18",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "锛堛��銆�锛変釜鏈堝辜鍎胯繘鍏ュ吀鍨嬬殑鍙嶆姉鏈�",
+ isRight: null,
+ answer: "A",
+ userAnswer: "",
+ option: [
+ {
+ txt: "19锝�24",
+ value: "A"
+ },
+ {
+ txt: "7锝�9",
+ value: "B"
+ },
+ {
+ txt: "12锝�18",
+ value: "C"
+ },
+ {
+ txt: "1锝�3",
+ value: "D"
+ },
+ ]
+ },
+ ],
+ textOne: "",
+ textTwo: "",
+ },
+ unitQuestionOne: {
+ isComplete: false,
+ unitTwo: [
+ {
+ txt: "璁や负娓告垙鏄敤鏉ユ仮澶嶇簿鍔涚殑杞绘澗娲诲姩鐨勬父鎴忕悊璁烘槸锛堛��銆�锛�",
+ isRight: null,
+ answer: "A",
+ userAnswer: "",
+ option: [
+ {
+ txt: "鏉惧紱璇�",
+ value: "A"
+ },
+ {
+ txt: "鍓╀綑绮惧姏璇�",
+ value: "B"
+ },
+ {
+ txt: "澶嶆紨璇�",
+ value: "C"
+ },
+ {
+ txt: "鐢熸椿鍑嗗璇�",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "鎻愬嚭鐢熸椿鍑嗗璇寸殑浠ｈ〃浜虹墿鏄紙銆�銆�锛�",
+ isRight: null,
+ answer: "C",
+ userAnswer: "",
+ option: [
+ {
+ txt: "闇嶅皵",
+ value: "A"
+ },
+ {
+ txt: "鏍奸瞾鏂�",
+ value: "B"
+ },
+ {
+ txt: "缁存灉鑼ㄥ熀",
+ value: "C"
+ },
+ {
+ txt: "鐨簹鏉�",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "璁や负娓告垙鑳藉婊¤冻鍎跨鐨勬効鏈涳紝鍖栬В鍒涗激浜嬩欢閫犳垚鐨勪激瀹冲拰浣垮彈鍘嬫姂鐨勬晫鎰忓啿鍔ㄥ緱鍒板彂娉勭殑鐞嗚娴佹淳鏄紙銆�銆�锛�",
+ isRight: null,
+ answer: "B",
+ userAnswer: "",
+ option: [
+ {
+ txt: "绀句細鏂囧寲鍘嗗彶瀛︽淳",
+ value: "A"
+ },
+ {
+ txt: "绮剧鍒嗘瀽瀛︽淳",
+ value: "B"
+ },
+ {
+ txt: "璁ょ煡鍙戝睍瀛︽淳",
+ value: "C"
+ },
+ {
+ txt: "缁忓吀瀛︽淳",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "璁や负娓告垙鏄効绔ョ殑涓诲娲诲姩锛屽己璋冩垚浜轰笌鏁欒偛褰卞搷瀵瑰効绔ユ父鎴忕殑浣滅敤鐨勫娲炬槸锛堛��銆�锛�",
+ isRight: null,
+ answer: "A",
+ userAnswer: "",
+ option: [
+ {
+ txt: "绀句細鏂囧寲鍘嗗彶瀛︽淳",
+ value: "A"
+ },
+ {
+ txt: "绮剧鍒嗘瀽瀛︽淳",
+ value: "B"
+ },
+ {
+ txt: "璁ょ煡鍙戝睍瀛︽淳",
+ value: "C"
+ },
+ {
+ txt: "缁忓吀瀛︽淳",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "娓告垙鐨勫敜閱掔悊璁哄憡璇夋垜浠紝缁勭粐鍜屽垱璁炬墭骞兼満鏋勭殑鐜搴旀敞鎰忥紙銆�銆�锛�",
+ isRight: null,
+ answer: "A",
+ userAnswer: "",
+ option: [
+ {
+ txt: "鐜鍒烘縺瓒婁赴瀵岃秺鏈夊埄浜庡効绔ョ殑鍙戝睍",
+ value: "A"
+ },
+ {
+ txt: "鐜鍒烘縺瓒婂皯瓒婃湁鍒╀簬鍎跨鐨勫彂灞�",
+ value: "B"
+ },
+ {
+ txt: "鐜鍒烘縺搴旀敞鎰忛�傚綋鎬с�佸悎鐞嗘��",
+ value: "C"
+ },
+ {
+ txt: "鐜鍒烘縺涓庡効绔ュ彂灞曠殑鏃犲叧",
+ value: "D"
+ },
+ ]
+ },
+ ],
+ unitTwoChoice: [
+ {
+ txt: "浠ヤ笅娓告垙鐞嗚涓睘浜庣粡鍏告父鎴忕悊璁虹殑鏈夛紙銆�銆�锛�",
+ isRight: null,
+ answer: ["A", "B", "C"],
+ userAnswer: [],
+ option: [
+ {
+ txt: "鏉惧紱璇�",
+ value: "A"
+ },
+ {
+ txt: "娓告垙鐨勫厓浜ら檯鐞嗚",
+ value: "B"
+ },
+ {
+ txt: "澶嶆紨璇�",
+ value: "C"
+ },
+ {
+ txt: "鐢熸椿鍑嗗璇�",
+ value: "D"
+ },
+ ]
+ },
+ {
+ txt: "鎻愬嚭鐢熸椿鍑嗗璇寸殑浠ｈ〃浜虹墿鏄紙銆�銆�锛�",
+ isRight: null,
+ answer: ["A", "B", "C"],
+ userAnswer: [],
+ option: [
+ {
+ txt: "寮楁礇浼婂痉",
+ value: "A"
+ },
+ {
+ txt: "钂欏凹鏍�",
+ value: "B"
+ },
+ {
+ txt: "缁存灉鑼ㄥ熀",
+ value: "C"
+ },
+ {
+ txt: "鐨簹鏉�",
+ value: "D"
+ },
+ ]
+ },
+ ],
+ textOne: "",
+ textTwo: "",
+ }
+ }
+ },
+ async mounted() {
+ const bookQuestion = localStorage.getItem("toddleGame-book-chapter01-tableData");
+ if (bookQuestion) {
+ this.tableData = JSON.parse(bookQuestion);
+ }
+
+ const questionData = localStorage.getItem("toddleGame-book-chapter01-questionData");
+ if (questionData) {
+ this.questionData = JSON.parse(questionData);
+ }
+
+ const UnitOne = localStorage.getItem("toddleGame-book-chapter01-UnitOne");
+ if (UnitOne) {
+ this.unitQuestion = JSON.parse(UnitOne);
+ }
+
+ const unitTwo = localStorage.getItem("toddleGame-book-chapter01-UnitTwo");
+ if (unitTwo) {
+ this.unitQuestionOne = JSON.parse(unitTwo);
+ }
+
+ this.getVidoePath()
+ this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
+ },
+ methods: {
+ async getVidoePath() {
+ this.videoPathOne = await getResourcePath(
+ "dad3d3586822dfe922f40c47ba10e76f"
+ );
+ this.videoPathTwo = await getResourcePath(
+ "dcb45feb677250012c73d3a6affb7d27"
+ );
+ this.videoPathThree = await getResourcePath(
+ "2bcf6dd642394b18984d7fca4d3e8e46"
+ );
+ this.videoPathFour = await getResourcePath(
+ "647ad3aa9f427af5841fed29d3ce39b8"
+ );
+ this.videoPathFive = await getResourcePath(
+ "1b6f935a41905a24e2c7bab01e183ee9"
+ );
+ this.videoPathSix = await getResourcePath(
+ "88b0102270455fb73013b867da27ce57"
+ );
+ this.videoPathSeven = await getResourcePath(
+ "4f1f70e849911a2a90ce4df6b08fd3cc"
+ );
+ },
+ handleCollect(e) {
+ if (e == 'video-01') {
+ this.handleCollectResource("dad3d3586822dfe922f40c47ba10e76f", "dad3d3586822dfe922f40c47ba10e76f", '', "瑙嗛", "bits", '瑙嗛锛氬墿浣欑簿鍔涜')
+ this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
+ } else if (e == 'video-02') {
+ this.handleCollectResource("dcb45feb677250012c73d3a6affb7d27", "dcb45feb677250012c73d3a6affb7d27", '', "瑙嗛", "bits", '瑙嗛锛氱敓娲诲噯澶囪')
+ this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
+ } else if (e == 'video-03') {
+ this.handleCollectResource("2bcf6dd642394b18984d7fca4d3e8e46", "2bcf6dd642394b18984d7fca4d3e8e46", '', "瑙嗛", "bits", '瑙嗛锛氬婕旇')
+ this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
+ } else if (e == 'video-04') {
+ this.handleCollectResource("647ad3aa9f427af5841fed29d3ce39b8", "647ad3aa9f427af5841fed29d3ce39b8", '', "瑙嗛", "bits", '瑙嗛锛氭澗寮涜')
+ this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
+ } else if (e == 'video-05') {
+ this.handleCollectResource("1b6f935a41905a24e2c7bab01e183ee9", "1b6f935a41905a24e2c7bab01e183ee9", '', "瑙嗛", "bits", '瑙嗛锛氱簿绁炲垎鏋愬娲剧殑娓告垙鐞嗚')
+ this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04
+ } else if (e == 'video-06') {
+ this.handleCollectResource("88b0102270455fb73013b867da27ce57", "88b0102270455fb73013b867da27ce57", '', "瑙嗛", "bits", '瑙嗛锛氳鐭ュ彂灞曞娲剧殑娓告垙鐞嗚')
+ this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05
+ } else if (e == 'video-07') {
+ this.handleCollectResource("4f1f70e849911a2a90ce4df6b08fd3cc", "4f1f70e849911a2a90ce4df6b08fd3cc", '', "瑙嗛", "bits", '瑙嗛锛氱ぞ浼氭枃鍖栧巻鍙插娲剧殑娓告垙鐞嗚')
+ this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06
+ }
+
+ this.handleChapterData();
+ },
+ //璧勬簮鏀惰棌浜嬩欢
+ // 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.config.activeBook.bookId, this.collectResourceList)
+ },
+ setBookQuestion() {
+ localStorage.setItem(
+ "toddleGame-book-chapter01-tableData",
+ JSON.stringify(this.tableData)
+ );
+ },
+ setQuestionData() {
+ localStorage.setItem(
+ "toddleGame-book-chapter01-questionData",
+ JSON.stringify(this.questionData)
+ );
+ },
+ saveUnitOne() {
+ localStorage.setItem('toddleGame-book-chapter01-UnitOne', JSON.stringify(this.unitQuestion))
+ },
+ saveUnitTwo() {
+ localStorage.setItem('toddleGame-book-chapter01-UnitTwo', JSON.stringify(this.unitQuestionOne))
+ },
+ goCheckJudge() {
+ for (let index = 0; index < this.unitQuestion.unitOne.length; index++) {
+ const item = this.unitQuestion.unitOne[index];
+ if (item.userAnswer == item.answer) {
+ item.isRight = true
+ } else {
+ item.isRight = false
+ }
+ }
+ this.unitQuestion.isComplete = true
+ },
+ changeCheckData() {
+ localStorage.removeItem("toddleGame-book-chapter01-UnitOne")
+ for (let index = 0; index < this.unitQuestion.unitOne.length; index++) {
+ const item = this.unitQuestion.unitOne[index];
+ item.userAnswer = ""
+ item.isRight = null
+ }
+ this.unitQuestion.isComplete = false
+ this.unitQuestion.textOne = ""
+ this.unitQuestion.textTwo = ""
+ },
+
+ goUnitTwo() {
+ for (let index = 0; index < this.unitQuestionOne.unitTwo.length; index++) {
+ const item = this.unitQuestionOne.unitTwo[index];
+ if (item.userAnswer == item.answer) {
+ item.isRight = true
+ } else {
+ item.isRight = false
+ }
+ }
+
+ for (let index = 0; index < this.unitQuestionOne.unitTwoChoice.length; index++) {
+ const item = this.unitQuestionOne.unitTwoChoice[index];
+ if (item.userAnswer.length === item.answer.length) {
+ // 浣跨敤every鏂规硶妫�鏌serAnswer涓殑姣忎釜鍏冪礌鏄惁閮藉湪answer涓�
+ const isRight = item.userAnswer.every(answer => item.answer.includes(answer));
+ item.isRight = isRight;
+ } else {
+ // 濡傛灉闀垮害涓嶅悓锛屽垯瀹冧滑涓嶅彲鑳藉畬鍏ㄧ浉鍚�
+ item.isRight = false;
+ }
+ }
+ this.unitQuestionOne.isComplete = true
+ },
+ changeUnitTwo() {
+ localStorage.removeItem("toddleGame-book-chapter01-UnitTwo")
+ for (let index = 0; index < this.unitQuestionOne.unitTwo.length; index++) {
+ const item = this.unitQuestionOne.unitTwo[index];
+ item.userAnswer = ""
+ item.isRight = null
+ }
+ for (let index = 0; index < this.unitQuestionOne.unitTwoChoice.length; index++) {
+ const item = this.unitQuestionOne.unitTwoChoice[index];
+ item.userAnswer = []
+ item.isRight = null
+ }
+ this.unitQuestionOne.isComplete = false
+ this.unitQuestionOne.textOne = ""
+ this.unitQuestionOne.textTwo = ""
+ }
+
+
+
+
+ }
+}
+</script>
+
+<style lang="less" scoped></style>
\ No newline at end of file
diff --git a/src/books/toddlerGameImplementation/view/components/header.vue b/src/books/toddlerGameImplementation/view/components/header.vue
new file mode 100644
index 0000000..7d179be
--- /dev/null
+++ b/src/books/toddlerGameImplementation/view/components/header.vue
@@ -0,0 +1,229 @@
+<template>
+ <div class="chapter" num="1">
+ <div class="page-box mt-20" page="1" style="padding-bottom: 0px">
+ <div v-if="showPageList.indexOf(1) > -1">
+ <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
+ </div>
+ </div>
+ <div class="page-box mt-20" page="2" style="padding-bottom: 0px">
+ <div v-if="showPageList.indexOf(2) > -1">
+ <img class="img-0" alt="" src="../../assets/images/SMY.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: 15% 0 15% 0">
+ <hr />
+ <p class="td-1 fz-15 block2"><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
+ <p class="td-1 fz-15 block2">
+ 濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�/璧栬帋鑾夛紝鏉庢櫠涓荤紪.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2024.6
+ </p>
+ <p class="td-1 fz-15 block2">ISBN 978-7-303-29442-8</p>
+ <p class="td-1 fz-15 block2">
+ 鈪�.鈶犲┐鈥� 鈪�.鈶犺禆鈥� 鈶℃潕鈥� 鈪�.鈶犲鍓嶆暀鑲�-娓告垙璇�-鏁欏娉� 鈪�.鈶燝613.7
+ </p>
+ <p class="td-1 fz-15 block2">
+ 涓浗鍥藉鐗堟湰棣咰IP鏁版嵁鏍稿瓧锛�2023锛夌208970鍙�
+ </p>
+ <hr />
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p class="td-0 fz-15 block3">
+ <b>鍥句功鎰忚鍙嶉锛歡aozhifk@bnupg.com銆�010-58805079</b>
+ </p>
+ <p class="td-0 fz-15 block3">钀ラ攢涓績鐢佃瘽锛�010-58802181銆�58805532</p>
+ <p class="td-0 fz-15 block3">缂栬緫閮ㄧ數璇濓細010-58808898</p>
+ <hr />
+ <p class="td-0 fz-14 block3">
+ 鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ銆�www.bnupg.com
+ </p>
+ <p class="td-0 fz-14 block3">
+ 銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙ｅ澶ц12-3鍙�
+ </p>
+ <p class="td-0 fz-14 block3">閭斂缂栫爜锛�100088</p>
+ <p class="td-0 fz-14 block3">鍗般��銆�鍒凤細澶╂触涓嵃鑱斿嵃鍔℃湁闄愬叕鍙�</p>
+ <p class="td-0 fz-14 block3">缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
+ <p class="td-0 fz-14 block3">寮�銆�銆�鏈細889mm脳1194mm銆�1/16</p>
+ <p class="td-0 fz-14 block3">鍗般��銆�寮狅細12</p>
+ <p class="td-0 fz-14 block3">瀛椼��銆�鏁帮細320鍗冨瓧</p>
+ <p class="td-0 fz-14 block3">鐗堛��銆�娆★細2024骞�6鏈堢1鐗�</p>
+ <p class="td-0 fz-14 block3">鍗般��銆�娆★細2024骞�6鏈堢1娆″嵃鍒�</p>
+ <p class="td-0 fz-14 block3">瀹氥��銆�浠凤細42.80鍏�</p>
+ <hr />
+ <p class="td-0 fz-15 block3">
+ 绛栧垝缂栬緫锛氱綏浣╃弽銆�銆�銆�銆�銆�銆�璐ｄ换缂栬緫锛氬瓱銆�娴�
+ </p>
+ <p class="td-0 fz-15 block3">
+ 缇庢湳缂栬緫锛氱劍銆�涓姐��銆�銆�銆�銆�銆�瑁呭抚璁捐锛氱劍銆�涓�
+ </p>
+ <p class="td-0 fz-15 block3 mb-20">
+ 璐ｄ换鏍″锛氶檲銆�鑽熴��銆�銆�銆�銆�銆�璐ｄ换鍗板埗锛氶檲銆�娑涖��璧点��榫�
+ </p>
+ <p class="center block3"><b>鐗堟潈鎵�鏈� 渚垫潈蹇呯┒</b></p>
+ <p class="center block3"><b>鍙嶇洍鐗堛�佷镜鏉冧妇鎶ョ數璇濓細</b>010-58800697</p>
+ <p class="center block3">鍖椾含璇昏�呮湇鍔￠儴鐢佃瘽锛�010-58808104</p>
+ <p class="center block3">澶栧煚閭喘鐢佃瘽锛�010-58808083</p>
+ <p class="center block3">
+ 鏈功濡傛湁鍗拌璐ㄩ噺闂锛岃涓庡嵃鍒剁鐞嗛儴鑱旂郴璋冩崲銆�
+ </p>
+ <p class="center block3">鍗板埗绠＄悊閮ㄧ數璇濓細010-58800608</p>
+ </div>
+ </div>
+ </div>
+ <!-- 缂栧浼� -->
+ <div class="page-box" page="3">
+ <div v-if="showPageList.indexOf(3) > -1">
+ <div style="background-color: #c6eafa;">
+ <div class="fz-16" style="margin: 0 13%; padding: 30% 12%; background-color: #fff;">
+ <div class="bj3">
+ <div class="bj2">
+ <h1 id="a003">缂栧浼�</h1>
+ </div>
+ </div>
+ <p class="td-0 mt-20"><b class="tal-j">涓涗功涓荤紪锛�</b>銆�娲鏁�</p>
+ <p class="td-0">
+ <b class="tal-j">涓涗功鍓富缂栵細</b>銆�寮犳牴鍋ャ��鍟嗕紶杈�
+ </p>
+ <p class="td-0">
+ <b class="tal-j">鏈� 涔� 涓� 缂栵細</b>銆�璧栬帋鑾夈��鏉庛��鏅�
+ </p>
+ <p class="td-0">
+ <b class="tal-j">鏈功鍓富缂栵細</b>銆�缃椼��钀屻��鏉庛��棣欍��椴併��鍙�
+ </p>
+ <p class="td-0">
+ <b class="tal-j">鏈功鍙傜紪浣滆�咃細</b>銆�褰��钀嶃��鍐窘鑼溿��鏉庝繆褰︺��钁ｇ鐏�
+ </p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ <p><br></p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="4">
+ <div v-if="showPageList.indexOf(4) > -1">
+ <h1 id="a004" class="front"><img class="img-d" alt="" src="../../assets/images/sysm.jpg" /></h1>
+ <div style="padding: 50px 8% 0 10%">
+ <p><span class="ls2">涓�銆佹暀鏉愭鏋�</span></p>
+ <p>锛堜竴锛夋ā鍧楀寲</p>
+ <p>
+ 鏈暀鏉愬洿缁曞眳瀹跺拰鎵樿偛鏈烘瀯淇濊偛浜哄憳鐨勫矖浣嶈姹傦紝閲嶆瀯骞跺簭鍖栬绋嬬粨鏋勶紝鎸夌収濠村辜鍎挎父鎴忎笌鎸囧鍐呭鍒掑垎涓轰竷涓涔犳ā鍧楋紝鍒嗗埆涓哄┐骞煎効娓告垙姒傝堪銆佸┐骞煎効鐜╁叿閫夋嫨涓庢父鎴忕幆澧冨垱璁俱�佸┐骞煎効娓告垙璁捐涓庢寚瀵笺�佸┐骞煎効鍔ㄤ綔娓告垙璁捐涓庢寚瀵笺�佸┐骞煎効璁ょ煡娓告垙璁捐涓庢寚瀵笺�佸┐骞煎効璇█娓告垙璁捐涓庢寚瀵笺�佸┐骞煎効鎯呯华鎯呮劅涓庣ぞ浼氭�ф父鎴忚璁′笌鎸囧銆傛湰鏁欐潗閬靛惊濠村辜鍎跨殑鎴愰暱瑙勫緥锛岃�冭檻瀛︾敓鐨勫涔犲叴瓒ｏ紝閲囩敤妯″潡鍖栫粨鏋勮繘琛岀紪鍐欙紝涓嶄粎鑳藉皢鐞嗚鐭ヨ瘑銆佹搷浣滄妧鑳姐�佸疄璺电粡楠岄泦涓睍寮�锛岃繕鑳藉畬鎴愪笁鑰呬笌娲诲姩鏂瑰紡銆佹柟娉曘�佹柟妗堝悓姝ュ紡涓�浣撳寲锛屼互瀹炵幇鎻愰珮鑱屼笟鑳藉姏鍜岃亴涓氱礌鍏荤殑浜烘墠鍩瑰吇鐩爣銆�
+ </p>
+ <p>锛堜簩锛変换鍔″紡</p>
+ <p>姣忎釜瀛︿範妯″潡閮借璁′簡鑻ュ共瀛︿範浠诲姟锛屽悇瀛︿範浠诲姟涔嬮棿鍏锋湁涓�瀹氱殑閫昏緫鍏崇郴銆備换鍔″紡缂栧啓妯″紡涓嶄粎鍙互寰堝ソ鍦板弽鏄犲┐骞煎効鎵樿偛鐓ф姢浜哄憳宸ヤ綔娴佺▼涓殑宸ヤ綔鍐呭鍜屽伐浣滄柟寮忥紝杩樻湁鍔╀簬瀛︾敓閫愭鎻愬崌鑷繁鐨勮亴涓氳兘鍔涖��</p>
+ <p>锛堜笁锛変俊鎭寲璧勬簮</p>
+ <p>鏈暀鏉愰厤鏈夊井璇俱�佹暀瀛﹁浠躲�佽瘯棰樺簱绛夛紝鍚屾椂姣忎釜瀛︿範浠诲姟杩樻牴鎹鐢熷涔犲拰鍐呭瀹夋帓閰嶆湁闅忔枃鐨勯厤濂楄祫婧愩�傛湰鏁欐潗鐨勯厤濂楄祫婧愬彲鐩存帴鎵弿涔︿腑鐨勪簩缁寸爜鑾峰緱锛屽叾浠栬祫婧愬彲浣跨敤鈥滀含甯堜箰瀛︹�濆井淇″皬绋嬪簭鑾峰彇銆�</p>
+ <p><span class="ls2">浜屻�佹暀鏉愪娇鐢ㄦ柟娉�</span></p>
+ <p>涓洪�傚簲骞舵弧瓒宠亴涓氭暀鑲叉ā鍧楀寲瀛︿範鐨勮姹傦紝鏈暀鏉愬崄鍒嗘敞閲嶄互鍏稿瀷宸ヤ綔浠诲姟銆佸吀鍨嬫渚嬬瓑涓鸿浇浣撹繘琛屾暀瀛﹀崟鍏冪殑缁勭粐锛屼互铻嶅獟浣撶殑褰㈠紡鏉ュ缓璁撅紝鏂逛究楂樼瓑鑱屼笟闄㈡牎濠村辜鍎挎墭鑲茬浉鍏充笓涓氬鐢熷強宸ヤ綔鑰呭弬鑰冨涔犮��</p>
+ <p>鈥滃涔犲垵浣撻獙鈥濋儴鍒嗕粙缁嶄笌鏈涔犳ā鍧楃浉鍏崇殑瀹炶返浣撻獙娲诲姩锛屽紩鍙戝涔犺�呮�濊�冨拰璁ㄨ銆�</p>
+ <p>鈥滃涔犱换鍔″崟鈥濋儴鍒嗙畝瑕佷粙缁嶆湰瀛︿範浠诲姟鐨勫涔犵洰鏍囧強瀛︿範瑕佺偣绛夛紝骞剁粰瀛︿範鑰呮彁鍑哄涔犲墠銆佸涔犱腑銆佸涔犲悗鐨勭浉鍏冲缓璁��</p>
+ <p>鈥滄渚嬪鍏モ�濋儴鍒嗕粙缁嶄笌瀛︿範浠诲姟鐩稿叧鐨勬渚嬫垨鎯呭鏁呬簨浠ュ鍏ュ涔狅紝婵�鍙戝鐢熷涔犵殑鍏磋叮骞跺紩鍙戝涔犺�呮繁鍏ユ�濊�冦�傚涔犳湰浠诲姟鍚庯紝瀛︾敓鍙互鍐嶆鍒嗘瀽璇ユ渚嬶紝灏嗘墍瀛﹀唴瀹瑰簲鐢ㄤ簬瀹炶返鍦烘櫙銆�</p>
+ <p>
+ 姝ｆ枃閮ㄥ垎涓昏鍛堢幇涓庡搴斿涔犱换鍔＄浉鍏崇殑鏀跨瓥鏂囦欢銆佺郴缁熺悊璁恒�佸疄璺垫柟娉曠瓑銆傞槓杩板唴瀹圭殑鍚屾椂绌挎彃鈥滄兂涓�鎯斥�濃�滃疄璺垫嫇灞曗�濃�滄嫇灞曢槄璇烩�濈瓑澶氭牱鍖栨澘鍧楋紝鐩殑灏辨槸鍔涙眰澶氱淮搴﹀紩瀵煎涔犺�呭皢鐩稿叧鐞嗚鐭ヨ瘑涓庢墭鑲叉満鏋勫伐浣滃疄璺电浉缁撳悎锛屾彁鍗囦笓涓氳兘鍔涖��
+ </p>
+ <p>鈥滃鑰冩寚鍗椻�濋儴鍒嗕富瑕侀摼鎺ヨ偛濠村憳銆佷繚鑲插笀銆佸辜鍎跨収鎶ゅ拰鏃╂暀鍥借禌璇曢銆�</p>
+ <p>鈥滃涔犳晥鏋滄娴嬧�濋儴鍒嗕富瑕佽璁′笌鏈涔犱换鍔＄浉鍏崇殑鎬濊�冮銆佽繍鐢ㄩ绛夛紝閫氳繃澶氭牱鍖栫殑棰樺瀷甯姪瀛︾敓妫�娴嬬煡璇嗘帉鎻℃儏鍐点��</p>
+ <p>鈥滃欢浼搁槄璇烩�濋儴鍒嗘帹鑽愪笌瀛︿範浠诲姟鐩稿叧鐨勫浘涔︺�佽鏂囩瓑锛岃瀛︾敓杩涜瀛︿範涓庢嫇灞曘��</p>
+ <p><span class="ls2">涓夈�佽鏃跺垎閰�</span></p>
+ <p>鏈暀鏉愬搴旂殑鏁欏鏃堕棿涓�32瀛︽椂锛岃2瀛﹀垎銆傛瘡鍛ㄥ畨鎺掍竴娆¤銆�</p>
+
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="5">
+ <div v-if="showPageList.indexOf(5) > -1">
+ <h1 id="a004" class="front"><img class="img-d" alt="" src="../../assets/images/csx.jpg" /></h1>
+ <div style="padding: 8% 8% 0 10%">
+ <p>
+ 3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鏄敓鍛藉叏鍛ㄦ湡鏈嶅姟绠＄悊鐨勯噸瑕佸唴瀹癸紝浜嬪叧濠村辜鍎垮仴搴锋垚闀匡紝浜嬪叧鍗冨涓囨埛銆傚厷涓ぎ銆佸浗鍔￠櫌楂樺害閲嶈濠村辜鍎跨収鎶ゆ湇鍔″彂灞曘�傚厷鐨勫崄涔濆ぇ鎶ュ憡鍦ㄤ繚闅滃拰鏀瑰杽姘戠敓鐨勮摑鍥句腑灏嗏�滃辜鏈夋墍鑲测�濇帓鍦ㄤ竷椤规皯鐢熶箣棣栵紱鍏氱殑浜屽崄澶ф姤鍛婃寚鍑猴紝瑕佲�滄繁鍏ヨ疮褰讳互浜烘皯涓轰腑蹇冪殑鍙戝睍鎬濇兂鈥濓紝鍦ㄢ�滃辜鏈夋墍鑲测�濈瓑鏂归潰鎸佺画鐢ㄥ姏锛屸�滃缓绔嬬敓鑲叉敮鎸佹斂绛栦綋绯烩�濄�傚姞蹇彂灞曟櫘鎯犳墭鑲叉湇鍔′綋绯伙紝涓撲笟浜烘墠鍩瑰吇鏄叧閿�傝�屾敮鎾戣亴涓氭暀鑲查珮璐ㄩ噺鍙戝睍锛屼笓涓氭暀鏉愬缓璁炬槸鍏抽敭銆傛暀鏉愬缓璁炬槸鑲蹭汉鑲叉墠鐨勯噸瑕佷緷鎵橈紝鏄煿鍏诲鐢熻亴涓氶亾寰枫�佽亴涓氭妧鑳姐�佸氨涓氬垱涓氬拰缁х画瀛︿範鑳藉姏鐨勯噸瑕佽浇浣撱�傝亴涓氭暀鑲蹭笓涓氭暀鏉愭槸鑱屼笟闄㈡牎寮�灞曟暀瀛﹀伐浣滅殑鍩虹锛屽缓璁句粈涔堟牱鐨勬暀鏉愪綋绯伙紝鏍稿績鏁欐潗浼犳巿浠�涔堝唴瀹广�佸�″浠�涔堜环鍊硷紝閮界洿鎺ュ奖鍝嶇潃鎵樿偛鐩稿叧涓撲笟鑱屼笟鏁欒偛鐨勫绉戝缓璁惧拰浜烘墠鍩瑰吇璐ㄩ噺銆�
+ </p>
+ <p>
+ 2021骞达紝鏁欒偛閮ㄥ彂甯冧簡鏂拌皟鏁寸殑鑱屼笟鏁欒偛涓撲笟鐩綍锛屼竴浣撳寲璁捐浜嗕腑鑱屸�旈珮鑱屼笓绉戔�旈珮鑱屾湰绉戜笓涓氫綋绯伙紝鏂板浜嗕腑鑱屻�侀珮鑱屼笓绉戙�侀珮鑱屾湰绉戜笁涓娈靛┐骞煎効鎵樿偛鐩稿叧涓撲笟锛屼簾闇�寤鸿鐩稿叧閰嶅涓撲笟鏁欐潗銆傘�娾�滃崄鍥涗簲鈥濊亴涓氭暀鑲茶鍒掓暀鏉愬缓璁惧疄鏂芥柟妗堛�嬫槑纭寚鍑鸿鏈嶅姟姘戠敓棰嗗煙鎬ラ渶绱х己琛屼笟鍙戝睍锛屽姞蹇缓璁炬墭鑲茬瓑棰嗗煙涓撲笟璇剧▼鏁欐潗銆備负鏈嶅姟浜庢墭鑲茬浉鍏充笓涓氭暀瀛︿笌璇剧▼寤鸿闇�姹傦紝鏈涓涗功浠ヤ績杩涘鐢熷叏闈㈠彂灞曘�佸寮虹患鍚堢礌璐ㄤ负鐩爣锛屼互鎵撻�犲煿鏍归摳榄傘�佸惎鏅哄鎱с�侀�傚簲鏃朵唬瑕佹眰銆佸叿鏈夎緝楂樿川閲忕殑鎵樿偛鐩稿叧涓撲笟鑱屼笟鏁欒偛鏁欐潗涓洪噸鐐癸紝鍔涘浘鍋氬埌鈥滃洓涓潥鎸佲�濄��
+ </p>
+ <p><span class="ls2">涓�銆佸潥鎸佸痉鑲蹭负鍏堬紝鍙戞尌璇剧▼鎬濇斂涓庣珛寰锋爲浜哄姛鑳�</span></p>
+ <p>
+ 鏁欐潗寤鸿鐨勬牴鏈棶棰樻槸鍩瑰吇浜虹殑闂銆傚湪鏈涓涗功缂栧啓杩囩▼涓紝缂栧啓鍥㈤槦濮嬬粓鍧氭寔姝ｇ‘鐨勬斂娌绘柟鍚戝拰浠峰�煎鍚戯紝灏嗕範杩戝钩鏂版椂浠ｄ腑鍥界壒鑹茬ぞ浼氫富涔夋�濇兂鐗瑰埆鏄叧浜庢暀鏉愬缓璁剧殑閲嶈璁鸿堪璐┛鏁欐潗寤鸿鐨勫悇涓幆鑺傦紝鍏ㄩ潰钀藉疄璇剧▼鎬濇斂瑕佹眰锛屽姫鍔涜疮褰昏惤瀹炵珛寰锋爲浜烘牴鏈换鍔°�傜紪鍐欏洟闃熻鐪熻疮褰昏惤瀹炲厷涓ぎ銆佸浗鍔￠櫌鍏充簬鍙戝睍濠村辜鍎跨収鎶ゆ湇鍔＄殑鏀跨瓥绮剧锛屽皢鍩硅偛鍜岃返琛岀ぞ浼氫富涔夋牳蹇冧环鍊艰铻嶅叆鏁欐潗缂栧啓鐨勫叏杩囩▼锛屽湪浠峰�肩悊蹇靛鍚戙�佷笓涓氱煡璇嗚癄閲婂拰瀹炶返妗堜緥閫夊彇杩囩▼涓紝鎵庢牴涓浗澶у湴锛岀珯绋充腑鍥界珛鍦猴紝鍧氬畾鈥滃洓涓嚜淇♀�濓紝鍔姏澧炲己鏁欐潗閾搁瓊鑲蹭汉鍔熻兘锛屾敞閲嶅紩瀵煎鐢熷寮轰笓涓氳鍚屾劅锛屽叧鐖卞┐骞煎効锛岀儹鐖辨墭鑲蹭簨涓氾紝姝ｇ‘鐞嗚В3宀佷互涓嬪┐骞煎効鍙戝睍鐗圭偣鐮旂┒鍜屾墭鑲叉満鏋勪繚鑲插伐浣滅殑閲嶈鎰忎箟锛屽潥瀹氫笓涓氫俊蹇碉紝鑷鍔姏鎴愰暱涓烘湁鐞嗘兂淇″康銆佹湁閬撳痉鎯呮搷銆佹湁鎵庡疄瀛﹁瘑銆佹湁浠佺埍涔嬪績鐨勫┐骞煎効鍋ュ悍鎴愰暱鐨勫惎钂欒�呭拰寮曡矾浜恒��
+ </p>
+ <p><span class="ls2">浜屻�佸潥鎸佸鐢熶负鏈紝閬靛惊瀛︾敓瀛︿範瑙勫緥涓庡彂灞曢渶姹�</span></p>
+ <p>
+ 鏈涓涗功缂栧啓鍧氭寔浠ュ鐢熶负涓績鐨勭悊蹇碉紝娣卞叆鐮旂┒鎵樿偛鐩稿叧涓撲笟浜烘墠鎴愰暱瑙勫緥鍜屽鐢熻鐭ョ壒鐐癸紝閬靛惊鑱屼笟鏁欒偛瀛︾敓瀛︿範鐨勭壒鐐广�佽寰嬪拰闇�姹傦紝澧炲己鏁欐潗瀵瑰鐢熶笓涓氬涔犱笌鍙戝睍鐨勯�傚垏鎬с�傚湪缂栧啓杩囩▼涓紝缂栧啓鍥㈤槦鍔姏浠ュ涔犳垚鏋滀负瀵煎悜璁捐鏁欐潗缁撴瀯鍜屽唴瀹癸紝娉ㄩ噸鎵樿偛鏈烘瀯宸ヤ綔鍦烘櫙銆佸吀鍨嬩繚鑲插伐浣滀换鍔°�佹渚嬪垎鏋愮瓑妯″潡鍖栬绋嬪拰椤圭洰鍖栧涔犳垚鏋滆璁★紝鍒涙柊鏁欐潗鍛堢幇褰㈠紡锛岄�氳繃鐢熸椿鍖栥�佹儏鏅寲銆佸姩鎬佸寲銆佸舰璞″寲鐨勬渚嬪満鏅紝绉瀬寮�鍙戝叿鏈夎ˉ鍏呮�с�佹洿鏂版�у拰寤朵几鎬х殑瀛︿範璧勬簮锛岄伒寰悊璁虹煡璇嗕笌瀹炶返鎶�鑳界浉缁熶竴銆佷粠绠�鍗曞埌澶嶆潅銆佷粠鍗曚竴鍒扮患鍚堢殑瀛︿範瑙勫緥涓庤亴涓氭垚闀胯寰嬶紝娉ㄩ噸閫氳繃閫氫織鏄撴噦鐨勬枃瀛楄杩板拰涓板瘜鐨勬渚嬫潗鏂欙紝鏈�澶ч檺搴﹀湴婵�鍙戝鐢熺殑瀛︿範鍏磋叮鍜屾帰绌惰涓猴紝婊¤冻瀛︾敓澶氭牱鍖栥�佷釜鎬у寲鍜屽疄鐢ㄥ寲鐨勫涔犻渶姹備笌涓撲笟鍙戝睍闇�姹傦紝鎻愰珮浠栦滑瀵瑰┐骞煎効
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="6">
+ <div v-if="showPageList.indexOf(6) > -1">
+ <h1 id="a004" class="front"><img class="img-d" alt="" src="../../assets/images/csx.jpg" /></h1>
+ <div style="padding: 50px 8% 0 10%">
+ <p class="td-0">
+ 鎵樿偛鐨勪笓涓氳鐭ャ�佷笓涓氭儏鎰熴�佷笓涓氭�佸害鍜屼笓涓氱簿绁炵瓑涓撲笟绱犲吇銆�
+ </p>
+ <p><span class="ls2">涓夈�佸潥鎸佺爺绌朵负瑕侊紝鍙嶆槧鎵樿偛棰嗗煙鏈�鏂版斂绛栥�佺爺绌朵笌瀹炶返</span></p>
+ <p>
+ 鎵樿偛鐩稿叧涓撲笟鏄秹鍙婂瀛︾銆佺患鍚堟�у己鐨勬柊涓撲笟锛岀洰鍓嶅彲鐩存帴鍙傝�冨�熼壌鐨勮祫婧愪笉澶氾紝鏁欐潗缂栧啓闅惧害澶с�備负姝わ紝缂栧啓鍥㈤槦涓昏浠庝互涓嬫柟闈㈠叆鎵嬶細涓�鏄敞閲嶅鍥藉鎵樿偛鏀归潻鍒涙柊瀹炶返涓庢渶鏂版斂绛栫殑鍔ㄦ�佸叧娉紝璁ょ湡瀛︿範骞跺叏闈㈣疮褰绘垜鍥芥墭鑲叉湇鍔＄浉鍏虫斂绛栦笌娉曡鐨勬渶鏂拌姹傦紝鍦ㄦ暀鏉愮紪鍐欎腑鍔涙眰鍙婃椂鍙嶆槧鎵樿偛鏀跨瓥鍜屼簨涓氭敼闈╁彂灞曠殑鏂拌姹傘�佹柊鐞嗗康鍜屾柊瑙勮寖锛涗簩鏄叏闈㈠鏍囨墭鑲茬浉鍏充笓涓氱殑鏁欏鏍囧噯鍜屼繚鑲插笀鍥藉鑱屼笟鎶�鑳芥爣鍑嗭紝鎸佺画杩借釜濠村辜鍎垮彂灞曚笌鎵樿偛鐮旂┒鐨勫姩鎬侊紝娣卞叆浜嗚В濠村辜鍎跨敓鐞嗕笌蹇冪悊鍙戝睍銆佽惀鍏讳笌鍠傚吇銆佸涔犱笌鍙戝睍銆佸崼鐢熶笌淇濆仴銆佸父瑙佺梾鍜屼激瀹抽闃蹭笌澶勭悊绛夐鍩熺殑涓撲笟鐭ヨ瘑涓庢渶鏂扮爺绌惰繘灞曪紝鍙婃椂鍚哥撼鏂版柟娉曞拰鏂版垚鏋滐紝灏藉彲鑳戒綋鐜板嚭鍏堣繘鎬с�佸紩棰嗘�у拰绉戝鎬э紱涓夋槸涓哄厖鍒嗕綋鐜拌亴涓氭暀鑲茬殑瀹炵敤鎬т笌瀹炶返鎬х壒鐐癸紝鍧氭寔娣卞叆璋冪爺浜嗚В琛屼笟浼佷笟鍜屾墭鑲叉満鏋勭殑鐜扮姸涓庨渶姹傦紝璺熻繘浜嗚В琛屼笟浼佷笟鍙戝睍涓庨櫌鏍″煿鍏荤殑鏈�鏂板姩鎬侊紝鍔姏鍙嶆槧鎵樿偛琛屼笟鐨勬柊鎺㈢储銆佹柊瀹炶返鍜屾柊缁忛獙銆�
+ </p>
+ <p><span class="ls2">鍥涖�佸潥鎸佽川閲忎负閲嶏紝寤鸿鑱斿悎鏀诲叧楂樻按骞虫暀鏉愮紪鍐欏洟闃�</span></p>
+ <p>
+ 澶氫富浣撳崗鍚屻�佸鍏冨寲鍙備笌锛屾槸纭繚鏁欐潗鎬濇兂鏂瑰悜銆佷繚闅滀笓涓氭按鍑嗐�佹嫇灞曟暀鏉愬舰寮忋�佹彁鍗囩紪鍐欒川閲忕瓑鐨勫叧閿墍鍦ㄣ�傛湰濂椾笡涔﹀湪缂栧啓杩囩▼涓紝鍏呭垎璋冨姩鍜屽惛绾充簡涓�鎵瑰効绔ユ棭鏈熷彂灞曘�佸崼鐢熶繚鍋ャ�佸効绔ュ績鐞嗗銆佸鍓嶆暀鑲插绛夋柟闈㈢殑楂樻牎銆佺鐮旀満鏋勭殑鐮旂┒鑰咃紝鑱屼笟闄㈡牎濠村辜鍎挎墭鑲茬浉鍏充笓涓氱殑宸ヤ綔鑰咃紝鏉ヨ嚜琛屼笟鍗忎細銆佹墭鑲叉満鏋勭瓑鐨勪紭璐ㄨ祫婧愶紝缁勫缓浜嗕竴鏀骇鏁欒瀺鍚堛�佹牎浼佸悎浣溿�佺粨鏋勫悎鐞嗐�佺粡楠屼赴瀵屻�佷笓涓氳兘鍔涘己鐨勯珮姘村钩鏁欐潗缂栧啓鍥㈤槦銆傚ぇ瀹跺嚌鏅鸿仛鍔涳紝鑱斿悎鏀诲叧锛岀粺涓�鎸囧鎬濇兂銆佺紪鍐欑悊蹇点�佺紪鍐欑瓥鐣ュ拰缂栧啓椋庢牸锛屽彂鎸ュ悇瀹舵墍闀匡紝鐩镐簰鍗忚皟閰嶅悎锛屽悓鏃跺姞寮虹紪鍐欍�佸瀹氬拰鍑虹増鍚勭幆鑺傜殑涓ユ牸鎶婂叧锛岀‘淇濅笓涓氭暀鏉愮殑缂栧啓璐ㄩ噺锛屽姏浜夋墦閫犱竴鎵瑰煿鏍归摳榄傘�佸惎鏅哄鎱э紝鍏锋湁鏃朵唬鎬с�佺瀛︽�с�佹潈濞佹�с�佸墠娌挎�с�佸疄鐢ㄦ�х殑鎵樿偛鑱屼笟鏁欒偛涓撲笟绮惧搧鏁欐潗銆�
+ </p>
+ <p>鏈涓涗功鐨勭紪鍐欏緱鍒颁簡鍖椾含甯堣寖澶у鍑虹増绀剧殑澶у姏鏀寔銆傚湪鎾板啓杩囩▼涓紝鏈涓涗功鍙傝�冨拰寮曠敤浜嗗浗鍐呭璁稿鐮旂┒鎴愭灉涓庤鐐癸紝鍦ㄦ娣辫嚧璋㈠勘銆傜湡璇氬笇鏈涙湰濂椾笡涔︾殑鍑虹増鑳藉涓烘墭鑲插煿璁�呭拰绠＄悊鑰呫�佸箍澶ф墭鑲叉満鏋勫伐浣滆�呯瓑鎻愪緵鏈夌泭鐨勫弬鑰冧笌鍊熼壌銆�
+ </p>
+ <p class="right"><b>鍖椾含甯堣寖澶у 娲鏁�</b></p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="7">
+ <div v-if="showPageList.indexOf(7) > -1">
+ <h1 id="a004" class="front" style="padding-left: 3%;"><img class="img-d" alt="" src="../../assets/images/qy.jpg" /></h1>
+ <div style="padding: 50px 8% 0 10%">
+ <p>
+ 娓告垙璐┛鍦ㄥ┐骞煎効鐢熸椿鐨勬瘡涓�涓钀斤紝鏄┐骞煎効閲嶈鐨勫涔犲舰寮忋�傞�氳繃娓告垙锛屽┐骞煎効瀛︿細浜嗕簰鍔ㄣ�佸弬涓庛�佸垎浜�佸潥鎸併�傚湪娓告垙涓紝濠村辜鍎跨殑绌洪棿鐭ヨ銆佸姩浣滄妧鑳姐�佽瑷�琛ㄨ揪鑳藉姏銆佺ぞ浼氫氦寰�鑳藉姏涔熷湪閫愭笎鍙戝睍銆傛濡傜毊浜氭澃鎵�璇达紝鏂颁簨鐗╂槸濡備綍浜х敓鐨勶紵娓告垙灏辨槸杩欎釜闂鐨勭瓟妗堛��
+ </p>
+ <p>浣滀负涓�鍚嶅┐骞煎効鐓ф姢鑰咃紝鐞嗚В骞舵敮鎸佸┐骞煎効娓告垙瀵瑰叾鍙戝睍鎰忎箟閲嶅ぇ銆傛垜浠偐璐熺潃涓�椤归噸瑕佺殑璐ｄ换锛屽嵆鍩轰簬姣忎釜鍎跨鐨勫叴瓒ｃ�佽兘鍔涘拰鍙戝睍杩涚▼鏉ヤ績杩涗粬浠殑娓告垙锛屽府鍔╀粬浠湪鍔ㄤ綔銆佽鐭ャ�佽瑷�銆佹儏缁拰绀句細鎬х瓑澶氶鍩熻幏寰楀彂灞曘��</p>
+ <p>
+ 涓轰簡鏇村ソ鍦板府鍔╃収鎶よ�呯悊瑙ｅ拰鏀寔濠村辜鍎挎父鎴忥紝鏈暀鏉愬皢宀椾綅鏍稿績鑳藉姏銆佽亴涓氳祫鏍艰�冭瘯銆佷笓涓氭妧鑳界珵璧涚殑鐩稿叧鐭ヨ瘑涓庤兘鍔涜繘琛屾湁鏈烘暣鍚堬紝寮�鍙戞ā鍧楀寲瀛︿範鍐呭锛岃瘯鍥炬瀯寤衡�滃伐浣滆繃绋嬪畬鏁粹�濊�岄潪鈥滃绉戝畬鏁粹�濈殑瀛︿範杩囩▼銆傛湰鏁欐潗浠庘�滃矖銆佽瘉銆佽禌銆佽鈥濊瀺鍚堥�夋嫨瀛︿範鍐呭锛屽湪寮鸿皟鑾峰彇閫傚害澶熺敤鐨勯檲杩版�х煡璇嗘垨鐞嗚鐭ヨ瘑锛屽濠村辜鍎挎父鎴忓熀鏈悊璁恒�佸┐骞煎効娓告垙娲诲姩璁捐鍘熷垯銆佸┐骞煎効娓告垙鎸囧瑕佺偣绛夌殑鍩虹涓婏紝寮鸿皟鑾峰彇瀹屾垚濠村辜鍎挎父鎴忔椿鍔ㄨ璁′笌缁勭粐宸ヤ綔浠诲姟鐨勮繃绋嬫�х煡璇嗭紝閲嶇偣瑙ｅ喅鈥滀粈涔堟槸鐜╁叿涓庢父鎴忊�濃�滄姇鏀句粈涔堢帺鍏封�濃�滀负浠�涔堣璁″┐骞煎効娓告垙娲诲姩鈥濃�滀粈涔堟牱鐨勬父鎴忔椿鍔ㄦ槸濂界殑娓告垙娲诲姩鈥濃�滄�庝箞璁捐鍜屾寚瀵间笉鍚岀殑濠村辜鍎挎父鎴忔椿鍔ㄢ�濃�滃浣曡瀵熶笌璇勪环濠村辜鍎挎父鎴忔椿鍔ㄢ�濈瓑闂銆傚悓鏃舵湰鏁欐潗铻嶅悎浜嗗ぇ閲忓┐骞煎効娓告垙瀹炶返妗堜緥锛屽府鍔╁涔犺�呭畬鎴愪粠鍏磋叮瀵煎叆銆佷笓涓氬涔犲啀鍒板疄璺靛簲鐢ㄧ殑瀛︿範杩囩▼銆�
+ </p>
+ <p>
+ 鏈暀鏉愭牴鎹�滃笀寰蜂负鍏堛�佸辜鍎夸负鏈�佽兘鍔涗负閲嶅拰缁堣韩瀛︿範鈥濈殑瑕佹眰锛屽湪姣忎釜妯″潡銆佸湪瀹炴柦杩囩▼涓笚閫忔�濇斂鏁欒偛銆傛湰鏁欐潗绔嬭冻瀛︿範鍐呭鐨勮嚜鐒跺睘鎬у拰鐭ヨ瘑浣撶郴锛岀粨鍚堟墭鑲层�佹棭鏁欐満鏋勪粠涓氫汉鍛樼殑鑱屼笟閬撳痉瑕佹眰锛屼粠璇剧▼鎬濇斂鐩爣銆佹�濇斂鍏冪礌銆佹�濇斂妗堜緥鍏ユ墜锛屾敞閲嶅姞寮轰笓涓氭暀鑲蹭笌鎬濇斂鏁欒偛鐨勬湁鏈鸿瀺鍚堛�傛湰鏁欐潗鏃ㄥ湪鏋勫缓浠モ�滃ソ瀛︺�佺埍绔ャ�佷箰鏁欌�濅负鏍稿績鐨勮绋嬫�濇斂鏁欏浣撶郴锛屽紩瀵煎涔犺�呭叧娉ㄥ┐骞煎効鐨勮韩蹇冨彂灞曪紝澧炲己瀛︿範鑰呭濠村辜鍎挎父鎴忕殑鐮旂┒涓庡涔狅紝璁╁涔犺�呮爲绔嬫纭殑娓告垙瑙傦紝鐢ㄦ俯鏆栫殑浠佺埍绮剧鍏崇埍濠村辜鍎匡紝鐢ㄧ瀛︾殑鐞嗘�ф�濈淮鐞嗚В濠村辜鍎匡紝鐢ㄤ弗璋ㄦ眰瀹炵殑宸ヤ綔鎬佸害鍜岀埍宀楁暚涓氱殑鑱屼笟绮剧瀹堟姢濠村辜鍎裤��
+ </p>
+ <p>
+ 鏈暀鏉愮敱婀栧崡姘戞棌鑱屼笟瀛﹂櫌鍜岄暱娌欏辜鍎垮笀鑼冮珮绛変笓绉戝鏍＄粍寤虹殑缂栧啓鍥㈤槦缂栧啓銆傝禆鑾庤帀銆佹潕鏅舵媴浠讳富缂栬礋璐ｇ粺绋匡紝涓涗功缂栧濮斿憳浼氬绋垮拰瀹氱銆傚叿浣撳垎宸ュ涓嬶細瀛︿範妯″潡涓�銆佸涔犳ā鍧椾簲鐢辩綏钀屻�佽禆鑾庤帀缂栧啓锛涘涔犳ā鍧椾簩鐢卞啹缇借寽缂栧啓锛涘涔犳ā鍧椾笁銆佸涔犳ā鍧椾竷鐢辨潕棣欑紪鍐欙紱瀛︿範妯″潡鍥涚敱褰悕銆佹潕鏅剁紪鍐欙紱瀛︿範妯″潡鍏敱椴佸弻缂栧啓銆傚叏涔︽暟瀛楀寲寰璧勬簮涓昏鐢辫懀纭曠伒銆佹潕淇婂溅銆佹潕鏅惰礋璐ｅ畬鎴愩�傜敱浜庣紪鍐欐按骞虫湁闄愶紝鏈暀鏉愮殑涓嶈冻涔嬪鍦ㄦ墍闅惧厤锛屾鍒囧笇鏈涘箍澶у涔犺�呮壒璇勩�佹寚姝ｃ��
+ </p>
+ <p>
+ 鍦ㄧ紪鍐欒繃绋嬩腑锛屾垜浠弬鑰冧簡璁稿涓撳鍜屽鑰呯殑鐮旂┒鎴愭灉锛屼篃寮曠敤鍜屽�熼壌浜嗕竴閮ㄥ垎鏃╂暀銆佹墭鑲插吀鍨嬫渚嬪拰鍥剧墖璧勬枡锛屽湪姝ゅ浠栦滑琛ㄧず琛峰績鐨勬劅璋€�備篃甯屾湜濠村辜鍎挎墭鑲茬収鎶ゅ悓琛屼互鍙婂叾浠栧叧娉ㄥ┐骞煎効鍙戝睍鐨勮鑰呰兘浠庢湰鏁欐潗涓湁鎵�鏀惰幏锛屽叡鍚屼负淇冭繘濠村辜鍎跨殑鍋ュ悍鎴愰暱璐＄尞鍔涢噺銆�
+ </p>
+ <p class="right"><b>璧栬帋鑾�</b></p>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "pageHeader",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+};
+</script>
+
+<style scoped></style>
diff --git a/src/books/toddlerGameImplementation/view/components/index.vue b/src/books/toddlerGameImplementation/view/components/index.vue
new file mode 100644
index 0000000..c4d9ea0
--- /dev/null
+++ b/src/books/toddlerGameImplementation/view/components/index.vue
@@ -0,0 +1,989 @@
+<template>
+ <div class="page-main" @scroll="throttledScrollHandler">
+ <div id="searchDomBox" style="display: none">
+ <div id="searchContent"></div>
+ </div>
+ <div
+ class="page-content"
+ :style="{
+ fontSize: fontSize + 'px',
+ transform: `scale(${pageZoom})`,
+ transformOrigin: 'center top',
+ }"
+ >
+ <pageHeader
+ v-if="showCatalogList.indexOf(1) > -1"
+ :showPageList="loadPageList"
+ ></pageHeader>
+ <chapterOne
+ v-if="showCatalogList.indexOf(2) > -1"
+ :showPageList="loadPageList"
+ ></chapterOne>
+ <!-- <chapterTwo
+ v-if="showCatalogList.indexOf(3) > -1"
+ :showPageList="loadPageList"
+ ></chapterTwo>
+ <chapterThree
+ v-if="showCatalogList.indexOf(4) > -1"
+ :showPageList="loadPageList"
+ ></chapterThree>
+ <chapterfour
+ v-if="showCatalogList.indexOf(5) > -1"
+ :showPageList="loadPageList"
+ ></chapterfour>
+ <chapterfive
+ v-if="showCatalogList.indexOf(6) > -1"
+ :showPageList="loadPageList"
+ ></chapterfive> -->
+ </div>
+ </div>
+</template>
+
+<script>
+import pageHeader from "./header.vue";
+import chapterOne from "./chapter001.vue";
+// import chapterTwo from "./chapter002.vue";
+// import chapterThree from "./chapter003.vue";
+// import chapterfour from "./chapter004.vue";
+// import chapterfive from "./chapter005.vue";
+import NoteIcon from "@/assets/images/biji.png";
+import _ from "lodash";
+import Swiper from "swiper/bundle";
+import "swiper/swiper-bundle.css";
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
+export default {
+ name: "pageContent",
+ data() {
+ return {
+ catalogLength: 2, // 鎬荤珷鑺傛暟
+ showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+ loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+ throttleThreshold: 100, // 鑺傛祦闃堝��
+ previousScrollTop: 0,
+ throttledScrollHandler: null,
+ observer: null,
+ loadPageObserver: null,
+ loadPageList: [],
+ questionDataMap: {},
+ renderSignMap: {},
+ highlightData: null,
+ audioPath: "",
+ currentTime: null,
+ videoList: [],
+ };
+ },
+ computed: {
+ fontSize() {
+ this.transformDom(this.$store.state.qiankun.fontSize);
+ return this.$store.state.qiankun.fontSize
+ ? this.$store.state.qiankun.fontSize
+ : 14;
+ },
+ pageZoom() {
+ return this.$store.state.qiankun.scale
+ ? this.$store.state.qiankun.scale / 100
+ : 1;
+ },
+ },
+ watch: {
+ showCatalogList: {
+ handler(newVal, oldVal) {
+ if (
+ this.$store.state.qiankun &&
+ this.$store.state.qiankun.catalogChange
+ ) {
+ // 璋冪敤鐖跺眰鏂规硶
+ this.$store.state.qiankun.catalogChange({
+ showCatalogList: newVal,
+ });
+ }
+ // 鍚姩椤电爜瑙傚療
+ setTimeout(() => {
+ this.initObservation();
+ this.initThemeColor();
+ }, 500);
+ },
+ },
+ loadPageList: {
+ handler(newVal, oldVal) {
+ setTimeout(() => {
+ this.transformDom(this.$store.state.qiankun.fontSize);
+ this.initSwiper();
+ this.initViewer();
+ this.closeAudio();
+ this.closeVideo();
+ }, 200);
+ },
+ },
+ pageZoom: {
+ handler(newVal, oldVal) {
+ const scrollBox = (
+ this.container ? this.container : document
+ ).querySelector(".page-main");
+ scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
+ },
+ },
+ },
+ mounted() {
+ // 榛樿鍔犺浇绔犺妭
+ this.showCatalogList = [1];
+ // 婊氬姩鐩戝惉鑺傛祦
+ this.throttledScrollHandler = _.throttle(
+ this.scrollFun,
+ this.throttleThreshold,
+ { leading: true, trailing: false }
+ );
+ // 瀹氫箟瀛愬眰鏂规硶
+ if (this.setGlobalState) {
+ // 鎻愪緵椤甸潰璺宠浆鍔熻兘
+ this.setGlobalState({
+ gotoPage: (catalog, page) => {
+ this.gotoPage(catalog, page);
+ },
+ // 娓叉煋绗旇銆侀珮浜�佸垝绾�
+ renderSign: (type, data) => {
+ // 鍥犱负璋冩暣涓洪〉闈㈡噿鍔犺浇锛屾墍浠ユ覆鏌撴爣璁颁篃闇�瑕佹寜鐓ч〉闈㈣繘琛屽鐞嗭紝鍏堝偍瀛樻暟鎹紝椤甸潰鍔犺浇瀹屾垚鍐嶆覆鏌撳搴旂殑鏍囪锛�
+ this.handelSignData(type, data);
+ // this.renderSign(type, data);
+ },
+ // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+ delSign: (data) => {
+ this.delSign(data);
+ },
+ // 鍏ㄦ枃妫�绱�
+ searchBookByKeyword: (keyword) => {
+ return this.searchTextByPage(keyword);
+ },
+ // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+ jumpSearchItem: (data) => {
+ this.searchItemLocation(data);
+ },
+ });
+ }
+
+ // 鍒涘缓涓�涓柊鐨� Intersection Observer 瀹炰緥锛岀敤浜庤瀵熺洰鏍囧厓绱犲拰鎵ц鐩稿簲鐨勫洖璋冨嚱鏁般��
+ // new IntersectionObserver(callback, options)锛氫娇鐢ㄤ箣鍓嶅畾涔夌殑 callback 鍥炶皟鍑芥暟鍜� options 閰嶇疆閫夐」鏉ュ垵濮嬪寲 Intersection Observer 瀹炰緥銆�
+ this.observer = new IntersectionObserver(this.pageChangeCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ // 鍚姩椤电爜瑙傚療
+ setTimeout(() => {
+ this.initObservation();
+ this.initThemeColor();
+ }, 500);
+
+ // 娴嬭瘯椤甸潰璺宠浆
+ setTimeout(() => {
+ this.gotoPage(2, 9);
+ // setTimeout(() => {
+ // this.renderSign("Highlight", {
+ // id: "2ACA9359",
+ // txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
+ // page: "10",
+ // type: "Highlight",
+ // color: "#F5E12A"
+ // });
+ // setTimeout(() => {
+ // this.delSign({
+ // ids: ["2ACA9359"]
+ // });
+ // }, 2000);
+ }, 500);
+
+ // const pageDom = (this.container ? this.container : document)
+ // .querySelector("#app")
+ // .querySelectorAll(".page-box");
+ // 妫�绱�
+ // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+ // 妫�绱㈣烦杞�
+ // this.searchItemLocation({
+ // catalog: 2,
+ // page: 10,
+ // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+ // txtIndex: 57
+ // });
+ // }, 500);
+ },
+ methods: {
+ // setZoom1() {
+ // let scale = this.$store.state.qiankun.scale + 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // setZoom2() {
+ // let scale = this.$store.state.qiankun.scale - 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // 婊氬姩鐩戝惉
+ scrollFun(event) {
+ this.handleVideoPicture();
+ // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
+ if (event.target.scrollTop > this.previousScrollTop) {
+ this.getAduio();
+ // 鍚戜笅
+ const currentScrollTop =
+ event.target.scrollTop + event.target.offsetHeight;
+ if (
+ currentScrollTop >=
+ event.target.scrollHeight - this.loadThreshold
+ ) {
+ console.log(1);
+
+ // 鍒拌揪闃堝��
+ if (
+ this.showCatalogList[this.showCatalogList.length - 1] <
+ this.catalogLength
+ ) {
+ // 鍔犺浇涓嬩竴绔�
+ this.showCatalogList.push(
+ this.showCatalogList[this.showCatalogList.length - 1] + 1
+ );
+ if (this.showCatalogList.length > 3) {
+ // 瓒呰繃涓夌珷闅愯棌椤堕儴涓�绔�
+ this.showCatalogList.shift();
+ }
+ }
+ }
+ } else if (event.target.scrollTop < this.previousScrollTop) {
+ this.handleAudio();
+ // 鍚戜笂
+ const currentScrollTop = event.target.scrollTop;
+ if (currentScrollTop <= this.loadThreshold) {
+ // 鍒拌揪闃堝��
+ if (this.showCatalogList[0] > 0) {
+ // 鍔犺浇涓婁竴绔�
+ this.showCatalogList.unshift(this.showCatalogList[0] - 1);
+ if (this.showCatalogList.length > 3) {
+ // 瓒呰繃涓夌珷闅愯棌搴曢儴涓�绔�
+ this.showCatalogList.pop();
+ }
+ }
+ }
+ }
+ // showCatalogList 褰撳墠鏄剧ず鐨勪笁涓珷鑺傦紝watch鐩戝惉浼犻�掔粰涓诲簲鐢�
+ // 鏇存柊涓婁竴娆℃粴鍔ㄧ殑浣嶇疆
+ this.previousScrollTop = event.target.scrollTop;
+ },
+ // 绔犺妭銆侀〉闈㈣烦杞�
+ gotoPage(catalog, page) {
+ if (catalog >= 0 && catalog <= this.catalogLength) {
+ // 澶勭悊娓叉煋绔犺妭
+ if (catalog == 0) {
+ this.showCatalogList = [0, 1];
+ } else if (catalog == this.catalogLength) {
+ this.showCatalogList = [
+ this.catalogLength - 2,
+ this.catalogLength - 1,
+ this.catalogLength,
+ ];
+ } else {
+ this.showCatalogList = [catalog - 1, catalog, catalog + 1];
+ }
+ setTimeout(() => {
+ // 璺宠浆椤电爜
+ const pageDom = (
+ this.container ? this.container : document
+ ).querySelector(`[page="${page}"]`);
+ if (pageDom) {
+ pageDom.scrollIntoView();
+ } else {
+ console.log("椤电爜閿欒锛�");
+ }
+ }, 500);
+ } else {
+ console.log("绔犺妭閿欒锛�");
+ }
+ },
+
+ // 澶勭悊鏍囪鏁版嵁
+ handelSignData(type, data) {
+ if (this.loadPageList.indexOf(Number(data.page)) > -1) {
+ // 绔嬪嵆娓叉煋
+ this.renderSign(type, data);
+ }
+
+ // 鍌ㄥ瓨鏁版嵁
+ if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
+ if (!this.renderSignMap[type][data.page])
+ this.renderSignMap[type][data.page] = [];
+ this.renderSignMap[type][data.page].push(data);
+ },
+
+ // 娓叉煋鏍囪
+ renderSign(type, data) {
+ // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌�
+ if (this.$store.state.qiankun.disableSign) {
+ return false;
+ }
+ const existence = (
+ this.container ? this.container : document
+ ).querySelector(`[dataid="${data.id}"]`);
+ // 鍘婚噸
+ if (!existence) {
+ const pageDom = (
+ this.container ? this.container : document
+ ).querySelector(`[page="${data.page}"]`);
+ // 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
+ const treeWalker = document.createTreeWalker(
+ pageDom,
+ NodeFilter.SHOW_TEXT
+ );
+ const allTextNodes = [];
+ let currentNode = treeWalker.nextNode();
+ while (currentNode) {
+ allTextNodes.push(currentNode);
+ currentNode = treeWalker.nextNode();
+ }
+ for (let i = 0; i < allTextNodes.length; i++) {
+ const textDom = allTextNodes[i];
+ if (textDom.textContent.indexOf(data.txt) > -1) {
+ let reg = new RegExp(`${data.txt}`, "ig");
+ switch (type) {
+ case "Highlight":
+ // 楂樹寒
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+ );
+ break;
+ case "Dashing":
+ // 鍒掔嚎
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+ );
+ break;
+ case "Note":
+ // 绗旇
+ textDom.parentNode.innerHTML =
+ textDom.parentNode.innerHTML.replace(
+ reg,
+ `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
+ );
+ break;
+ }
+ }
+ }
+ }
+ },
+ // 鍒犻櫎鏍囪娓叉煋
+ delSign({ ids, type }) {
+ if (ids && ids.length) {
+ for (let i = 0; i < ids.length; i++) {
+ const id = ids[i];
+ const dom = (
+ this.container ? this.container : document
+ ).querySelector(`[dataid="${id}"]`);
+ dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+ dom.outerHTML,
+ dom.outerText
+ );
+ }
+ }
+ if (type) {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(`[datatype="${type}"]`);
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+ dom.outerHTML,
+ dom.outerText
+ );
+ }
+ }
+ },
+ initObservation() {
+ const sections = (
+ this.container ? this.container : document
+ ).querySelectorAll(".page-box");
+ sections.forEach((section) => {
+ if (this.config.activeBook && this.config.activeBook.tryPageCount) {
+ const page = section.getAttribute("page");
+ if (Number(page) > this.config.activeBook.tryPageCount) {
+ let chapterDom = this.getParentWithClass(section, "chapter");
+ const chapterNum = chapterDom.getAttribute("num");
+ this.catalogLength = Number(chapterNum) - 1;
+ section.remove();
+ return false;
+ }
+ }
+ // observer 瑙傚療姣忎釜鍏冪礌锛屼互渚垮湪瀹冧滑杩涘叆鎴栫寮�瑙嗙獥鏃惰Е鍙戝洖璋冨嚱鏁般��
+ const isObserver = section.getAttribute("observer");
+ const isLoadObserver = section.getAttribute("loadObserver");
+ if (!isObserver) {
+ this.observer.observe(section);
+ section.setAttribute("observer", "1");
+ }
+ if (!isLoadObserver) {
+ this.loadPageObserver.observe(section);
+ section.setAttribute("loadObserver", "1");
+ }
+ });
+ },
+ initThemeColor() {
+ // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐�
+ const colorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-color");
+ const backgroundColorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-back");
+ const borderColorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-border");
+ // 鑾峰彇閰嶇疆鐨勪富棰樿壊
+ const bookThemeColor =
+ this.config.activeBook && this.config.activeBook.bookThemeColor
+ ? this.config.activeBook.bookThemeColor
+ : null;
+ const chapterThemeColor =
+ this.config.activeBook && this.config.activeBook.chapterThemeColor
+ ? this.config.activeBook.chapterThemeColor
+ : null;
+ const pageThemeColor =
+ this.config.activeBook && this.config.activeBook.pageThemeColor
+ ? this.config.activeBook.pageThemeColor
+ : null;
+ colorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.color = themeColor;
+ }
+ });
+ backgroundColorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.backgroundColor = themeColor;
+ }
+ });
+ borderColorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.borderColor = themeColor;
+ }
+ });
+ },
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
+ },
+ pageChangeCallback(entries, observer) {
+ //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
+ entries.forEach((entry) => {
+ //entry.isIntersecting锛氭鏌ュ綋鍓嶇洰鏍囧厓绱犳槸鍚︿笌鏍瑰厓绱犵浉浜ゃ��
+ if (entry.isIntersecting) {
+ const target = entry.target;
+ //entry.target锛氳幏鍙栧綋鍓嶇洰鏍囧厓绱�
+ const page = target.getAttribute("page");
+ const catalogDom = this.tool.getParentNodeByClassName(
+ target,
+ "chapter"
+ );
+ const catalog = catalogDom.getAttribute("num");
+ let text = null;
+ if (target.querySelector("p")) {
+ text = target.querySelector("p").textContent.substring(0, 50);
+ }
+ // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
+ if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
+ this.$store.state.qiankun.pageChange({
+ page: page,
+ catalog: catalog,
+ text,
+ });
+ // const sections = Array.from(document.querySelectorAll(".section"));
+ //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
+ // let index = sections.findIndex((section) => section === target) + 1;
+ //index锛氭煡鎵惧綋鍓嶇洰鏍囧厓绱犲湪 sections 鏁扮粍涓殑绱㈠紩锛屽苟鍔� 1锛岀敤浜庣‘瀹氬綋鍓嶉〉鐮併��
+ }
+ });
+ },
+ loadPageCallback(entries, observer) {
+ entries.forEach(async (entry) => {
+ if (entry.isIntersecting) {
+ const target = entry.target;
+ const page = target.getAttribute("page");
+ if (this.loadPageList.indexOf(Number(page)) == -1) {
+ const catalogDom = this.tool.getParentNodeByClassName(
+ target,
+ "chapter"
+ );
+ // 娣诲姞椤电爜
+ this.loadPageList.push(Number(page));
+ const catalog = catalogDom.getAttribute("num");
+ // if (!this.questionDataMap[page]) {
+ // if (testData && testData[catalog]) {
+ // if (testData[catalog][page]) {
+ // if (Array.isArray(testData[catalog][page])) {
+ // this.questionDataMap[page] = await getQuestionList(
+ // page,
+ // testData[catalog][page],
+ // this.config.activeBook
+ // );
+ // } else {
+ // const obj = {};
+ // for (let key in testData[catalog][page]) {
+ // obj[key] = await getQuestionList(
+ // [],
+ // testData[catalog][page][key],
+ // this.config.activeBook
+ // );
+ // }
+ // this.questionDataMap[page] = obj;
+ // }
+ // console.log("棰樼洰", this.questionDataMap);
+ // }
+ // }
+ // }
+ // 娓叉煋杩欎竴椤电殑鏍囪
+ for (const key in this.renderSignMap) {
+ if (this.renderSignMap[key][page]) {
+ this.renderSignMap[key][page].forEach((item) => {
+ this.renderSign(key, item);
+ });
+ }
+ }
+ // 澶勭悊楂樹寒
+ if (this.highlightData) {
+ // 楂樹寒琛�
+ setTimeout(() => {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(
+ target,
+ NodeFilter.SHOW_TEXT
+ );
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(
+ this.highlightData.txt
+ );
+ if (txtIndex > -1) {
+ textDom.parentNode.style.transition =
+ "background-color 0.8s";
+ textDom.parentNode.scrollIntoView();
+ textDom.parentNode.style.backgroundColor = "#79bbf0";
+ setTimeout(() => {
+ textDom.parentNode.style.backgroundColor = "";
+ }, 1000);
+ }
+ }
+ }, 100);
+ }
+ if (this.loadPageList.length > 5) {
+ // 瓒呰繃5椤�
+ this.loadPageList.shift();
+ }
+ }
+ }
+ });
+ },
+ initSwiper() {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper-img");
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ new Swiper(dom, {
+ loop: false, // 鏃犵紳
+ autoplay: {
+ //鑷姩寮�濮�
+ delay: 3000, //鏃堕棿闂撮殧
+ disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+ },
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
+ },
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ // observer: true,
+ // observeParents: true
+ // // 濡傛灉闇�瑕佸垎椤靛櫒
+ // pagination: {
+ // el: (this.container ? this.container : document).querySelector(
+ // ".swiper-pagination"
+ // ),
+ // clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑�
+ // }
+ });
+ }
+ const pptDoms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper_ppt");
+ for (let i = 0; i < pptDoms.length; i++) {
+ const dom = pptDoms[i];
+ new Swiper(dom, {
+ loop: false, // 鏃犵紳
+ autoplay: false,
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
+ },
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ observer: true,
+ observeParents: true,
+ on: {
+ init: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ slideChange: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ },
+ });
+ }
+ },
+ initViewer() {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".openImgBox");
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ new Viewer(dom, {
+ container: this.container
+ ? this.container.querySelector("#app")
+ : "body",
+ navbar: true, // 鏄剧ず瀵艰埅鏍�
+ toolbar: true, // 鏄剧ず宸ュ叿鏍�
+ title: true, // 鏄剧ず鏍囬
+ });
+ }
+ },
+ // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+ searchTextByPage(keyword) {
+ const searchResult = [];
+ let catalogIndex = 0;
+ // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+ const pageData = {
+ pageHeader,
+ chapterOne,
+ // chapterTwo,
+ // chapterThree,
+ // chapterfour,
+ // chapterfive,
+ };
+ // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+ for (const key in pageData) {
+ catalogIndex++;
+ let pageComponent, pageExample;
+ // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [],
+ questionData: {},
+ isSearch: true,
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇椤电爜
+ const pageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelectorAll(".page-box");
+ const pages = [];
+ for (let i = 0; i < pageDom.length; i++) {
+ const pageDomItem = pageDom[i];
+ pages.push(Number(pageDomItem.getAttribute("page")));
+ }
+ // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ // 閬嶅巻椤电爜
+ if (pages.length) {
+ for (let i = 0; i < pages.length; i++) {
+ const pageNum = pages[i];
+ // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [pageNum],
+ questionData: {},
+ isSearch: true,
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇瀵瑰簲椤甸潰dom
+ const thisPageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelector(`[page="${pageNum}"]`);
+ if (thisPageDom) {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(
+ thisPageDom,
+ NodeFilter.SHOW_TEXT
+ );
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(keyword);
+ if (txtIndex > -1) {
+ // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+ searchResult.push({
+ page: pageNum,
+ catalog: catalogIndex,
+ txt: textDom.textContent,
+ txtIndex: txtIndex,
+ });
+ }
+ }
+ // 缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ }
+ }
+ }
+ }
+ // 杈撳嚭鎼滅储缁撴灉
+ console.log(searchResult);
+ return searchResult;
+ },
+ // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒
+ searchItemLocation(data) {
+ // 璁板綍楂樹寒淇℃伅
+ this.highlightData = data;
+ // 璺宠浆
+ this.gotoPage(data.catalog, data.page, () => {});
+ },
+ // 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳�
+ getAduio() {
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ allVideo = Array.from(allVideo);
+ this.videoList = allVideo;
+ if (allVideo.length) {
+ // 鏌ユ壘鎾斁鐘舵�佺殑鏈�鍚庝竴鏉￠煶棰�
+ const playAudio = allVideo
+ .reverse()
+ .find((item) => item.paused == false);
+ if (playAudio) {
+ const bottomGap = playAudio.getBoundingClientRect().bottom;
+ if (bottomGap < 0) {
+ playAudio.pause();
+ this.audioPath = playAudio.src;
+ this.currentTime = playAudio.currentTime;
+ }
+ }
+ }
+ },
+ // 椤甸潰鍚戜笂婊氬姩锛岄煶棰戝皬绐楀洖鏀�
+ handleAudio() {
+ if (!this.audioPath) return false;
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ allVideo = Array.from(allVideo);
+ if (allVideo.length) {
+ //鏌ユ壘涓庡皬绐楁挱鏀鹃煶棰戝悓婧愮殑椤甸潰audio DOM
+ const playAudio = allVideo.find((item) => item.src == this.audioPath);
+ if (playAudio) {
+ const bottomGap = playAudio.getBoundingClientRect().bottom;
+ if (bottomGap >= 0) {
+ if (this.$refs.audioPlayer) {
+ const playerState = this.$refs.audioPlayer.getVideoPlayer();
+ this.audioPath = "";
+ playAudio.currentTime = playerState.currentTime;
+ if (!playerState.paused) playAudio.play();
+ }
+ }
+ }
+ }
+ },
+ // 鍏抽棴mini video
+ closeMiniAudio() {
+ this.audioPath = "";
+ },
+ // 鐐瑰嚮闊抽鎾斁锛屽叧闂叾浠栭煶棰�
+ closeAudio() {
+ let allAudio = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ for (let index = 0; index < allAudio.length; index++) {
+ const item = allAudio[index];
+ item.addEventListener("play", () => {
+ const audioList = Array.from(allAudio);
+ for (let cindex = 0; cindex < audioList.length; cindex++) {
+ const citem = audioList[cindex];
+ if (citem.currentSrc != item.src) {
+ citem.pause();
+ }
+ }
+ this.closeMiniAudio();
+ });
+ }
+ },
+ // 鐐瑰嚮瑙嗛鍏抽棴鍏朵粬
+ closeVideo() {
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".video");
+ for (let index = 0; index < allVideo.length; index++) {
+ const item = allVideo[index];
+ item.addEventListener("playing", (item) => {
+ const path = item.srcElement.src;
+ const videoList = Array.from(allVideo);
+ for (let cindex = 0; cindex < videoList.length; cindex++) {
+ const citem = videoList[cindex];
+ if (citem.currentSrc != path && path) {
+ citem.pause();
+ }
+ }
+ });
+ }
+ },
+ // 瑙嗛灏忕獥
+ handleVideoPicture() {
+ let doms = (this.container ? this.container : document).querySelectorAll(
+ ".video"
+ );
+ doms = Array.from(doms);
+ if (!doms.length) return false;
+ const playVudio = doms.reverse().find((item) => item.paused == false);
+ if (playVudio) {
+ const bottomGap = playVudio.getBoundingClientRect().bottom;
+ const topGap = playVudio.getBoundingClientRect().top;
+ if (bottomGap < 0 || topGap > window.innerHeight) {
+ try {
+ if (playVudio.readyState) playVudio.requestPictureInPicture();
+ } catch (error) {
+ console.log(error, "灏忕獥閿欒error");
+ }
+ }
+ }
+ },
+ //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
+ transformDom(fs) {
+ if (!fs) return;
+ let doms = (this.container ? this.container : document).querySelectorAll(
+ ".block"
+ );
+ if (!doms.length) return;
+ for (let index = 0; index < doms.length; index++) {
+ const dom = doms[index];
+ dom.style.fontSize = fs + "px";
+ }
+ },
+ },
+ components: {
+ pageHeader,
+ chapterOne,
+ // chapterTwo,
+ // chapterThree,
+ // chapterfour,
+ // chapterfive,
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.page-main {
+ width: 100% !important;
+ height: 100% !important;
+ overflow: auto;
+
+ .page-content {
+ max-width: 816px;
+ min-width: 375px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+ }
+}
+</style>
diff --git a/src/books/toddlerGameImplementation/view/index.vue b/src/books/toddlerGameImplementation/view/index.vue
new file mode 100644
index 0000000..9f16b17
--- /dev/null
+++ b/src/books/toddlerGameImplementation/view/index.vue
@@ -0,0 +1,76 @@
+<template>
+ <div class="game-Imple" @mouseup="handleMouseUp">
+ <pageContent></pageContent>
+ </div>
+</template>
+
+<script>
+import pageContent from "./components/index.vue";
+export default {
+ name: "gameImplementation",
+ components: {
+ pageContent,
+ },
+ data() {
+ return {};
+ },
+
+ mounted() { },
+ methods: {
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
+ },
+ handleMouseUp(e) {
+ const selection = (
+ this.container ? this.container : window
+ ).getSelection();
+ const txt = selection.toString();
+ if (selection.type != "none" && txt) {
+ let node = selection.anchorNode.parentNode;
+ let pageHtml = this.getParentWithClass(
+ selection.anchorNode,
+ "page-box"
+ );
+ let chapterDom = this.getParentWithClass(
+ selection.anchorNode,
+ "chapter"
+ );
+ let chapterNum;
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ if (pageHtml) {
+ const page = pageHtml.getAttribute("page");
+ // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum,
+ txt,
+ page,
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ } else {
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum: "",
+ txt: "",
+ page: "",
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ },
+ },
+};
+</script>
+
+<style lang="less">
+ @import "../assets/main.less";
+</style>
\ No newline at end of file
--
Gitblit v1.9.1