From a0e75ac5a37b7c53239be605dea7b9c3bf54e245 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 16 十月 2024 18:05:20 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/botany/assets/images/ziye003.png | 0
src/books/botany/assets/images/对话消息讨论 (1).svg | 1
src/books/botany/assets/images/ezhang001.png | 0
src/books/botany/assets/images/练习.svg | 1
src/books/botany/assets/images/ziye002.png | 0
src/books/botany/assets/images/jizhua.png | 0
src/books/botany/assets/images/ziye004.png | 0
src/books/botany/assets/images/ezhang002.png | 0
src/books/botany/assets/images/sutie003.png | 0
src/books/botany/assets/images/fengmianBg.png | 0
src/books/botany/assets/images/chongyangmu001.png | 0
src/books/botany/assets/images/chongyangmu002.png | 0
src/books/botany/assets/main.less | 566 +++++++++++
src/books/botany/assets/images/qiyeshu.png | 0
src/books/botany/assets/images/yuanbaofeng.png | 0
src/books/botany/assets/images/sutie004.png | 0
src/books/botany/assets/images/chongyangmu003.png | 0
src/books/botany/view/index.vue | 80 +
src/books/botany/assets/images/zishu.png | 0
src/books/botany/assets/images/nvzhen003.png | 0
.env.product | 4
src/books/botany/assets/images/jinyenvzhen002.png | 0
src/books/botany/assets/images/sutie001.png | 0
src/books/botany/assets/images/huanglu.png | 0
src/books/botany/assets/images/shinan002.png | 0
src/books/artAndDrama/assets/main.less | 1
src/books/botany/assets/images/sutie002.png | 0
src/books/botany/assets/images/simianmu001.png | 0
src/books/botany/assets/images/jinyenvzhen001.png | 0
src/books/botany/assets/images/wuhuanzi001.png | 0
src/books/botany/view/components/index.vue | 954 +++++++++++++++++++
src/books/botany/assets/images/shinan003.png | 0
src/books/botany/assets/images/guailiu001.png | 0
src/books/botany/assets/images/guailiu003.png | 0
src/books/botany/assets/images/ezhang003.png | 0
src/books/botany/assets/images/simianmu002.png | 0
src/books/botany/assets/images/nvzhen001.png | 0
src/books/botany/assets/images/wuhuanzi002.png | 0
src/books/botany/assets/images/guailiu004.png | 0
src/books/botany/assets/images/jinyenvzhen003.png | 0
src/books/botany/assets/images/guailiu002.png | 0
src/books/botany/assets/images/simianmu003.png | 0
src/books/botany/assets/images/nvzhen002.png | 0
src/books/botany/assets/images/mubiao.png | 0
src/books/botany/assets/images/wuhuanzi003.png | 0
src/books/botany/view/components/header.vue | 1286 ++++++++++++++++++++++++++
src/books/botany/assets/images/ziyeli.png | 0
src/App.vue | 14
src/books/botany/assets/images/shinan001.png | 0
src/books/botany/assets/images/jiushu.png | 0
src/books/botany/assets/images/ziye001.png | 0
src/books/botany/assets/images/思想加油站.svg | 1
52 files changed, 2,902 insertions(+), 6 deletions(-)
diff --git a/.env.product b/.env.product
index c9c1245..64e37bf 100644
--- a/.env.product
+++ b/.env.product
@@ -1,6 +1,6 @@
VUE_APP_ENV = 'product'
VUE_APP_API_URL = "https://jsek.bnuic.com"
VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
-VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/sportsAndHealth'
-VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook"
+VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/botany'
+VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany"
VUE_APP_BOOK_ID = 'sportsAndHealth'
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index d83d783..9d0a372 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,6 +8,7 @@
<artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance>
<artAndDrama v-if="activeBook.name == 'artAndDrama'"></artAndDrama>
<mathBook v-if="activeBook.name == 'mathBook'"></mathBook>
+ <botany v-if="activeBook.name == 'botany'"></botany>
</div>
</template>
@@ -22,8 +23,8 @@
sportsAndHealth: () => import("./books/sportsAndHealth/view/index.vue"),
artAndDance: () => import("./books/artAndDance/view/index.vue"),
mathBook: () => import("./books/mathBook/view/index.vue"),
- artAndDrama: () => import("./books/artAndDrama/view/index.vue")
-
+ artAndDrama: () => import("./books/artAndDrama/view/index.vue"),
+ botany: () => import("./books/botany/view/index.vue")
},
data() {
return {
@@ -60,12 +61,19 @@
// artAndDance
// artAndDrama
// mathBook
+
this.activeBook = await this.config.getBookConfig(
- process.env.VUE_APP_RESOURCE_CTX +
+ process.env.VUE_APP_RESOURCE_CTX +
(process.env.VUE_APP_ENV == "product"
? process.env.VUE_APP_BOOK_ID
: "mathBook")
);
+ // this.activeBook = await this.config.getBookConfig(
+ // 'http://182.92.203.7:3007/books/resource/'+
+ // (process.env.VUE_APP_ENV == "product"
+ // ? process.env.VUE_APP_BOOK_ID
+ // : "botany")
+ // );
// 娴嬭瘯璇曡30椤�
// this.activeBook.tryPageCount = 10;
this.config.activeBook = this.activeBook;
diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less
index 6f0393a..ece392e 100644
--- a/src/books/artAndDrama/assets/main.less
+++ b/src/books/artAndDrama/assets/main.less
@@ -72,7 +72,6 @@
text-align: justify;
margin: 0 12%;
line-height: 30px;
-
}
span.zt-0 {
diff --git a/src/books/botany/assets/images/chongyangmu001.png b/src/books/botany/assets/images/chongyangmu001.png
new file mode 100644
index 0000000..0f03003
--- /dev/null
+++ b/src/books/botany/assets/images/chongyangmu001.png
Binary files differ
diff --git a/src/books/botany/assets/images/chongyangmu002.png b/src/books/botany/assets/images/chongyangmu002.png
new file mode 100644
index 0000000..d05242c
--- /dev/null
+++ b/src/books/botany/assets/images/chongyangmu002.png
Binary files differ
diff --git a/src/books/botany/assets/images/chongyangmu003.png b/src/books/botany/assets/images/chongyangmu003.png
new file mode 100644
index 0000000..69b70dc
--- /dev/null
+++ b/src/books/botany/assets/images/chongyangmu003.png
Binary files differ
diff --git a/src/books/botany/assets/images/ezhang001.png b/src/books/botany/assets/images/ezhang001.png
new file mode 100644
index 0000000..7f72b87
--- /dev/null
+++ b/src/books/botany/assets/images/ezhang001.png
Binary files differ
diff --git a/src/books/botany/assets/images/ezhang002.png b/src/books/botany/assets/images/ezhang002.png
new file mode 100644
index 0000000..557a5d2
--- /dev/null
+++ b/src/books/botany/assets/images/ezhang002.png
Binary files differ
diff --git a/src/books/botany/assets/images/ezhang003.png b/src/books/botany/assets/images/ezhang003.png
new file mode 100644
index 0000000..66bf291
--- /dev/null
+++ b/src/books/botany/assets/images/ezhang003.png
Binary files differ
diff --git a/src/books/botany/assets/images/fengmianBg.png b/src/books/botany/assets/images/fengmianBg.png
new file mode 100644
index 0000000..3f6cd7b
--- /dev/null
+++ b/src/books/botany/assets/images/fengmianBg.png
Binary files differ
diff --git a/src/books/botany/assets/images/guailiu001.png b/src/books/botany/assets/images/guailiu001.png
new file mode 100644
index 0000000..faa3623
--- /dev/null
+++ b/src/books/botany/assets/images/guailiu001.png
Binary files differ
diff --git a/src/books/botany/assets/images/guailiu002.png b/src/books/botany/assets/images/guailiu002.png
new file mode 100644
index 0000000..e5e521e
--- /dev/null
+++ b/src/books/botany/assets/images/guailiu002.png
Binary files differ
diff --git a/src/books/botany/assets/images/guailiu003.png b/src/books/botany/assets/images/guailiu003.png
new file mode 100644
index 0000000..1e73e38
--- /dev/null
+++ b/src/books/botany/assets/images/guailiu003.png
Binary files differ
diff --git a/src/books/botany/assets/images/guailiu004.png b/src/books/botany/assets/images/guailiu004.png
new file mode 100644
index 0000000..81ada15
--- /dev/null
+++ b/src/books/botany/assets/images/guailiu004.png
Binary files differ
diff --git a/src/books/botany/assets/images/huanglu.png b/src/books/botany/assets/images/huanglu.png
new file mode 100644
index 0000000..396c790
--- /dev/null
+++ b/src/books/botany/assets/images/huanglu.png
Binary files differ
diff --git a/src/books/botany/assets/images/jinyenvzhen001.png b/src/books/botany/assets/images/jinyenvzhen001.png
new file mode 100644
index 0000000..b676253
--- /dev/null
+++ b/src/books/botany/assets/images/jinyenvzhen001.png
Binary files differ
diff --git a/src/books/botany/assets/images/jinyenvzhen002.png b/src/books/botany/assets/images/jinyenvzhen002.png
new file mode 100644
index 0000000..c82a201
--- /dev/null
+++ b/src/books/botany/assets/images/jinyenvzhen002.png
Binary files differ
diff --git a/src/books/botany/assets/images/jinyenvzhen003.png b/src/books/botany/assets/images/jinyenvzhen003.png
new file mode 100644
index 0000000..5650b3f
--- /dev/null
+++ b/src/books/botany/assets/images/jinyenvzhen003.png
Binary files differ
diff --git a/src/books/botany/assets/images/jiushu.png b/src/books/botany/assets/images/jiushu.png
new file mode 100644
index 0000000..f2e1234
--- /dev/null
+++ b/src/books/botany/assets/images/jiushu.png
Binary files differ
diff --git a/src/books/botany/assets/images/jizhua.png b/src/books/botany/assets/images/jizhua.png
new file mode 100644
index 0000000..6d4310c
--- /dev/null
+++ b/src/books/botany/assets/images/jizhua.png
Binary files differ
diff --git a/src/books/botany/assets/images/mubiao.png b/src/books/botany/assets/images/mubiao.png
new file mode 100644
index 0000000..e01581b
--- /dev/null
+++ b/src/books/botany/assets/images/mubiao.png
Binary files differ
diff --git a/src/books/botany/assets/images/nvzhen001.png b/src/books/botany/assets/images/nvzhen001.png
new file mode 100644
index 0000000..5fc1954
--- /dev/null
+++ b/src/books/botany/assets/images/nvzhen001.png
Binary files differ
diff --git a/src/books/botany/assets/images/nvzhen002.png b/src/books/botany/assets/images/nvzhen002.png
new file mode 100644
index 0000000..a46e166
--- /dev/null
+++ b/src/books/botany/assets/images/nvzhen002.png
Binary files differ
diff --git a/src/books/botany/assets/images/nvzhen003.png b/src/books/botany/assets/images/nvzhen003.png
new file mode 100644
index 0000000..f7d92b7
--- /dev/null
+++ b/src/books/botany/assets/images/nvzhen003.png
Binary files differ
diff --git a/src/books/botany/assets/images/qiyeshu.png b/src/books/botany/assets/images/qiyeshu.png
new file mode 100644
index 0000000..182d1cf
--- /dev/null
+++ b/src/books/botany/assets/images/qiyeshu.png
Binary files differ
diff --git a/src/books/botany/assets/images/shinan001.png b/src/books/botany/assets/images/shinan001.png
new file mode 100644
index 0000000..0bd0d21
--- /dev/null
+++ b/src/books/botany/assets/images/shinan001.png
Binary files differ
diff --git a/src/books/botany/assets/images/shinan002.png b/src/books/botany/assets/images/shinan002.png
new file mode 100644
index 0000000..8848987
--- /dev/null
+++ b/src/books/botany/assets/images/shinan002.png
Binary files differ
diff --git a/src/books/botany/assets/images/shinan003.png b/src/books/botany/assets/images/shinan003.png
new file mode 100644
index 0000000..b5ba330
--- /dev/null
+++ b/src/books/botany/assets/images/shinan003.png
Binary files differ
diff --git a/src/books/botany/assets/images/simianmu001.png b/src/books/botany/assets/images/simianmu001.png
new file mode 100644
index 0000000..5252cb6
--- /dev/null
+++ b/src/books/botany/assets/images/simianmu001.png
Binary files differ
diff --git a/src/books/botany/assets/images/simianmu002.png b/src/books/botany/assets/images/simianmu002.png
new file mode 100644
index 0000000..e2f71d6
--- /dev/null
+++ b/src/books/botany/assets/images/simianmu002.png
Binary files differ
diff --git a/src/books/botany/assets/images/simianmu003.png b/src/books/botany/assets/images/simianmu003.png
new file mode 100644
index 0000000..75de320
--- /dev/null
+++ b/src/books/botany/assets/images/simianmu003.png
Binary files differ
diff --git a/src/books/botany/assets/images/sutie001.png b/src/books/botany/assets/images/sutie001.png
new file mode 100644
index 0000000..192876c
--- /dev/null
+++ b/src/books/botany/assets/images/sutie001.png
Binary files differ
diff --git a/src/books/botany/assets/images/sutie002.png b/src/books/botany/assets/images/sutie002.png
new file mode 100644
index 0000000..0562d13
--- /dev/null
+++ b/src/books/botany/assets/images/sutie002.png
Binary files differ
diff --git a/src/books/botany/assets/images/sutie003.png b/src/books/botany/assets/images/sutie003.png
new file mode 100644
index 0000000..1a31871
--- /dev/null
+++ b/src/books/botany/assets/images/sutie003.png
Binary files differ
diff --git a/src/books/botany/assets/images/sutie004.png b/src/books/botany/assets/images/sutie004.png
new file mode 100644
index 0000000..7722dbe
--- /dev/null
+++ b/src/books/botany/assets/images/sutie004.png
Binary files differ
diff --git a/src/books/botany/assets/images/wuhuanzi001.png b/src/books/botany/assets/images/wuhuanzi001.png
new file mode 100644
index 0000000..91d1b39
--- /dev/null
+++ b/src/books/botany/assets/images/wuhuanzi001.png
Binary files differ
diff --git a/src/books/botany/assets/images/wuhuanzi002.png b/src/books/botany/assets/images/wuhuanzi002.png
new file mode 100644
index 0000000..1ac7745
--- /dev/null
+++ b/src/books/botany/assets/images/wuhuanzi002.png
Binary files differ
diff --git a/src/books/botany/assets/images/wuhuanzi003.png b/src/books/botany/assets/images/wuhuanzi003.png
new file mode 100644
index 0000000..3171b11
--- /dev/null
+++ b/src/books/botany/assets/images/wuhuanzi003.png
Binary files differ
diff --git a/src/books/botany/assets/images/yuanbaofeng.png b/src/books/botany/assets/images/yuanbaofeng.png
new file mode 100644
index 0000000..ae0f7d7
--- /dev/null
+++ b/src/books/botany/assets/images/yuanbaofeng.png
Binary files differ
diff --git a/src/books/botany/assets/images/zishu.png b/src/books/botany/assets/images/zishu.png
new file mode 100644
index 0000000..4728980
--- /dev/null
+++ b/src/books/botany/assets/images/zishu.png
Binary files differ
diff --git a/src/books/botany/assets/images/ziye001.png b/src/books/botany/assets/images/ziye001.png
new file mode 100644
index 0000000..7306798
--- /dev/null
+++ b/src/books/botany/assets/images/ziye001.png
Binary files differ
diff --git a/src/books/botany/assets/images/ziye002.png b/src/books/botany/assets/images/ziye002.png
new file mode 100644
index 0000000..acae130
--- /dev/null
+++ b/src/books/botany/assets/images/ziye002.png
Binary files differ
diff --git a/src/books/botany/assets/images/ziye003.png b/src/books/botany/assets/images/ziye003.png
new file mode 100644
index 0000000..816666a
--- /dev/null
+++ b/src/books/botany/assets/images/ziye003.png
Binary files differ
diff --git a/src/books/botany/assets/images/ziye004.png b/src/books/botany/assets/images/ziye004.png
new file mode 100644
index 0000000..a3de487
--- /dev/null
+++ b/src/books/botany/assets/images/ziye004.png
Binary files differ
diff --git a/src/books/botany/assets/images/ziyeli.png b/src/books/botany/assets/images/ziyeli.png
new file mode 100644
index 0000000..a50fcf9
--- /dev/null
+++ b/src/books/botany/assets/images/ziyeli.png
Binary files differ
diff --git "a/src/books/botany/assets/images/\345\257\271\350\257\235\346\266\210\346\201\257\350\256\250\350\256\272 \0501\051.svg" "b/src/books/botany/assets/images/\345\257\271\350\257\235\346\266\210\346\201\257\350\256\250\350\256\272 \0501\051.svg"
new file mode 100644
index 0000000..fe72cb7
--- /dev/null
+++ "b/src/books/botany/assets/images/\345\257\271\350\257\235\346\266\210\346\201\257\350\256\250\350\256\272 \0501\051.svg"
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1728865689474" class="icon" viewBox="0 0 1039 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20685" xmlns:xlink="http://www.w3.org/1999/xlink" width="32.46875" height="32"><path d="M286.174886 611.378945a4812.096955 4812.096955 0 0 0 509.595383-15.767562c20.841711-1.839124 39.966567-18.8039 42.024756-37.495721 16.59797-153.696796 11.167204-307.31208-16.28211-460.85604-3.408239-18.666348-22.833672-38.687841-42.697233-43.919921C543.280398-7.483861 307.74002-12.415363 72.199642 38.545194c-19.853373 4.381294-39.436736 24.377313-43.018189 43.848597-28.814647 160.044577-34.709015 320.012736-17.67801 479.909572 10.092259 94.753114 28.233871 189.475662 54.424836 284.177831C129.910448 909.373134 114.626866 629.174129 286.174886 611.378945z" fill="#0e932e" p-id="20686"></path><path d="M658.197652 263.97803a1484.942647 1484.942647 0 0 0-465.374886 0l-11.956856-75.475423a1561.431881 1561.431881 0 0 1 489.283503 0l-11.951761 75.475423zM574.025871 420.487005a1747.703085 1747.703085 0 0 0-382.991284 0l-8.385592-75.954308a1824.029294 1824.029294 0 0 1 399.767562 0l-8.390686 75.954308z" fill="#0e932e" p-id="20687"></path><path d="M964.714985 1020.98404a32.992159 32.992159 0 0 1-23.409353-9.730547c-19.919602-20.041871-31.764378-32.044577-42.488358-42.941772-18.931264-19.196179-33.878607-34.362587-82.602667-82.88796a29.09994 29.09994 0 0 1-1.197214-1.253254c-92.669453-102.532458-220.210945-138.255284-379.114348-106.200517L422.845771 713.259303c183.000517-36.950607 331.225791 5.466428 440.554348 125.987662 47.53194 47.333254 62.866468 62.876657 81.329035 81.609234a1652.603542 1652.603542 0 0 0 23.144438-177.595224c9.959801-132.926408 3.209552-267.758169-20.046965-400.745711L1012.842985 331.144279c24.199005 138.362269 31.219264 278.670647 20.856995 417.03801-6.138905 81.970945-18.508418 165.062687-36.772298 246.972497a33.012537 33.012537 0 0 1-32.217791 25.829254z" fill="#0e932e" p-id="20688"></path></svg>
\ No newline at end of file
diff --git "a/src/books/botany/assets/images/\346\200\235\346\203\263\345\212\240\346\262\271\347\253\231.svg" "b/src/books/botany/assets/images/\346\200\235\346\203\263\345\212\240\346\262\271\347\253\231.svg"
new file mode 100644
index 0000000..45b4e6b
--- /dev/null
+++ "b/src/books/botany/assets/images/\346\200\235\346\203\263\345\212\240\346\262\271\347\253\231.svg"
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1728866532005" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26280" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M593.8 1013.9c-10.1 0-19.6-4.4-26.1-12-48.3-56.6-77.3-108.5-86.3-154.4-6.6-33.9 3.9-69.2 28.1-94.3 23.8-24.6 24-39.8 22.9-45.2-2.2-11.5-17.3-24.4-41.5-35.5-65-29.8-104.2-84.5-113.2-158.2-1.7-13.5-2.3-27.4-1.8-41.5-2.1 1.5-4.2 3.1-6.2 4.7-32.5 26.3-45.6 61.4-50.5 79.9-5.9 22.1-19.6 41.2-38.7 53.7l-43.1 28.5 10.6 15c14.1 19.8 16.9 45 7.7 67.4l-29.1 71.1c-1.5 3.7-1.3 7.9 0.5 11.4 1.9 3.6 5.2 6.1 9.1 7l39.4 8.6c39.5 8.6 74.6 31.2 99 63.5l56.8 75.5c5.5 7.3 7.9 16.3 6.6 25.4-1.3 9.1-6 17.1-13.3 22.6-15.4 11.2-37.3 7.7-48.1-6.7l-56.9-75.5c-14.5-19.2-35.4-32.7-58.9-37.8l-39.4-8.6c-23.7-5.2-43.8-20.5-55.2-42.1-11.3-21.7-12.5-47-3.2-69.4l29.3-71.3c0.1-0.3 0.3-0.9-0.2-1.6l-20.8-29.3c-8-11.3-11.2-25.7-8.7-39.3s10.7-25.9 22.3-33.6l57.9-38.2c5-3.3 8.5-8.2 10.1-14 7-26.5 25.9-76.8 73.6-115.6 26.1-21.2 57.3-36 92.7-44.1 40.2-9.2 86.3-9.8 137.1-1.7 52.3 8.3 96.6 26.6 131.7 54.3 30.5 24 54.2 55.3 70.4 92.8 27.3 63.2 28.2 133.2 24.1 180.8-3 34.1-14.4 67-33 95.3-18.9 28.7-41.5 53.1-67.3 72.6-27.9 21.1-59 36-92.7 44.3 8.9 12.7 19.1 25.8 30.4 39 12.3 14.3 10.6 36.1-3.8 48.4-6.3 5.1-14.2 8.1-22.3 8.1zM404.5 428.8l-2.6 22.5c-2.3 20.6-2.3 40.8 0 59.9 7.9 64.8 42.2 112.9 99.2 139 32.9 15.1 51.5 33 55.2 53.2 2.6 13.8-0.3 36.6-29.3 66.7-18.7 19.4-26.8 46.6-21.7 72.7 8.2 41.7 35.4 90 80.9 143.3 3.4 4 9.8 4.6 14.1 1 4.1-3.5 4.6-9.8 1.1-14-16.4-19.3-30.6-38.3-42.3-56.5l-9.9-15.4 18-3.2c36.8-6.4 70.6-21.1 100.3-43.6 23.6-17.8 44.3-40.2 61.7-66.5 16.4-24.8 26.4-53.9 29-84 3.9-44.8 3.2-110.4-22.2-169-14.6-33.8-35.9-61.8-63.2-83.3-31.8-25.1-72.3-41.7-120.4-49.4-47.7-7.6-90.7-7.1-127.9 1.4-31.7 7.3-59.6 20.5-82.8 39.3-42.3 34.4-59.2 79.2-65.4 102.9-3.1 11.6-10.2 21.6-20.2 28.1l-57.9 38.2c-6.2 4.1-10.5 10.5-11.8 17.6-1.3 7.2 0.3 14.8 4.6 20.8l20.9 29.4c5.1 7.4 6.2 16.6 2.8 24.9l-29.3 71.4c-6.5 15.8-5.7 33.5 2.3 48.8 8 15.1 22.1 26 38.8 29.6l39.4 8.6c29.2 6.4 55.2 23 73.2 46.9l56.8 75.5c3.2 4.2 9.5 5.2 14.1 1.8 2-1.5 3.3-3.8 3.7-6.5 0.4-2.6-0.3-5.2-1.9-7.3l-56.9-75.5c-20.9-27.7-51-47-84.8-54.4l-39.4-8.6c-10.9-2.4-20.2-9.5-25.5-19.4-5.2-10-5.8-21.6-1.5-32l29.1-71.1c6.1-14.6 4.2-31-5-44L203 632.9l64.2-42.4c14.1-9.2 24.2-23.3 28.5-39.6 5.7-21.4 20.9-61.9 58.7-92.5 9-7.3 19.1-13.8 29.9-19.3l20.2-10.3z m137 457.5l-5.1-11.7c-5.5-12.6-9.4-24.7-11.5-35.9-3.9-19.7 2.3-40.2 16.5-55 34.9-36.2 38-65.8 34.5-84.2-5.1-26.9-27.5-49.7-66.5-67.5-50.7-23.2-80.1-64.2-87.5-121.9-4.5-35.5 0.9-67 3.4-78.9l1.7-7.8 7.8-1.6c33.3-6.7 71.9-6.7 114.6 0 44.8 7.1 82.2 22.4 111.3 45.4 24.7 19.5 43.9 44.9 57.2 75.6 23.6 54.8 24.2 116.9 20.6 159.4-2.3 26.8-11.2 52.6-25.8 74.7-26.9 40.7-76 91.6-156.7 102.8-0.9 0.1-1.8 0.4-3 1l-11.5 5.6z m-93.8-442c-2.3 13.6-4.9 37-1.6 62.7 6.3 48.8 31 83.4 73.5 102.9 46.6 21.3 73.7 50 80.4 85.1 4.6 24 1.2 61.9-40.9 105.7-8.7 9.1-12.5 21.5-10.2 33.4 1.3 6.6 3.3 13.7 6.1 21.2 70.3-10.5 113.5-55.6 137.4-91.7 12.3-18.7 19.9-40.6 21.9-63.3 3.4-39.7 2.9-97.5-18.7-147.6-11.7-26.9-28.5-49.2-49.9-66.1-25.7-20.3-59.4-33.9-100-40.4-36.5-6-69.4-6.6-98-1.9z" fill="#0e932e" p-id="26281"></path><path d="M399.8 810.8c-15.3 0-30.2-4.5-42.9-13.1-7.6-5.1-12.8-12.9-14.6-21.9-1.8-9 0.1-18.2 5.3-25.8 5-7.6 12.8-12.8 21.9-14.6 9.1-1.7 18.2 0.1 25.8 5.3 1.9 1.3 4.1 1.7 6.4 1.3 2.3-0.5 4.3-1.8 5.5-3.7 1.3-1.9 1.7-4.2 1.3-6.5-0.5-2.3-1.8-4.3-3.7-5.5-7.6-5.1-12.8-12.9-14.6-21.9-1.8-9 0.1-18.2 5.2-25.7 5.1-7.6 12.9-12.8 21.9-14.6 9-1.7 18.2 0.1 25.8 5.2 35.4 23.7 44.9 71.9 21.1 107.2-14.4 21.5-38.5 34.3-64.4 34.3zM376 759.2c-0.6 0-1.3 0.1-1.9 0.2-2.6 0.5-4.9 2-6.3 4.2-1.5 2.3-2.1 4.9-1.5 7.5 0.5 2.6 2 4.9 4.2 6.3 8.8 5.9 18.9 8.9 29.4 8.9 17.8 0 34.3-8.7 44.1-23.4 16.2-24.2 9.7-57.1-14.5-73.4-2.2-1.5-4.8-2.1-7.4-1.5-2.6 0.5-4.8 2-6.3 4.2-1.5 2.3-2.1 4.9-1.5 7.5 0.5 2.6 2 4.9 4.2 6.3 7.3 5 12.3 12.4 14 21.1 1.7 8.7-0.1 17.5-5 24.8-10.2 15.1-30.7 19.2-45.9 9-1.8-1.1-3.7-1.7-5.6-1.7zM124.5 523.5c-57.8 0-104.8-47-104.8-104.7S66.7 314 124.5 314s104.7 47 104.7 104.8-47 104.7-104.7 104.7z m0-185.1c-44.3 0-80.4 36-80.4 80.4 0 44.3 36 80.4 80.4 80.4 44.3 0 80.4-36 80.4-80.4-0.1-44.4-36.1-80.4-80.4-80.4z" fill="#0e932e" p-id="26282"></path><path d="M124.5 326.2c-51.1 0-92.6 41.4-92.6 92.6 0 51.1 41.4 92.6 92.6 92.6 51.1 0 92.6-41.4 92.6-92.6-0.1-51.2-41.5-92.6-92.6-92.6z m47 100h-37.1v37.1h-18.6v-37.1H78.4v-18.7h37.3v-37.3h18.6v37.3h37.1v18.7zM502.3 346.8c-91.8 0-166.5-74.7-166.5-166.4 0-91.8 74.7-166.5 166.5-166.5s166.4 74.7 166.4 166.5c0.1 91.7-74.6 166.4-166.4 166.4z m0-308.5c-78.3 0-142.1 63.7-142.1 142.1 0 78.3 63.7 142.1 142.1 142.1 78.3 0 142.1-63.7 142.1-142.1 0-78.4-63.7-142.1-142.1-142.1z" fill="#0e932e" p-id="26283"></path><path d="M502.5 126.1h-1c-0.4 4.9-1.4 9.5-2.9 14l-18.9 57.8h44.1L505 140.5c-1.2-3.6-2-8.4-2.5-14.4z" fill="#0e932e" p-id="26284"></path><path d="M502.3 26.1C417.1 26.1 348 95.2 348 180.4c0 85.2 69.1 154.3 154.3 154.3 85.2 0 154.3-69.1 154.3-154.3 0-85.3-69.1-154.3-154.3-154.3z m42.3 237l-12.4-37.9H472l-12.2 37.9h-38.3l60.6-165.6h41.5L583 263.1h-38.4zM888.6 525.4c-63.4 0-115-51.6-115-115s51.6-115 115-115 115 51.6 115 115-51.6 115-115 115z m0-205.7c-50 0-90.6 40.7-90.6 90.6s40.7 90.6 90.6 90.6 90.6-40.7 90.6-90.6-40.6-90.6-90.6-90.6z" fill="#0e932e" p-id="26285"></path><path d="M888.6 307.5c-56.8 0-102.8 46-102.8 102.8s46 102.8 102.8 102.8 102.8-46 102.8-102.8c0-56.7-46-102.8-102.8-102.8z m34.5 154.7l-35.7-35.7-35.9 35.9-18-18 35.9-35.9-35.9-35.9 17.9-17.9 35.9 35.9 35.7-35.7 18 18-35.7 35.7 35.7 35.7-17.9 17.9z" fill="#0e932e" p-id="26286"></path></svg>
\ No newline at end of file
diff --git "a/src/books/botany/assets/images/\347\273\203\344\271\240.svg" "b/src/books/botany/assets/images/\347\273\203\344\271\240.svg"
new file mode 100644
index 0000000..247afd4
--- /dev/null
+++ "b/src/books/botany/assets/images/\347\273\203\344\271\240.svg"
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1728866427323" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24341" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M841.710792 959.651436 176.856475 959.651436c-61.197804 0-110.807688-49.643654-110.807688-110.878297L66.048787 183.481871c0-61.241806 50.339502-116.132974 111.538329-116.132974l446.152293 0 0 55.769165L177.586093 123.118062c-30.598902 0-56.132438 29.743418-56.132438 60.363809l0 665.292292c0 30.613228 24.802896 55.44273 55.401798 55.44273l664.854317 0c30.594809 0 60.871369-25.477254 60.871369-56.102762L902.581138 401.965931l55.768141 0 0 446.147176C958.350302 909.351843 902.908596 959.651436 841.710792 959.651436L841.710792 959.651436zM482.681766 718.861348c-8.100492 8.109702-18.243503 12.163017-28.703739 14.199397L211.397153 853.052606c-27.301809 12.674671-49.170886-11.809977-39.10974-39.134299L292.198433 571.171658c2.035356-10.467399 6.087649-20.614503 14.189164-28.723182L737.331513 111.220081c21.638833-21.653159 56.718793-21.653159 78.354556 0l97.942683 98.007151c21.633716 21.649066 21.633716 56.757678 0 78.403674L482.681766 718.861348 482.681766 718.861348zM225.343793 780.39275c-6.335289 12.782118 5.904477 25.904996 19.556405 19.567661l149.800771-90.739631-78.683037-78.726016L225.343793 780.39275 225.343793 780.39275zM345.565898 581.656453l312.716234-312.920896 98.639554 97.303116L443.505511 679.661557C406.779052 642.907469 355.970876 592.065524 345.565898 581.656453L345.565898 581.656453zM854.86437 228.830709l-58.764382-58.803267c-10.818393-10.827603-28.361955-10.827603-39.178301 0l-57.361429 57.394175 96.53666 99.413174 58.767452-58.804291C865.683786 257.208013 865.683786 239.657288 854.86437 228.830709L854.86437 228.830709z" p-id="24342" fill="#0e932e"></path></svg>
\ No newline at end of file
diff --git a/src/books/botany/assets/main.less b/src/books/botany/assets/main.less
new file mode 100644
index 0000000..f8f2fb9
--- /dev/null
+++ b/src/books/botany/assets/main.less
@@ -0,0 +1,566 @@
+.botany {
+ width: 100%;
+ height: 100%;
+ font-family: "瀹嬩綋", SimSun, sans-serif;
+ ul {
+ list-style-type: none;
+ }
+
+ li {
+ list-style-type: none;
+ }
+
+ .ls1 {
+ font-family: "HiFont Hei GB";
+ color: #30aad1;
+ font-weight: bold;
+ }
+ .hs {
+ font-family: "HiFont Hei GB";
+ color: #ea6b00;
+ font-weight: bold;
+ }
+
+ .zs1 {
+ font-family: "HiFont Hei GB";
+ color: #857eb4;
+ font-weight: bold;
+ }
+
+ span.under1 {
+ border-bottom: 2px solid #f0bd4a;
+ border-width: 2px;
+ }
+
+ div.bodystyle {
+ font-size: 18px;
+ text-align: justify;
+ padding: 20px 116px 104px 116px;
+ line-height: 30px;
+ }
+
+ .bodystyle-pt{
+ font-size: 18px;
+ text-align: justify;
+ padding: 50px 116px 104px 116px;
+ 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;
+ }
+
+ .note {
+ font-size: 0.85em;
+ }
+
+ .img {
+ margin: 1em 0;
+ text-align: center;
+ font-size: 0.8em;
+ color: #000;
+ text-indent: 0em;
+ }
+
+ .img1 {
+ text-align: right;
+ font-size: 0.85em;
+ margin-left: 0%;
+ margin-right: 2em;
+ text-indent: 0em;
+ }
+
+ p {
+ font-family: '瀹嬩綋';
+ // text-indent: 2em;
+ line-height: 30px;
+ font-size: 18px;
+ color: #000;
+ text-align: justify;
+ }
+ .center {
+ text-align: center;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .center1 {
+ font-family: "STKaiti";
+ text-align: center;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .left {
+ text-indent: 0em;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+ .right {
+ text-align: right;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+ .right1 {
+ font-family: "STKaiti";
+ 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: "STKaiti";
+ text-align: center;
+ font-size: 1.8em;
+ color: #515594;
+ margin-bottom: 0.5cm;
+ margin-top: 0.5cm;
+ }
+
+ h2 {
+ font-family: "STKaiti";
+ text-align: center;
+ font-size: 1.2em;
+ margin-top: 0.2em;
+ margin-bottom: 0.2em;
+ text-indent: 0em;
+ }
+
+ h2.lefth2 {
+ text-align: left;
+ font-size: 1.2em;
+ margin-top: 0.2em;
+ margin-bottom: 0.2em;
+ text-indent: 0em;
+ }
+
+ h2.whleft2 {
+ text-align: left;
+ color: #af0206;
+ font-size: 38px;
+ margin-top: 0.2em;
+ margin-bottom: 0.2em;
+ text-indent: 0em;
+ }
+
+ h3 {
+ font-family: "STKaiti";
+ color: #ef495d;
+ font-weight: bold;
+ // font-size: 1.15em;
+ font-size: 26px;
+ margin-top: 2em;
+ text-align: center;
+ margin-bottom: 20px;
+ text-indent: 0em;
+ }
+
+ h4 {
+ font-weight: bold;
+ color: #5877ba;
+ font-size: 1.1em;
+ margin-top: 0.2em;
+ margin-bottom: 1em;
+ text-indent: 0em;
+ }
+ h5 {
+ font-weight: bold;
+ color: #c96653;
+ font-size: 1em;
+ margin-top: 0.2em;
+ margin-bottom: 1em;
+ text-indent: 2em;
+ }
+ h6 {
+ font-family: "cnepub", serif;
+ color: #36c3f4;
+ font-size: 1.1em;
+ margin-top: 10px;
+ text-indent: 2em;
+ margin-bottom: 10px;
+ }
+ .u {
+ text-decoration: underline;
+ }
+
+ .img-0 {
+ display: flex;
+ width: 100%;
+ }
+ .imz {
+ width: 96%;
+ text-align: center;
+ }
+
+ .img-a {
+ width: 95%;
+ }
+ .img-b {
+ width: 80%;
+ }
+ .img-c {
+ width: 70%;
+ }
+ .img-d {
+ width: 60%;
+ }
+ .img-e {
+ width: 50%;
+ }
+ .img-f {
+ width: 40%;
+ }
+ .img-g {
+ width: 30%;
+ }
+ .img-gh1 {
+ width: 30%;
+ text-align: right;
+ }
+ .img-gh2 {
+ width: 45%;
+ text-align: right;
+ }
+ .img-h {
+ width: 25%;
+ }
+ .img-i {
+ width: 10%;
+ }
+ .img-j {
+ width: 5%;
+ }
+ .img-gn {
+ width: 48%;
+ }
+ .img-gn1 {
+ width: 18%;
+ }
+ .inline {
+ height: 2em;
+ margin-bottom: -0.5em;
+ }
+ .inline1 {
+ height: 1.5em;
+ margin-top: -1em;
+ margin-bottom: -0.4em;
+ }
+ .inline2 {
+ height: 2.5em;
+ margin-top: 2em;
+ margin-bottom: -0.4em;
+ }
+ .inline3 {
+ height: 4em;
+ margin-top: 2em;
+ margin-bottom: -0.4em;
+ }
+
+
+ .block1 {
+ font-family: "STKaiti";
+ color: #08a496;
+ text-align: right;
+ font-size: 1.15em;
+ margin-right: 2em;
+ text-indent: 0em;
+ }
+ .block2 {
+ font-family: "STKaiti";
+ // font-size: 1.15em;
+ font-size: 26px;
+ text-align: center;
+ text-indent: 0em;
+ margin: 6px 0;
+ }
+
+ .bj1 {
+ border: 2px solid #0aa19c;
+ background: #e3efd7;
+ border-style: solid none none none;
+ padding: 0.2em 0.4em 0.2em 0.4em;
+ margin-top: 1em;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ margin-bottom: 1em;
+ font-size: 1.1em;
+ box-shadow: 0.3em 0.3em 0px 0px #c3c2c0;
+ }
+
+ .bj2 {
+ border: 2px solid #e04239;
+ background: #fdecd2;
+ border-style: solid none none none;
+ padding: 0.2em 0.4em 0.2em 0.4em;
+ margin-top: 1em;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ margin-bottom: -0.8em;
+ font-size: 1.1em;
+ box-shadow: 0.3em 0.3em 0px 0px #c3c2c0;
+ }
+
+ .kaiti {
+ font-family: "STKaiti";
+ }
+
+ // 鑷畾涔�
+ .page-box {
+ position: relative;
+ box-sizing: border-box;
+ min-height: 1150px;
+ margin-bottom: 20px;
+ box-shadow: 0 3px 6px 1px #00000029;
+ background-color: #fff;
+ }
+ ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ }
+ .fl {
+ display: flex;
+ }
+ .fw-wr {
+ flex-wrap: wrap;
+ }
+ .fl-cl {
+ flex-direction: column;
+ }
+ .ju-bt {
+ justify-content: space-between;
+ }
+ .ju-cn {
+ justify-content: center;
+ }
+ .ju-end {
+ justify-content: flex-end;
+ }
+ .al-cn {
+ align-items: center;
+ }
+ .al-end {
+ align-items: end;
+ }
+ .wh-nr {
+ white-space: nowrap;
+ }
+ .w100 {
+ width: 100%;
+ }
+ .m0 {
+ margin: 0;
+ }
+ .mr-8 {
+ margin-right: 8px;
+ }
+ .mt-20 {
+ margin-top: 20px;
+ }
+ .mt-40 {
+ margin-top: 40px !important;
+ }
+ .mb-20 {
+ margin-bottom: 20px;
+ }
+ .mb-40 {
+ margin-bottom: 40px;
+ }
+ .ml-40 {
+ margin-left: 40px;
+ }
+ .mr-40 {
+ margin-right: 40px;
+ }
+ .pg-mh {
+ min-height: 1150px;
+ }
+ .dl-ib {
+ display: inline-block;
+ }
+ .w-min {
+ width: min-content;
+ }
+ .w40 {
+ width: 40px;
+ }
+ .pb-box {
+ position: absolute;
+ bottom: 0;
+ }
+ .m16-0 {
+ margin: 16px 0;
+ }
+ .fm-son {
+ font-family: "瀹嬩綋", SimSun, sans-serif;
+ }
+ .auido-text {
+ font-size: 22px;
+ font-family: "FangSong", "PMingLiU", serif;
+ font-weight: bold;
+ }
+ .front{
+ text-align: left !important;
+ }
+ }
+
+ /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+ @media (max-width: 660px) {
+ .ans-dance {
+ /* 鍒嗛〉padding */
+ .page-padding {
+ padding: 104px 20px;
+ }
+ .padding-96 {
+ padding: 0 20px;
+ }
+ /* video澶у皬 */
+ .video-box {
+ max-width: 260px;
+ }
+ .audio-box {
+ margin-top: 20px;
+ flex-wrap: wrap;
+ li {
+ width: 100%;
+ }
+ li:nth-child(2) {
+ margin-top: 10px;
+ }
+ }
+ .page-box{
+ min-height: 500px;
+ }
+ .pg-mh {
+ min-height: 815px;
+ }
+ .share-img-box {
+ min-height: 460px;
+ }
+ }
+ }
+ @media (max-width:820px) {
+ .botany {
+ .page-box {
+ min-height: 500px;
+ }
+ }
+ }
+ @media (min-width: 660px) {
+ .botany {
+ .page-padding {
+ padding: 104px 96px;
+ }
+ .padding-96 {
+ padding: 0 96px;
+ }
+ .video-box {
+ max-width: 370px;
+ }
+ .share-img-box {
+ min-height: 650px;
+ }
+ .audio-box {
+ margin-top: 20px;
+ flex-wrap: nowrap;
+ li {
+ width: 58%;
+ }
+ }
+ }
+ }
+
+
+ ::-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;
+ }
+
+
+// 鑷畾涔�
+.page-header-odd {
+ margin: 0;
+ margin-bottom: 20px;
+ width: 100%;
+ height: 104px;
+ display: flex;
+ justify-content: space-between;
+ li:first-child {
+ border: 1px solid #0E932E;
+ width: 15%;
+ height: 24px;
+ text-align: right;
+ padding-right: 4px;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ font-weight: 400;
+ }
+ li:nth-child(2) {
+ padding: 0 4px;
+ min-width: 132px;
+ height: 24px;
+ border: 1px solid #0E932E;
+ text-align: center;
+ box-sizing: border-box;
+ color: #0E932E;
+ font-weight: bold;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ li:last-child {
+ width: 64%;
+ height: 24px;
+ background-color: #0E932E;
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ padding-left: 5px;
+ }
+}
+
\ No newline at end of file
diff --git a/src/books/botany/view/components/header.vue b/src/books/botany/view/components/header.vue
new file mode 100644
index 0000000..d99201e
--- /dev/null
+++ b/src/books/botany/view/components/header.vue
@@ -0,0 +1,1286 @@
+<template>
+ <div class="chapter" num="1">
+ <div class="page-box mt-20" page="1">
+ <div v-if="showPageList.indexOf(1) > -1">
+ <div class="cover">
+ <img class="img-0 header-img" src="../../assets/images/fengmianBg.png" alt="">
+ <div class="header-box">
+ <div class="header-inner-box">
+ <div class="inner-top">椤圭洰浜�</div>
+ <div class="inner-bottom">甯歌瑙傝祻鏍戞湪璇嗗埆涓庡簲鐢�</div>
+ </div>
+ </div>
+ <div class="main-box">
+ <div class="main-text">浠诲姟涓�</div>
+ <div class="main-text">瑙傚彾绫昏璧忔爲鏈ㄧ殑璇嗗埆涓庡簲鐢�</div>
+ </div>
+ <div class="text-box">
+ <div class="text-top">
+ <div class="text-title">
+ <div class="titleImg-box">
+ <img class="titleImg-box-img" src="../../assets/images/mubiao.png" alt="">
+ </div>
+ </div>
+ <div class="title-text">
+ <div class="title-text-box">
+ 鐭ヨ瘑鐩爣
+ </div>
+ <div class="title-text-triangle"></div>
+ </div>
+ <p class="block">
+ 1.浜嗚В甯歌瑙傚彾鏍戞湪鐨勮璧忕壒鎬у強鍥灄搴旂敤褰㈠紡銆�
+ </p>
+ <p class="block">2.鎺屾彙甯歌瑙傚彾鏍戞湪鐨勮瘑鍒壒寰侊紝鑺憋紙鑺卞簭锛夎璧忕壒鎬у強鍥灄搴旂敤銆�</p>
+ <p class="block">3.閲嶇偣鎺屾彙瑙傚彾鏍戞湪鐨勮瘑鍒壒寰併�佷範鎬с�佽璧忕壒鎬у強鍥灄搴旂敤銆�</p>
+ </div>
+ </div>
+ <div class="text-box-bottom">
+ <div class="text-top">
+ <div class="text-title">
+ <div class="titleImg-box">
+ <img class="titleImg-box-img" src="../../assets/images/mubiao.png" alt="">
+ </div>
+ </div>
+ <div class="title-text">
+ <div class="title-text-box">
+ 鑳藉姏鐩爣
+ </div>
+ <div class="title-text-triangle"></div>
+ </div>
+ <p class="block">
+ 1.鑳借繘琛屽父瑙佽鍙舵爲鏈ㄧ殑璇嗗埆銆�
+ </p>
+ <p class="block">2.鑳藉鍥灄缁垮湴涓害娣锋穯鐨勮鍙舵爲鏈ㄨ繘琛岃鲸鍒��</p>
+ <p class="block">3.鑳藉湪妞嶇墿鏅璁捐涓庤惀閫犱腑姝ｇ‘閫夋嫨銆侀厤缃鍙舵爲鏈ㄣ��</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="2">
+ <div v-if="showPageList.indexOf(2) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>001</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <h1 class="center"><span class="span-c ff-s"><strong>椤圭洰浜�
+ 甯歌瑙傝祻鏍戞湪璇嗗埆涓庡簲鐢�</strong></span></h1>
+ <p class="center"><span class="span-c"><strong><span class="ff-s f-18">浠诲姟涓�
+ 瑙傚彾绫昏璧忔爲鏈ㄧ殑璇嗗埆涓庡簲鐢�</span></strong></span></p>
+ <p> </p>
+ <p><span class="f-18">涓�銆佸父缁挎爲绫�</span></p>
+ <p><span class="ff-s f-18 fw-800">1.鐭虫锛堝崈骞寸孩銆佹墖楠ㄦ湪锛�<em>Photinia
+ serrulata</em>钄疯枃绉� 鐭虫灞�</span></p>
+ <p><span><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>甯哥豢灏忎箶鏈紝鏍戝啝鍗靛舰鎴栧渾鐞冨舰銆傚崟鍙朵簰鐢燂紝闈╄川锛岃〃闈㈡繁缁匡紝鏈夊厜娉斤紝闀挎き鍦嗗舰鑷冲�掑嵉鐘舵き鍦嗗舰锛岀紭鏈夌粏灏栭敮榻裤�傛柊鍙剁孩鑹层�傝姳鍗曟�э紝澶嶄紴鎴胯姳搴忛《鐢燂紝鑺卞皬锛岀櫧鑹层�傝姳鏈�5锝�7鏈堛�傛ⅷ鏋滅悆褰紝绾㈣壊銆傛灉鏈�10锝�11鏈堛��</span>
+ </p>
+ <p class=" "><span><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>涓讳骇闀挎睙娴佸煙鍙婄Е宀互鍗楀湴鍖猴紝鍗庡寳鍦板尯鏈夋牻鍩癸紝澶氬憟鐏屾湪鐘躲�傚枩娓╂殩婀挎鼎鐨勬皵鍊欙紝鎶楀瘨鍔涗笉寮猴紝姘旀俯浣庝簬-10鈩冧互涓嬩細钀藉彾銆佹浜★紱鍠滃厜涔熻�愯崼锛屽鍦熷￥瑕佹眰涓嶄弗锛屼互鑲ユ矁婀挎鼎鐨勭爞璐ㄥ湡澹ゆ渶涓洪�傚疁锛涜悓鑺藉姏寮猴紝鑰愪慨鍓紝瀵圭儫灏樺拰鏈夋瘨姘斾綋鏈変竴瀹氱殑鎶楁�с��</span>
+ </p>
+ <p class=" "><span><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>鐭虫鏍戝啝鍦嗘暣锛屽彾鐗囧厜缁匡紝鍒濇槬瀚╁彾绱孩锛屾槬鏈櫧鑺辩偣鐐癸紝绉嬫棩绾㈡灉绱疮锛屾瀬瀵岃璧忎环鍊硷紝鏄憲鍚嶇殑搴櫌缁垮寲鏍戠銆傚湪鍥灄涓妞嶃�佷笡妞嶅強浣滃熀纭�鏍芥閮藉緢鍚堥�傘�備綆鐭殑鐏屾湪涓涘彲涓庨噾鍙跺コ璐炪�佺孩鍙跺皬妾楋紝鎵惰姵钘ょ瓑缁勬垚缇庝附鐨勫浘妗堛�傚彾鏍瑰彲鍏ヨ嵂銆傚崡鏂瑰湴鍖哄父鐢ㄤ綔瀚佹帴鏋囨澐鐨勭牕鏈�</span>
+ </p>
+ <div class="bk-ztgs">
+ <p class="bj1-ztgs">鍝佺</p>
+ <p class="fw-800">
+ 绾㈠彾鐭虫
+ <em>P</em>
+ <em>hotinia fraseri</em> :
+ </p>
+ <p>
+ 涓烘垜鍥戒骇鐨勭煶妤犱笌鍏夊彾鐭虫锛�<em>P.glabra</em>锛夋潅浜よ�屾垚锛屽褰笌鐭虫鐢氱浉浼硷紝涓昏鍖哄埆鏄細甯哥豢灏忎箶鏈紝鍙堕暱妞渾鑷冲嵉鐘舵き鍦嗗舰锛屾柊姊㈠強瀚╁彾椴滅孩鎸佷箙锛岃壋涓藉ず鐩�傚洯鏋椾腑甯歌鐨勬牻鍩瑰搧绉嶆湁绾㈢綏瀹�;锛�<em>P</em><em>hotinia
+ fraseri</em><em> </em> Red Robin ;锛夊拰 绾㈠攪 ;锛�<em>P</em><em>hotinia
+ fraseri</em> Red Tip ;锛夛紝鍧囨槸鐩墠鍥藉绾㈣壊缁跨鐨勪富鏍藉搧绉嶏紝琚獕涓虹孩鍙剁豢绡变箣鐜嬨�傝�愬瘨鑳藉姏寮猴紝鏈�浣庡彲杈�-18鈩冿紝閫傚悎鍦ㄦ垜鍥介粍娌虫祦鍩熶互鍗楀湴鍖烘牻妞嶃��
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="3">
+ <div v-if="showPageList.indexOf(3) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>002</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <!-- 杞挱鍥� -->
+ <div class="resource-primary-border" style="padding: 8px">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/shinan001.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/shinan002.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/shinan003.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <p class="img">鍥�2-3-4 鐭虫</p>
+ <p><span class="ff-s f-18 fw-800">2.濂宠礊锛堝ぇ鍙跺コ璐炪�佽湣鏍戯級<em>Ligustrum
+ lucidum</em> 鏈ㄧ妧绉� 濂宠礊灞�</span></p>
+ <p><span><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>甯哥豢涔旀湪锛屾爲鍐犲�掑嵉褰€�傛爲鐨伆鑹插钩婊戯紝鏋濆紑灞曪紝鍏风毊瀛斻�傚彾闈╄川锛屽嵉褰㈣嚦鍗电姸鎶拡褰紝鍏ㄧ紭锛岃〃闈㈡繁缁胯壊锛屾湁鍏夋辰銆傚渾閿ヨ姳搴忛《鐢燂紝鑺卞皬銆佺櫧鑹诧紝鑺抽锛岃姳鍐犺鐗囦笌鑺卞啝绛掕繎绛夐暱銆傝姳鏈�6锝�7鏈堛�傛祮鏋滅姸鏍告灉妞渾褰紝鐔熸椂绱粦鑹层�傛灉鏈�11锝�12鏈堛��</span>
+ </p>
+ <p><span><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>鍒嗗竷浜庨暱姹熸祦鍩熷強浠ュ崡鍚勫湴銆傞暱姹熶互鍖楀湴鍖烘湁鏍藉煿銆傚枩鍏夛紝绋嶈�愰槾锛屽枩娓╂殩锛屼笉鑰愬瘨锛屼笉鑰愬共鏃憋紝鍦ㄥ井閰告�ц嚦寰⒈鎬ф箍娑﹀湡澹や笂鐢熼暱鑹ソ锛涘浜屾哀鍖栫～銆佹隘姘斻�佹盁鍖栨阿绛夋湁瀹虫皵浣撴姉鎬у己锛涚敓闀垮揩锛岃悓鑺藉姏寮猴紝鑰愪慨鍓紱渚ф牴鍙戣揪锛岀Щ鏍芥瀬鏄撴垚娲汇��</span>
+ </p>
+ <p><span><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>濂宠礊鏋濆彾娓呯锛岀粓骞村父缁匡紝澶忔棩鐧借姳婊℃爲锛屽井甯﹁姵棣欙紝鍐绱灉缁忎箙涓嶅噵锛屾槸浼樿壇缁垮寲鏍戠鍜屾姉姹℃煋鏍戠銆傚彲瀛ゆ銆佸垪妞嶄簬鍥灄缁垮湴銆佽崏鍧竟缂樸�佸箍鍦恒�佸缓绛戠墿鍛ㄥ洿锛屼害鍙綔琛岄亾鏍戙�傜敓闀垮揩鍙堣�愪慨鍓紝涔熺敤浜庣豢绡便�傛垜鍥藉寳鏂瑰湴鍖洪湶鍦板鏍芥浜庡缓绛戠墿鐨勫崡渚с��</span>
+ </p>
+ <!-- 杞挱鍥� -->
+ <div class="resource-primary-border" style="padding: 8px">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/nvzhen001.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/nvzhen002.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/nvzhen003.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <p class="img">鍥�2-3-5 濂宠礊</p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="4">
+ <div v-if="showPageList.indexOf(4) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>003</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <p><span class="f-16"><span class="ff-s f-18 fw-800">3.鑻忛搧(閾佹爲銆佸嚖灏捐晧銆佸嚖灏炬澗銆侀伩鐏晧) <em>Cycas
+ revolute</em><em> </em>Thunb 鑻忛搧绉� 鑻忛搧灞�</span></span></p>
+ <p><span><span
+ class="ff-s span-c">銆愯瘑鍒壒寰併��</span>甯哥豢妫曟鐘朵箶鏈紝鍏ㄦ牚鍛堜紴褰€�備富骞茬矖澹紝鍦嗘煴褰紝鏈夋樉钁楃殑钀藉彾鐥曡抗銆傚ぇ鍨嬬窘鐘跺鍙朵笡鐢熻寧绔紝鍘氶潻璐ㄨ�屽潥纭�傝姳椤剁敓锛岄泴闆勫紓鏍紝闆勭悆鑺卞渾鏌卞舰锛岄粍鑹诧紱闆岀悆鑺卞ご鐘舵墎鐞冨舰锛屽瘑鐢熻鑹茬粧姣涳紝鑺辨湡6锝�7鏈堛�傜瀛愬�掑嵉褰紝鐣ユ墎锛�10鏈堟垚鐔燂紝鐔熸椂妫曠孩鑹层��</span>
+ </p>
+ <p>
+ <span><span
+ class="ff-s span-c">銆愬垎甯冨強涔犳�с��</span>鍘熶骇鎴戝浗绂忓缓銆佸彴婀俱�佸箍涓滅瓑鍦般�傚崕鍗椼�佽タ鍗楀湴鍖哄彲闇插湴鏍芥锛岄暱姹熸祦鍩熷強浠ュ寳鍦板尯澶氱泦鏍姐�傚枩鍏夛紝浣嗚�愬崐闃达紱鍠滄俯鏆栨箍娑︼紝涓嶈�愪弗瀵掑強闀挎湡骞叉棻锛涘鍛介暱锛屽彲杈�300骞翠互涓婏紱鍦ㄥ師浜у湴閫氬父10骞寸敓妞嶆牚鍗冲彲寮�鑺憋紝涓旇繛骞村潎鑳藉紑鑺辩粨瀹烇紝浣嗛暱姹熶互鍖楃敱浜庢棩鐓ц繃闀匡紝涓旂Н娓╀笉澶燂紝鍥犺�屼笉鏄撳瓡钑惧紑鑺憋紝鏁呮湁
+ 60骞翠竴鑺� 鎴� 鍗冨勾閾佹爲闅惧紑鑺� 涔嬭銆�</span>
+ </p>
+ <p><span><span
+ class="ff-s span-c">銆愭鐗╃敤閫斻��</span>閾佹爲鍥涘甯搁潚锛屼富骞查搧闈掕�屽彾鑹插ⅷ缁垮苟鍏峰厜娉姐�傝嫃閾佹爲褰紭缇庯紝鏄〃鐜扮儹甯﹂鍏夌殑浼樿壇鏍戠銆傚湪鍗楁柟閫備簬鑽夊潽鍐呭妞嶆垨缇ゆ锛屽寳鏂瑰湴鍖哄鐩嗘牻锛屽彲甯冪疆浜庤姳鍧涗腑蹇冿紝涔熷彲鐢ㄤ簬瑁呴グ澶у瀷浼氬満銆傜窘鐘跺彾鍙敤浜庢彃鑺便��</span>
+ </p>
+ <div class="bk-ztgs">
+ <p class="bj1-ztgs">搴旂敤娉ㄦ剰浜嬮」</p>
+ <p>
+ 鍥犺嫃閾佷负鑲夎川鏍癸紝涓嶈�愮Н姘达紝鍥犳锛岀泦鏍芥椂蹇岀敤绮樿川鍦熷￥锛屼害蹇屾祰姘磋繃澶氾紝鍚﹀垯鏄撶儌鏍广��
+ </p>
+ </div>
+ <!-- 杞挱鍥� -->
+ <div class="resource-primary-border" style="padding: 8px">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/sutie001.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/sutie002.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/sutie003.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/sutie004.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <p class="img">鍥�2-3-6 鑻忛搧</p>
+ <p> </p>
+ <p><span class="f-18">浜屻�佽惤鍙舵爲绫�</span></p>
+ <p><span class="ff-s f-18 fw-800">4.涓冨彾鏍戯紙妗い鏍戯級<em>Aesculus chinensis </em>涓冨彾鏍戠 涓冨彾鏍戝睘</span></p>
+ <p><span><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾涔旀湪锛屾爲鍐犲簽澶э紝鍦嗙悆褰€�傛爲鐨伆瑜愯壊锛岀墖鐘跺墺钀姐�傛帉鐘跺鍙讹紝瀵圭敓锛屽皬鍙�5锝�7锛岄暱妞渾鐘舵姭閽堝舰鑷崇煩鍦嗗舰锛岀紭鍏风粏閿娇銆傚渾閿ヨ姳搴忓瘑闆嗗渾鏌辩姸锛岃姳鐧借壊锛岃姵棣欍�傝姳鏈�5鏈堛�傝挻鏋滆繎鐞冨舰锛岄粍瑜愯壊銆傜瀛愬舰濡傛澘鏍楋紝娣辫鑹层�傛灉鏈�9锝�10鏈堛��</span>
+ </p>
+ <p class=" "><span><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>鎴戝浗榛勬渤娴佸煙鍙婁笢閮ㄥ悇鐪佸潎鏈夊垎甯冦�傚枩鍏夛紝绋嶈�愰槾锛涘枩娓╂殩婀挎鼎姘斿�欙紝杈冭�愬瘨锛岀晱閰风儹銆傚枩娣卞帤銆佽偉娌冦�佹箍娑﹁�屾帓姘磋壇濂界殑鍦熷￥锛涙繁鏍规�э紝钀岃娊鍔涗笉寮猴紝鐢熼暱杈冩參锛屽鍛介暱銆�</span>
+ </p>
+ <p class=" "><span><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>涓冨彾鏍戞爲骞茶�哥洿锛屽啝澶ц崼娴擄紝鍒濆绻佽姳婊℃爲锛岀澶х殑鐧借壊鑺卞簭鍙堜技涓�鐩忓崕涓界殑鐑涘彴锛岃敋鐒跺彲瑙傦紝鏄笘鐣岃憲鍚嶈璧忔爲銆備笌鎮搩鏈ㄣ�侀箙鎺屾ジ銆侀摱鏉忋�佹ご鏍戝叡绉颁负涓栫晫浜斿ぇ琛岄亾鏍戙�傚彲瀛ゆ銆佺兢妞嶏紝鎴栦笌甯哥豢鏍戝拰闃斿彾鏍戞贩绉嶃��</span>
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="5">
+ <div v-if="showPageList.indexOf(5) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>004</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="center openImgBox">
+ <img class="img-c" alt="" src="../../assets/images/qiyeshu.png" />
+ </p>
+ <p class="img">鍥�2-3-7 涓冨彾鏍�</p>
+ <p><span><span class="ff-s f-18 fw-800">5.榛勬爩<em>Cotinus coggygria </em>婕嗘爲绉� 榛勬爩灞�</span></span></p>
+ <p><span><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾灏忎箶鏈ㄦ垨鐏屾湪锛屾爲鍐犲嵉鍦嗗舰鎴栧渾鐞冨舰銆傛爲鐨繁鐏拌鑹诧紝涓嶅紑瑁傘�傚崟鍙朵簰鐢燂紝瀹藉嵉褰㈡垨鍦嗗舰锛屼晶鑴夐《绔父2鍙夌姸銆傝姳灏忥紝鏉傛�э紝鍦嗛敟鑺卞簭椤剁敓锛岃姳鍚庡鏁颁笉瀛曪紝鑺辨浼搁暱鎴愭贰绱壊缇界姸锛屽瀛樺湪鏍戞ⅱ涓娿�傝姳鏈�4锝�5鏈堛�傛牳鏋滃皬锛屾墎鑲惧舰銆傛灉鏈�6锝�7鏈堛��</span>
+ </p>
+ <p><span><span class="span-c">銆愬垎甯冨強涔犳�с��</span>鍘熶骇浜庢垜鍥借タ鍗椼�佸崕鍖楀拰娴欐睙銆傛娲蹭笢鍗楅儴涔熸湁鍒嗗竷銆傚枩鍏夛紝绋嶈�愰槾锛涜�愬共鐦狅紝鑰愬瘨锛岃姹傚湡澹ゆ帓姘磋壇濂斤紱钀岃槚鍔涘己锛岀敓闀垮揩銆�</span>
+ </p>
+ <p><span><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>榛勬爩鏄垜鍥介噸瑕佺殑瑙傝祻绾㈠彾鏍戠锛屽彾鐗囩瀛ｅ彉绾紝椴滆壋澶虹洰锛岃憲鍚嶇殑鍖椾含棣欏北绾㈠彾鍗充负鏈銆傝姳鍚庝箙鐣欎笉钀界殑涓嶅瓡鑺辩殑鑺辨鍛堢矇绾㈢窘姣涚姸鍦ㄦ灊澶村舰鎴愪技浜戜技闆剧殑鏅锛屽疀濡備竾缂曠綏绾辩辑缁曟灄闂达紝鏁呮湁
+ 鐑熸爲 鐨勭編瑾夈�傚湪鍥灄涓彲澶ч潰绉牻妞嶆垚椋庢櫙鏋楋紝涔熷彲涓涙銆佺墖妞嶅湪搴洯銆佹灄缂樸�佸北鍧°�佹渤宀告垨閰嶇疆浜庡ぇ鍨嬪北鐭虫梺銆�</span>
+ </p>
+ <p class="center openImgBox">
+ <img class="img-c" alt="" src="../../assets/images/huanglu.png" />
+ </p>
+ <p class="img">鍥�2-3-8 榛勬爩</p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="6">
+ <div v-if="showPageList.indexOf(6) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>005</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <p><span><span class="ff-s f-18 fw-800">6.鏃犳偅瀛愶紙鐨殏瀛愶級<em>Sapindus
+ mukurossi </em>Gaertn 鏃犳偅瀛愮 鏃犳偅瀛愬睘</span></span>
+ </p>
+ <p><span><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾鎴栧崐甯哥豢涔旀湪锛岄珮杈�25m锛屾爲鍐犲箍鍗靛舰鎴栨墎鐞冨舰銆傛爲鐨伆鐧借壊锛屽钩婊戜笉瑁傘�傚皬鏋濇棤姣涳紝鑺戒袱涓彔鐢熴�傚伓鏁扮窘鐘舵爲鍙讹紝浜掔敓鎴栬繎瀵圭敓锛屽皬鍙�8锝�14锛屽嵉鐘舵姭閽堝舰锛屽叏缂橈紝钖勯潻璐ㄣ�傞《鐢熷渾閿ヨ姳搴忥紝榛勭櫧鑹叉垨甯︽贰绱壊銆傝姳鏈�5锝�6鏈堛�傛牳鏋滆繎鐞冨舰锛岀啛鏃堕粍鑹叉垨姗欓粍鑹诧紱绉嶅瓙鐞冨舰锛岃鑹诧紝鍧氱‖銆傛灉鏈�9锝�10鏈堛��</span>
+ </p>
+ <p><span><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>浜ф垜鍥介暱姹熸祦鍩熷強鍏朵互鍗楀湴鍖恒�傝秺鍗椼�佽�佹対銆佸嵃搴︺�佹棩鏈害浜с�傚枩鍏夛紝鑰愬瘨鎬т笉寮猴紱瀵瑰湡澹よ姹備笉涓ワ紝涓嶈�愭按婀匡紝鑰愬共鏃憋紱娣辨牴鎬э紝鎶楅鍔涘己锛涜悓鑺藉姏寮憋紝涓嶈�愪慨鍓紱瀵垮懡闀匡紱瀵逛簩姘у寲纭姉鎬ц緝寮恒��</span>
+ </p>
+ <p><span><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>鏃犳偅瀛愭爲褰㈤珮澶э紝鏍戝啝寮�灞曪紝缁胯崼绋犲瘑锛岀鍙堕噾榛勶紝鏋滃疄绱疮锛岄涓虹編瑙傦紝鑻ヤ笌鍏跺畠绉嬭壊鍙舵爲绉嶅強甯哥豢鏍戠閰嶆锛屾洿鍙皳鍥灄绉嬫櫙澧炶壊銆傚疁浣滃涵鑽爲鍙婅閬撴爲銆傛灉鑲夊惈鐨傜礌锛屽彲浠ｈ偉鐨備娇鐢紱鏍瑰強鏋滃叆鑽紱绉嶅瓙姒ㄦ补鍙綔娑︽粦娌圭敤銆�</span>
+ </p>
+ <!-- 杞挱鍥� -->
+ <div class="resource-primary-border" style="padding: 8px">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/wuhuanzi001.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/wuhuanzi002.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/wuhuanzi003.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <p class="img">鍥�2-3-9 鏃犳偅瀛�</p>
+ <p><span><span class="ff-s f-18 fw-800">7.绱彾鏉庯紙绾㈠彾鏉庯級<em>Prunus cerasifera
+ </em>f.<em> atropurpurea</em> 钄疯枃绉� 鏉庡睘锛堟ū灞烇級</span></span></p>
+ <p><span><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾灏忎箶鏈ㄣ�傚共鐨传鐏拌壊锛屽皬鏋濆厜婊戯紝绱孩鑹层�傚崟鍙朵簰鐢燂紝鍙跺嵉褰㈣嚦鍊掑嵉褰紝鍩洪儴鍦嗗舰锛岀紭鏈夐噸閿娇銆傚彾鐗囥�佽姳鏌勩�佽姳钀笺�侀泟钑婇兘鎴愮传绾㈣壊銆傝姳鍗曠敓鎴�2锝�3鏈佃仛鐢燂紝娣＄矇绾㈣壊銆傝姳鏈�4锝�5鏈堛�傛牳鏋滆繎鐞冨舰锛屾殫绾㈣壊銆傛灉鏈�6锝�7鏈堛��</span>
+ </p>
+ <p><span><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>鍘熶骇浜氭床瑗垮崡閮紝鐜板悇鍦板箍涓烘牻鍩广�傚枩鍏夛紝鍠滄俯鏆栨箍娑︽皵鍊欙紝鏈変竴瀹氱殑鎶楁棻鑳藉姏锛涘鍦熷￥閫傚簲鎬у己锛屼笉鑰愬共鏃憋紝杈冭�愭按婀匡紝浣嗗湪鑲ユ矁銆佹繁鍘氥�佹帓姘磋壇濂界殑榛忚川涓�с�侀吀鎬у湡澹や腑鐢熼暱鑹ソ锛屼笉鑰愮⒈锛涙祬鏍规�э紝钀岃槚鎬у己銆�</span>
+ </p>
+ <p><span><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>绱彾鏉庡彾鐗囪嚜鏄ヨ嚦绉嬪憟绾㈣壊锛屽挨浠ユ槬瀛ｆ渶涓洪矞鑹筹紝鑺卞皬锛岀櫧鑹叉垨绮夌孩鑹诧紝鏄壇濂界殑瑙傚彾妞嶇墿銆傚彲涓涙銆佸妞嶄簬鑽夊潽瑙掗殔鍜屽缓绛戠墿鍓嶏紝鎴栦互娴呰壊鍙舵爲涓鸿儗鏅爲锛屾洿鑳界儤鎵樺嚭鍙惰壊缇庣殑鐗规�э紱涓庡父缁挎爲閰嶆锛屽垯缁挎爲绾㈣壊鐩告槧鎴愯叮銆�</span>
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="7">
+ <div v-if="showPageList.indexOf(7) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>006</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="center openImgBox">
+ <img class="img-c" alt="" src="../../assets/images/ziyeli.png" />
+ </p>
+ <p class="img">鍥�2-3-10 绱彾鏉�</p>
+ <p><span><span class=" ff-s f-18 fw-800">8.涓濈坏鏈紙鏄庡紑鐧惧悎銆佺櫧鏉滐級<em>Euonymus</em><em> </em><em>bungeanus</em>鍗煕绉�
+ 鍗煕灞�</span></span></p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾灏忎箶鏈紝鏍戝啝鍦嗗舰鎴栧嵉鍦嗗舰銆傚皬鏋濈粏闀匡紝缁胯壊鏃犳瘺锛屽洓妫卞舰銆傚崟鍙跺鐢燂紝鍗靛舰鑷冲嵉鐘舵き鍦嗗舰锛岀紭鏈夌粏閿娇銆傝姳娣＄豢鑹诧紝鑺遍儴4鏁帮紝3锝�7鏈垫垚鑱氫紴鑺卞簭銆傝姳鏈�5鏈堛�傝挻鏋滅矇绾㈣壊锛�4娣辫锛岀瀛愬叿绾㈣壊鍋囩鐨�傛灉鏈�10鏈堛��</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>浜ф垜鍥藉崕涓溿�佸崕涓�佸崕鍖楀悇鍦般�傚枩鍏夛紝绋嶈�愰槾锛涜�愬瘨锛岃�愭棻锛岃�愭按婀匡紝瀵瑰湡澹よ姹備笉涓ワ紱娣辨牴鎬э紝鐢熼暱杈冩參锛屾牴绯诲彂杈撅紝鏍硅槚鎬у己锛涘鏈夊姘斾綋鏈変竴瀹氭姉鎬с��</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>涓濈坏鏈ㄦ灊鍙剁涓斤紝绉嬪鍙舵灉绾㈣壋锛屾槸鑹ソ鐨勫洯鏋楃豢鍖栧拰瑙傝祻鏍戠銆傚疁妞嶄簬鏋楃紭銆佽崏鍧�佽矾鏃併�佹箹杈瑰強婧晹锛屼篃鍙敤浣滈槻鎶ゆ灄鍙婂伐鍘傜豢鍖栨爲绉嶃��</span>
+ </p>
+ <!-- 杞挱鍥� -->
+ <div class="resource-primary-border" style="padding: 8px">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/simianmu001.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/simianmu002.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/simianmu003.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <p class="img">鍥�2-3-10 涓濈坏鏈�</p>
+ <p><span><span><span class="ff-s f-18 fw-800"><span>9.绱彾灏忔獥<em>Berberis
+ thunbergii </em>灏忔獥绉� 灏忔獥灞� </span> </span></span> </span></p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾澶氭灊鐏屾湪銆傚辜鏋濈传绾㈣壊锛岃�佹灊鐏拌鑹叉垨绱鑹诧紝鏈夋Ы锛屽叿鍒恒�傚彾鍏ㄧ紭锛岃彵褰㈡垨鍊掑嵉褰紝鍙舵繁绱壊鎴栫孩鑹诧紝鍦ㄧ煭鏋濅笂绨囩敓銆傝姳鍗曠敓鎴�2锝�5鏈垫垚鐭�荤姸鑺卞簭锛岄粍鑹诧紝涓嬪瀭锛岃姳鐡ｈ竟缂樻湁绾㈣壊绾规檿銆傛祮鏋滅孩鑹诧紝瀹垮瓨銆傝姳鏈�4鏈堜唤锛庢灉鐔熸湡9锝�10鏈堜唤銆�</span>
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="8">
+ <div v-if="showPageList.indexOf(8) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>007</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <p><span class="ff-s"><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>绱彾灏忔獥鍘熶骇鏃ユ湰锛屾垜鍥界Е宀湴鍖轰篃鏈夊垎甯冿紟鐜版垜鍥藉悇澶у煄甯傛湁鏍藉煿銆傚枩鍑夌埥婀挎鼎鐨勭幆澧冿紝鑰愬瘨涔熻�愭棻锛屼笉鑰愭按娑濓紝鍠滈槼锛岃�愪慨鍓紝瀵瑰悇绉嶅湡澹ら兘鑳介�傚簲銆�</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>绱彾灏忔獥鏄ュ紑榛勮姳锛岀缂�绾㈡灉锛屾槸鍙躲�佽姳銆佹灉淇辩編鐨勮璧忚姳鏈ㄣ�傞�傚疁鍦ㄥ洯鏋椾腑浣滆姳绡辨垨鍦ㄥ洯璺闅呬笡妞嶃�佸ぇ鍨嬭姳鍧涢暥杈规垨鍓垚鐞冨舰瀵圭О鐘堕厤妞嶏紟鎴栫偣缂�鍦ㄥ博鐭抽棿銆佹睜鐣斻�備篃鍙埗浣滅泦鏅��</span>
+ </p>
+ <!-- 杞挱鍥� -->
+ <div class="resource-primary-border" style="padding: 8px">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ziye001.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ziye002.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ziye003.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ziye004.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <p class="img">鍥�2-3-11 绱彾灏忔獥</p>
+ <p><span><span class="ff-s f-18 fw-800">10.姊撴爲锛堥粍鑺辨ジ銆佹按妗愩�佹湪瑙掕眴锛�<em>Catalpa ovata</em>绱懗绉�
+ 姊撴爲灞�</span></span></p>
+ <p><span class="ff-s"><span
+ class="span-c"><strong>銆愯瘑鍒壒寰併��</strong></span>钀藉彾涔旀湪銆傛爲鐨伆瑜愯壊锛屾祬绾佃銆傚崟鍙跺鐢燂紝鎴�3鍙惰疆鐢燂紝骞垮嵉褰㈡垨杩戝渾褰紝鍩洪儴蹇冨舰鎴栧渾褰紝鍩洪儴鑴夎厠鏈夌传鏂戙�傞《鐢熷渾閿ヨ姳搴忥紝鑺卞啝娣￠粍鑹诧紝鍐呮湁榛勮壊鏉＄汗鍙婄传鑹叉枒绾广�傝姳鏈�5锝�6鏈堛�傝挻鏋滅粏闀夸笅鍨傦紝闀�22锝�30cm銆傜瀛愭湁姣涖�傛灉鏈�9锝�10鏈堛��</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c"><strong>銆愬垎甯冨強涔犳�с��</strong></span>鍘熶骇鎴戝浗锛屽垎甯冧簬涓滃寳銆佸崕鍖楋紝鍗楄嚦鍗庡崡鍖楅儴锛屼互榛勬渤涓笅娓镐负鍒嗗竷涓績銆傚枩鍏夛紝绋嶈�愰槾锛涢�傜敓浜庢俯甯﹀湴鍖猴紝鑰愬瘨锛涘枩娣卞帤銆佽偉娌冦�佹箍娑﹀湡澹わ紝涓嶈�愬共鐦犮�傛姉鎬у己锛屾繁鏍规�с��</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c"><strong>銆愭鐗╃敤閫斻��</strong></span>姊撴爲鏍戝啝瀹藉ぇ锛屽瀛ｈ姳澶ч矞鑹筹紝绉嬪啲钂存灉鍨傛寕銆傚彲浣滃涵鑽爲銆佽閬撴爲銆佺嫭璧忔爲鍙�“鍥涙梺”缁垮寲鏍戠銆傚父涓庢鏍戦厤妞嶏紝“妗戞”鎰忓嵆鏁呬埂銆�</span>
+ </p>
+ <p class="center openImgBox">
+ <img class="img-c" alt="" src="../../assets/images/zishu.png" />
+ </p>
+ <p class="img">鍥�2-3-12 姊撴爲</p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="9">
+ <div v-if="showPageList.indexOf(9) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>008</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <p><span><span class="ff-s f-18 fw-800">11.妤告爲锛堟妗愩�侀噾涓濇ジ锛�<em>Catalpa bungei </em>绱懗绉�
+ 姊撴爲灞�</span></span></p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾涔旀湪锛屾爲鍐犵嫮闀挎垨鍊掑嵉褰€�傛爲鐨伆瑜愯壊锛屾祬绾佃锛岃�佹爲骞插叿鐦ょ姸绐佽捣銆傚崟鍙跺鐢熸垨杞敓锛屼笁瑙掔姸鍗靛舰鑷冲嵉鐘舵き鍦嗗舰锛屽叏缂樻垨涓笅閮ㄦ湁瑁傜墖锛屽熀閮ㄨ剦鑵嬫湁绱枒銆傞《鐢熶紴鎴跨姸鎬荤姸鑺卞簭锛涜姳鍐犵櫧鑹诧紝鍐呮湁绱枒銆傝姳鏈�4锝�5鏈堛�傝挻鏋滈暱25锝�50cm銆傜瀛愭湁姣涖�傛灉鏈�9锝�10鏈堛��</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>鍘熶骇鎴戝浗锛岄暱姹熶笅娓稿拰榛勬渤娴佸煙鍚勫湴鏅亶鏍藉煿銆傚枩鍏夛紝鍠滄俯鍑夋皵鍊欙紝鑻楁湡鑰愬簢鑽紱鍦ㄦ繁鍘氳偉娌冦�佹箍娑︾枏鏉剧殑涓�с�佸井閰告�у拰閽欒川澹ゅ湡涓敓闀胯繀閫燂紝涓嶈�愬共鏃卞拰姘存箍锛涗富鏍规槑鏄俱�佺矖澹紝渚ф牴鍙戣揪锛岃悓鑺藉姏銆佹牴铇栧姏閮藉緢寮恒�傝嚜鑺变笉鑲诧紝闇�寮傛牚鎴栧紓鑺辨巿绮夈��</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>妤告爲鏍戝Э淇婄锛屾灊绻佸彾鑼傦紝鑺卞鐩栧啝锛屽叾鑺卞舰鑻ラ挓锛岀孩鏂戠偣缂�鐧借壊鑺卞啝锛屽闆技鐏紝棰囦负缇庝附銆傚彲瀛ゆ銆佸垪妞嶃�佷笡妞嶃�佷笌寤虹瓚閰嶆鏇磋兘鏄剧ず鍙ゆ湸銆佽媿鍔茬殑鏍戝娍銆�</span>
+ </p>
+ <p class="center openImgBox">
+ <img class="img-c" alt="" src="../../assets/images/jiushu.png" />
+ </p>
+ <p class="img">鍥�2-3-13 妤告爲</p>
+ <p><span><span
+ class="ff-s f-18 fw-800">12.閲戝彾濂宠礊<em>Ligustrum</em><em>×</em><em>vicaryi</em> 鏈ㄧ妧绉�
+ 濂宠礊灞�</span></span></p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>鐏屾湪锛岄珮2锝�3绫筹紝鍐犲箙1.5锝�2绫炽�傛灊鏉￠摵鏁ｃ�傚崟鍙跺鐢燂紝妞渾褰㈡垨鍗电姸妞渾褰紝闀�2锝�5鍘樼背銆傛�荤姸鑺卞簭锛屽皬鑺辩櫧鑹层�傛牳鏋滈様妞渾褰紝绱粦鑹层��</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>涓浗涓儴銆佷笢閮ㄣ�佽タ鍗楅儴銆傞噾鍙跺コ璐炴�у枩鍏夛紝鑰愰槾鎬ц緝宸紝鑰愬瘨鍔涗腑绛夛紝閫傚簲鎬у己锛屼互鐤忔澗鑲ユ矁銆侀�氶�舵�ц壇濂界殑娌欏￥鍦熶负鏈�濂姐��</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>閲戝彾濂宠礊鍦ㄧ敓闀垮鑺傚彾鑹插憟椴滀附鐨勯噾榛勮壊锛屽挨鍏跺湪鏄ョ涓ゅ鑹叉辰鏇村姞鐠�鐠ㄤ寒涓姐�傚彲涓庣孩鍙剁殑绱彾灏忔獥銆佺孩鑺辩户鏈ㄣ�佺豢鍙剁殑榫欐煆銆侀粍鏉ㄧ瓑缁勬垚鐏屾湪鐘惰壊鍧楋紝褰㈡垚寮虹儓鐨勮壊褰╁姣旓紝鍏锋瀬浣崇殑瑙傝祻鏁堟灉銆傜敱浜�</span>
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="10">
+ <div v-if="showPageList.indexOf(10) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>009</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <p style="text-indent: 0em;"><span class="ff-s">鍏跺彾鑹蹭负閲戦粍鑹诧紝鎵�浠ュぇ閲忓簲鐢ㄥ湪鍥灄缁垮寲涓紝涓昏鐢ㄦ潵缁勬垚鍥炬鍜屽缓閫犵豢绡便��</span></p>
+ <!-- 杞挱鍥� -->
+ <div class="resource-primary-border" style="padding: 8px">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/jinyenvzhen001.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/jinyenvzhen002.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/jinyenvzhen003.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <p class="img">鍥�2-3-14 閲戝彾濂宠礊</p>
+ <p><span><span class="ff-s f-18 fw-800 ">13.鏌芥煶锛堜笁鏄ユ煶銆佺孩鑽嗘潯锛�<em>Tamarix chinensis</em> 鏌芥煶绉�
+ 鏌芥煶灞�</span></span></p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾灏忎箶鏈紝鏍戝啝鍦嗙悆褰€�傚皬鏋濈粏闀夸笅鍨傦紝绾㈣鑹叉垨娣℃鑹层�傚崟鍙朵簰鐢燂紝槌炵墖鐘舵垨鍗电姸鎶拡褰€�傛�荤姸鑺卞簭缁勬垚椤剁敓澶у瀷鍦嗛敟鑺卞簭锛屽鏌斿急涓嬪瀭锛涜姳绮夌孩鑹叉垨绱孩鑹诧紝鑻炵墖绾跨姸鎶拡褰€�傝姳鏈�4锝�9鏈堛�傝挻鏋�3瑁傦紝闀�3锝�3.5cm銆傛灉鏈�10鏈堛��</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>鎴戝浗鐗规湁绉嶃�傞暱姹熶腑涓嬫父鑷冲崕鍖椼�佽窘瀹佸崡閮ㄥ悇鍦帮紝鍗庡崡銆佽タ鍗楁湁鏍藉煿銆傚枩鍏夛紝瀵规皵鍊欓�傚簲鎬у己锛岄�備簬娓╁噳姘斿�欙紱鑰愮洂纰卞湡锛坧H7.5锝�8.5锛夎兘鍔涙瀬寮猴紝涔熻兘鍒嗘硨鐩愬垎锛屼负鐩愮⒈鍦版寚绀烘鐗┿�傛繁鏍规�э紝鏍圭郴鍙戣揪锛岃�愭棻鍔涖�佹姉椋庡姏寮猴紱鑰愪慨鍓紝鑰愭矙鍓蹭笌娌欏煁锛岀敓闀垮揩銆�</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>鏌芥煶鏋濇潯缁嗘煍锛屽Э鎬佸﹩濞戯紝寮�鑺卞绾㈣摷锛岄涓虹編瑙傘�傚湪搴櫌涓彲浣滅豢绡辩敤锛岄�傚疁浜庢按婊ㄣ�佹睜鐣斻�佹ˉ澶淬�佹渤宀搞�佸牑闃叉牻妞嶃�傝繕鏈夐檷浣庡湡澹ゅ惈鐩愰噺鐨勬樉钁楀姛鏁堝拰淇濆湡鍥烘矙绛夐槻鎶ゅ姛鑳斤紝鏄敼閫犵洂纰卞湴鍜屾捣婊ㄩ槻鎶ゆ灄鐨勪紭鑹爲绉嶃�傝�佹々鍙綔鐩嗘櫙銆�</span>
+ </p>
+ <!-- 杞挱鍥� -->
+ <div class="resource-primary-border" style="padding: 8px">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/guailiu001.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/guailiu002.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/guailiu003.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/guailiu004.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <p class="img">鍥�2-3-15 鎬煶</p>
+ <p><span><span class="ff-c f-18 fw-800">14.鍏冨疂妲紙鍏冨疂鏋�佸钩鍩烘Л锛�<em>Acer
+ truncatum</em>妲爲绉� 妲爲灞�</span></span></p>
+ <p><span class="ff-c"><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾涔旀湪锛屾爲鍐犱紴褰㈡垨鍊掑箍鍗靛舰銆傚共鐨祬绾佃銆傚彾鎺岀姸5瑁傦紝鍙跺熀甯告埅褰紝鍏ㄧ紭锛屽彾鏌勭粏闀裤�傝姳鏉傛�э紝榛勭豢鑹诧紝椤剁敓浼炴埧鑺卞簭銆傝姳鏈�4鏈堛�傜繀鏋滄墎骞筹紝涓ょ繀灞曞紑绾︽垚鐩磋锛屽舰浼煎厓瀹濄�傛灉鏈�10鏈堛��</span>
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="11">
+ <div v-if="showPageList.indexOf(11) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>010</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <p><span class="ff-c"><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>涓讳骇鎴戝浗榛勬渤涓�佷笅娓稿悇鍦帮紝涓滃寳鍗楅儴銆佹睙鑻忓寳閮ㄣ�佸畨寰藉崡閮ㄤ篃鏈夊垎甯冦�傚急闃虫�э紝鑰愬崐闃达紝鍠滅敓浜庨槾鍧″強灞辫胺锛涘枩娓╁噳姘斿�欏強鑲ユ矁銆佹箍娑﹁�屾帓姘磋壇濂界殑鍦熷￥锛岀◢鑰愭棻锛屼笉鑰愭稘锛涜悓铇栧姏寮猴紝娣辨牴鎬э紝瀵圭幆澧冮�傚簲鎬у己锛涚Щ妞嶆槗鎴愭椿銆�</span>
+ </p>
+ <p><span class="ff-c"><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>鍏冨疂鏋啝澶ц崼娴擄紝鏍戝舰浼樼編锛屽彾褰㈠鐗癸紝瀚╁彾绾㈣壊锛岀瀛ｅ彾鍙堝彉鎴愭榛勮壊鎴栫孩鑹诧紝鏄寳鏂逛紭鑹殑绉嬭壊鍙舵爲绉嶃�傚彲浣滃涵鑽爲鍜岃閬撴爲銆�</span>
+ </p>
+ <p class="center openImgBox">
+ <img class="img-c" alt="" src="../../assets/images/yuanbaofeng.png" />
+ </p>
+ <p class="img">鍥�2-3-16 鍏冨疂鏋�</p>
+ <p><span><span class="ff-c f-18 fw-800">15.楦＄埅妲�<em>Acer</em><em> </em><em>palmatum </em>妲爲绉�
+ 妲爲灞�</span></span></p>
+ <p><span class="ff-c "><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾灏忎箶鏈紝鏍戝啝浼炲舰銆傛爲鐨钩婊戯紝鐏拌鑹层�傛灊寮�寮狅紝灏忔灊缁嗛暱锛屽厜婊戙�傚崟鍙跺鐢燂紝5锝�9鎺岀姸娣辫锛屽熀閮ㄥ績褰紝瑁傜墖缂樻湁閲嶉敮榻裤�傝姳鏉傛�э紝绱壊锛屼紴鎴胯姳搴忛《鐢熴�傝姳鏈�5鏈堛�傜繀鏋滅传绾㈣壊鑷虫绾㈣壊锛屼袱缈呮垚閽濊銆傛灉鏈�10鏈堛��</span>
+ </p>
+ <p><span class="ff-c"><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>涓昏鍒嗗竷浜庢垜鍥藉崕涓溿�佸崕涓悇鍦般�傚枩娓╂殩銆佹箍娑︽皵鍊欏強鍗婇槾鐜锛岄�傜敓浜庤偉娌冦�佺枏鏉剧殑鍦熷￥锛屼笉鑰愭稘锛岃緝鑰愭棻锛屽瀛ｅ湪闃冲厜鏆存檼鎴栨疆椋庡奖鍝嶇殑鍦版柟鐢熼暱涓嶈壇銆�</span>
+ </p>
+ <p><span class="ff-c"><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>楦＄埅妲彾褰㈢涓斤紝鏍戝Э濠嗗☉锛屽叆绉嬪彾鑹茬孩鑹筹紝鏄弽璐电殑鐨勭鑹插彾鏍戠銆傚疁妞嶄簬搴洯銆佽崏鍧�佸缓绛戠墿鍓嶏紝鎴栦笌甯哥豢閽堝彾鍙婇様鍙舵爲绫绘贩妞嶃��</span>
+ </p>
+ <div class="bk-ztgs">
+ <p class="bj1-ztgs">甯歌鍙樼</p>
+ <p class="ti-2">
+ 绾㈡灚锛堢传绾㈤浮鐖Л锛�‘Atropurpureum’:鍙跺父骞寸孩鑹叉垨绱孩鑹诧紝5锝�7娣辫锛涙灊鏉′篃甯哥传绾㈣壊銆�
+ </p>
+ <p class="ti-2">
+ 缇芥瘺鏋紙缁嗗彾楦＄埅妲級‘Dissectum’锛氬彾娣辫杈惧熀閮紝瑁傜墖鐙暱涓斿張缇界姸缁嗚锛岀鍙舵繁榛勮嚦姗欑孩鑹诧紱鏍戝啝寮�灞曡�屾灊鐣ヤ笅鍨傘��
+ </p>
+ <p class="ti-2">
+ 閲戝彾楦＄埅妲�‘Aureum’锛氬彾甯稿勾閲戦粍鑹层��
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="12">
+ <div v-if="showPageList.indexOf(12) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>011</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="center openImgBox">
+ <img class="img-c" alt="" src="../../assets/images/jizhua.png" />
+ </p>
+ <p class="img">鍥�2-3-17 楦＄埅妲�</p>
+ <p><span><span class="ff-s f-18 fw-800">16.楣呮帉妤�(椹鏈�) <em>Liriodendron
+ chinens</em><em>e</em> 鏈ㄥ叞绉� 楣呮帉妤稿睘</span></span></p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾涔旀湪锛屾爲鍐犲渾閿ュ舰銆傚崟鍙朵簰鐢燂紝鍏堢鎴舰锛屼袱渚у父鍚勫叿1瑁傚彛锛屽悜涓叞閮ㄧ缉鍏ワ紝褰㈠“椹”锛涜�佸彾鑳岄儴鏈夌櫧鑹蹭钩鐘剁獊鐐广�傝姳鍗曠敓浜庢灊椤讹紝鏉姸锛岃姳琚墖娣＄豢鑹诧紝鍐呴潰杩戝熀閮ㄦ贰榛勮壊銆傝姳鏈�5锝�6鏈堛�傝仛鍚堟灉绾洪敜褰紱鏋滄湡9锝�10鏈堛��</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愬垎甯冨強涔犳�с��</span>浜т簬鎴戝浗闀挎睙娴佸煙浠ュ崡鍦板尯銆傚枩鍏夛紝鍠滄俯鏆栨箍娑︽皵鍊欙紝鍙��-15鈩冪殑浣庢俯锛涘湪婀挎鼎娣卞帤鑲ユ矁鐤忔澗鐨勯吀鎬с�佸井閰告�у湡涓敓闀胯壇濂斤紝涓嶈�愬共鏃辩槧钖勶紝蹇岀Н姘淬��</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>楣呮帉妤稿彾褰㈠鐗癸紝绉嬪彾閲戦粍锛屾爲褰㈢姝ｆ尯鎷旓紝鏄弽璐电殑搴崼鏍戙�佽閬撴爲銆傚疁涓涙鑽夊潽銆佸垪妞嶅洯璺紝鎴栦笌甯哥豢閽堛�侀様鍙舵爲娣蜂氦鎴愰鏅灄鏁堟灉寰堝ソ锛屼篃鍙湪灞呮皯鍖恒�佽澶寸豢鍦颁笌鍚勭鑺辩亴鏈ㄩ厤妞嶇偣缂�绉嬫櫙銆�</span>
+ </p>
+ <!-- 杞挱鍥� -->
+ <div class="resource-primary-border" style="padding: 8px">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ezhang001.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ezhang002.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ezhang003.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <p class="img">鍥�2-3-17 楣呮帉妤�</p>
+ <p><span><span class="ff-s f-18 fw-800">17.閲嶉槼鏈紙鏈辨爲锛�<em>Bischofia polycarpa</em><em> </em>澶ф垷绉�
+ 閲嶉槼鏈ㄥ睘</span></span></p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愯瘑鍒壒寰併��</span>钀藉彾涔旀湪锛岄珮杈�15m锛屾爲鍐犱紴褰€�傛爲鐨鑹诧紝绾佃銆傜窘鐘朵笁鍑哄鍙讹紝灏忓彾鍗靛舰鑷虫き鍦嗙姸鍗靛舰锛屽熀閮ㄥ渾褰㈡垨杩戝績褰紝缂樺叿缁嗛敮榻裤�傛�荤姸鑺卞簭銆傝姳鏈�4锝�5鏈堛�傛祮鏋滆緝灏忥紝鐔熸椂绾㈣鑹茶嚦钃濋粦鑹层�傛灉鏈�8锝�10鏈堛��</span>
+ </p>
+ <p><span class="ff-s"><span class="span-c">銆愬垎甯冨強涔犳�с��</span>浜т簬绉﹀箔-娣渤娴佸煙浠ュ崡鑷冲箍涓溿�佸箍瑗垮寳閮紝闀挎睙娴�</span>
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="13">
+ <div v-if="showPageList.indexOf(13) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>012</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <p style="text-indent: 0em"><span class="ff-s">鍩熶腑涓嬫父鍦板尯涔犺鏍戠銆傚枩鍏夛紝绋嶈�愰槾锛涜�愭按婀匡紝瀵瑰湡澹よ姹備笉涓ャ�傛牴绯诲彂杈撅紝鎶楅鍔涘己銆�</span>
+ </p>
+ <p><span class="ff-s"><span
+ class="span-c">銆愭鐗╃敤閫斻��</span>閲嶉槼鏈ㄦ爲濮夸紭缇庯紝鍐犲浼炵洊锛岃姳鍙跺悓鏀撅紝绉嬪彾杞孩锛岃壋涓藉ず鐩紝鎶楅鑰愭箍锛岀敓闀垮揩閫燂紝鏄壇濂界殑搴崼鏍戝拰琛岄亾鏍戠銆傜敤浜庡牑宀搞�佹邯杈广�佹箹鐣斿拰鑽夊潽鍛ㄥ洿浣滀负鐐圭紑鏍戠鏋佹湁瑙傝祻浠峰�笺�傚妞嶃�佷笡妞嶆垨涓庡父缁挎爲绉嶉厤缃紝绉嬫棩鍒嗗澹附銆傚浜屾哀鍖栫～鏈変竴瀹氭姉鎬э紝鍙敤浜庡伐鐭垮尯銆佽閬撶豢鍖栥��</span>
+ </p>
+ <!-- 杞挱鍥� -->
+ <div class="resource-primary-border" style="padding: 8px">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/chongyangmu001.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/chongyangmu002.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/chongyangmu003.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <p class="img">鍥�2-3-18 閲嶉槼鏈�</p>
+ <p class="fl al-c"><svg t="1728865399557" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="5622" xmlns:xlink="http://www.w3.org/1999/xlink" width="32"
+ height="32">
+ <path
+ d="M849.170732 0c97.404878 0 174.829268 77.42439 174.829268 174.829268v674.341464c0 97.404878-77.42439 174.829268-174.829268 174.829268H174.829268c-97.404878 0-174.829268-77.42439-174.829268-174.829268V174.829268c0-97.404878 77.42439-174.829268 174.829268-174.829268h674.341464z m-167.336586 209.795122c-12.487805-12.487805-34.965854-12.487805-47.453658 0l-24.97561 22.478049-24.97561-22.478049-262.243902 257.24878-24.97561-22.478048L224.780488 514.497561l169.834146 164.839024 72.429268-69.931707-24.975609-22.478049 114.887805-112.390244c32.468293 37.463415 44.956098 74.926829 37.463414 117.385366-7.492683 44.956098-32.468293 89.912195-74.926829 132.370732h-187.317073c-57.443902 0-102.4 44.956098-102.4 99.902439H774.243902c0-54.946341-44.956098-99.902439-102.4-99.902439h-24.975609c22.478049-34.965854 39.960976-74.926829 47.453658-114.887805l2.497561-7.492683c12.487805-72.429268-12.487805-139.863415-64.936585-199.804878l77.42439-74.926829-24.97561-22.478049 24.97561-22.478049c12.487805-12.487805 12.487805-34.965854 0-47.453658l-27.473171-24.97561z"
+ fill="#057514" p-id="5623"></path>
+ </svg><span class="ff-s f-18 fw-800 span-c " style="margin-left: 5px">瀹炶涓庢搷浣�</span></p>
+ <div style="background-color: rgba(55, 201, 111, 0.06); padding: 10px 20px;">
+ <p class="center"><span class="ff-s fw-800">瀹炶 鏍″洯鎴栧叕鍥鍙跺洯鏅爲璇嗗埆鍙婃櫙瑙傚簲鐢ㄥ舰寮忚皟鏌�</span></p>
+ <p><span class="ff-s">锛堜竴锛夊疄璁洰鐨�</span></p>
+ <p><span class="ff-s">鑳藉璇嗗埆鏍″洯鎴栭檮杩戝叕鍥腑涓嶅悓瀛ｈ妭鐨勮鍙舵爲鏈紝骞惰繘琛屾櫙瑙傚簲鐢ㄥ舰寮忚皟鏌ャ��</span></p>
+ <p><span class="ff-s">锛堜簩锛夊疄璁満鏅�</span></p>
+ <p><span class="ff-s">1.瀹炶鍦扮偣 鏍″洯浠ュ強鏈湴鍖�1-2涓湁浠ｈ〃鎬х殑鍩庡競鍏洯</span></p>
+ <p><span class="ff-s">2.瀹炶鐢ㄥ搧涓庢潗鏂� 鐓х浉鏈恒�佹爣鏈す銆佽褰曟湰绛�</span></p>
+ <p><span class="ff-s">3.鍒嗙粍鎯呭喌 鑷劧鐝骇鍐呬互2-4浜哄垎涓轰竴缁�</span></p>
+ <p><span class="ff-s">锛堜笁锛夊疄璁唴瀹�</span></p>
+ <p><span class="ff-s">1.甯歌瑙傚彾鏍戞湪璇嗗埆璋冩煡鍙婃爣鏈埗浣溿��</span></p>
+ <p><span class="ff-s">2.鏄撴贩娣嗚鍙舵爲鏈ㄨ鲸鍒��</span></p>
+ <p><span class="ff-s">3.閫夊彇鍏稿瀷鏅鑺傜偣璁板綍鎷嶇収璁板綍瑙傚彾鏍戞湪鏅閰嶇疆鏂瑰紡</span></p>
+ <p><span class="ff-s">锛堝洓锛夊疄璁弽棣�</span></p>
+ <p><span class="ff-s">1.鍩庡競鍥灄鏅涓鍙舵爲鐨勫簲鐢ㄥ舰寮忎富瑕佹湁鍝簺锛熻瘯鍒嗘瀽鍏跺師鍥犮��</span></p>
+ <p><span class="ff-s">2.璇曞垎鏋愬浣曞湪鏅鑺傜偣閫氳繃閰嶇疆瑙傚彾鏍戞湪浣撶幇鏅鐗硅壊銆�</span></p>
+ <p><span class="ff-s">锛堜簲锛夊疄璁�冩牳</span></p>
+ <p><span class="ff-s">灏忕粍鍐呭悇鎴愬憳鍗忎綔鑹ソ鍗�20%锛屽伐鍏蜂娇鐢ㄥ悎鐞嗕笖娌℃湁鎹熷潖鍗�20%锛岀粍鍐呮瘡浜哄畬鎴愪换鍔″崟鍗�60%銆�</span></p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="14">
+ <div v-if="showPageList.indexOf(14) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>013</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle">
+ <p class="fl al-c"><svg t="1728865689474" class="icon" viewBox="0 0 1039 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="20685" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="32.46875" height="32">
+ <path
+ d="M286.174886 611.378945a4812.096955 4812.096955 0 0 0 509.595383-15.767562c20.841711-1.839124 39.966567-18.8039 42.024756-37.495721 16.59797-153.696796 11.167204-307.31208-16.28211-460.85604-3.408239-18.666348-22.833672-38.687841-42.697233-43.919921C543.280398-7.483861 307.74002-12.415363 72.199642 38.545194c-19.853373 4.381294-39.436736 24.377313-43.018189 43.848597-28.814647 160.044577-34.709015 320.012736-17.67801 479.909572 10.092259 94.753114 28.233871 189.475662 54.424836 284.177831C129.910448 909.373134 114.626866 629.174129 286.174886 611.378945z"
+ fill="#0e932e" p-id="20686"></path>
+ <path
+ d="M658.197652 263.97803a1484.942647 1484.942647 0 0 0-465.374886 0l-11.956856-75.475423a1561.431881 1561.431881 0 0 1 489.283503 0l-11.951761 75.475423zM574.025871 420.487005a1747.703085 1747.703085 0 0 0-382.991284 0l-8.385592-75.954308a1824.029294 1824.029294 0 0 1 399.767562 0l-8.390686 75.954308z"
+ fill="#0e932e" p-id="20687"></path>
+ <path
+ d="M964.714985 1020.98404a32.992159 32.992159 0 0 1-23.409353-9.730547c-19.919602-20.041871-31.764378-32.044577-42.488358-42.941772-18.931264-19.196179-33.878607-34.362587-82.602667-82.88796a29.09994 29.09994 0 0 1-1.197214-1.253254c-92.669453-102.532458-220.210945-138.255284-379.114348-106.200517L422.845771 713.259303c183.000517-36.950607 331.225791 5.466428 440.554348 125.987662 47.53194 47.333254 62.866468 62.876657 81.329035 81.609234a1652.603542 1652.603542 0 0 0 23.144438-177.595224c9.959801-132.926408 3.209552-267.758169-20.046965-400.745711L1012.842985 331.144279c24.199005 138.362269 31.219264 278.670647 20.856995 417.03801-6.138905 81.970945-18.508418 165.062687-36.772298 246.972497a33.012537 33.012537 0 0 1-32.217791 25.829254z"
+ fill="#0e932e" p-id="20688"></path>
+ </svg><span class="ff-s f-18 fw-800 span-c " style="margin-left: 5px">鎬濊�冧笌璁ㄨ</span></p>
+ <div style="background-color: rgba(55, 201, 111, 0.06); padding: 10px 20px;">
+ <p><span class="ff-s">1.濡備綍鍖哄垎姊撴爲銆佹ジ鏍戝拰榛勯噾鏍戯紵</span></p>
+ <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 20px; width: 92%" class="fz-16 fm-son " @change="setBookQuestion"></textarea>
+ <p><span class="ff-s">2.濡備綍鍖哄垎楦＄埅妲拰鍏冨疂鏋紵</span></p>
+ <textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 20px; width: 92%" class="fz-16 fm-son " @change="setBookQuestion"></textarea>
+ <p><span class="ff-s">3.璇曠潃鍒╃敤鏈湴鍖烘槬瀛ｃ�佸瀛ｃ�佺瀛ｃ�佸啲瀛ｅ父瑙佺殑瑙傚彾鏍戞湪鍙婅繘琛屽涵闄㈡鐗╅厤缃紝骞惰揪鍒颁笁瀛ｆ湁鑺便�佸洓瀛ｆ湁鏅殑鏁堟灉銆�</span></p>
+ <textarea v-model="questionData.reading.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 20px; width: 92%" class="fz-16 fm-son " @change="setBookQuestion"></textarea>
+ </div>
+ <p class="fl al-c"><svg t="1728866427323" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="24341" xmlns:xlink="http://www.w3.org/1999/xlink" width="32"
+ height="32">
+ <path
+ d="M841.710792 959.651436 176.856475 959.651436c-61.197804 0-110.807688-49.643654-110.807688-110.878297L66.048787 183.481871c0-61.241806 50.339502-116.132974 111.538329-116.132974l446.152293 0 0 55.769165L177.586093 123.118062c-30.598902 0-56.132438 29.743418-56.132438 60.363809l0 665.292292c0 30.613228 24.802896 55.44273 55.401798 55.44273l664.854317 0c30.594809 0 60.871369-25.477254 60.871369-56.102762L902.581138 401.965931l55.768141 0 0 446.147176C958.350302 909.351843 902.908596 959.651436 841.710792 959.651436L841.710792 959.651436zM482.681766 718.861348c-8.100492 8.109702-18.243503 12.163017-28.703739 14.199397L211.397153 853.052606c-27.301809 12.674671-49.170886-11.809977-39.10974-39.134299L292.198433 571.171658c2.035356-10.467399 6.087649-20.614503 14.189164-28.723182L737.331513 111.220081c21.638833-21.653159 56.718793-21.653159 78.354556 0l97.942683 98.007151c21.633716 21.649066 21.633716 56.757678 0 78.403674L482.681766 718.861348 482.681766 718.861348zM225.343793 780.39275c-6.335289 12.782118 5.904477 25.904996 19.556405 19.567661l149.800771-90.739631-78.683037-78.726016L225.343793 780.39275 225.343793 780.39275zM345.565898 581.656453l312.716234-312.920896 98.639554 97.303116L443.505511 679.661557C406.779052 642.907469 355.970876 592.065524 345.565898 581.656453L345.565898 581.656453zM854.86437 228.830709l-58.764382-58.803267c-10.818393-10.827603-28.361955-10.827603-39.178301 0l-57.361429 57.394175 96.53666 99.413174 58.767452-58.804291C865.683786 257.208013 865.683786 239.657288 854.86437 228.830709L854.86437 228.830709z"
+ p-id="24342" fill="#0e932e"></path>
+ </svg><span class="ff-s f-18 fw-800 span-c " style="margin-left: 5px">缁冧範涓庡垽鏂�</span></p>
+
+ <p><span class="fw-800">1.鍒ゆ柇棰�</span></p>
+ <p v-for="(item, index) in questionData.judge[0].value" :key="index">
+ <span>{{ index + 1 }}</span>.<span>{{ item.stem }}銆�</span>
+ <span>锛�
+ <select class="select-border" v-model="questionData.judge[0].value[index].userAnswer"
+ @change="saveListenTwo" :disabled="questionData.judge[0].isComplete">
+ <option v-for="(citem, cindex) in questionData.judge[0].option" :key="cindex" :value="citem">
+ {{ citem }}
+ </option>
+ </select>锛�
+ </span>
+ </p>
+ <p><span class="fw-800">2.濉┖棰�</span></p>
+ <p><span class="ff-s">锛�1锛変綘鐢熸椿鐨勫煄甯備腑锛屽父瑙佸僵鍙舵爲绉嶆湁<input :disabled="questionData.isComplete"
+ v-model="questionData.cm.one" type="text" class="input-bottom-border" style="width: 60px"
+ @change="setTestData" />銆�
+ <input :disabled="questionData.isComplete" v-model="questionData.cm.two" type="text"
+ class="input-bottom-border" style="width: 60px" @change="setTestData" />銆� <input
+ :disabled="questionData.isComplete" v-model="questionData.cm.three" type="text"
+ class="input-bottom-border" style="width: 60px" @change="setTestData" />銆� <input
+ :disabled="questionData.isComplete" v-model="questionData.cm.four" type="text"
+ class="input-bottom-border" style="width: 60px" @change="setTestData" />銆�
+ <input :disabled="questionData.isComplete" v-model="questionData.cm.five" type="text"
+ class="input-bottom-border" style="width: 60px" @change="setTestData" />銆�</span></p>
+ <p><span class="ff-s">锛�2锛夊洯鏋椾腑甯歌鐨勬槬鑹插彾鏍戠鏈� <input :disabled="questionData.isComplete"
+ v-model="questionData.am.one" type="text" class="input-bottom-border" style="width: 60px"
+ @change="setTestData" />銆�
+ <input :disabled="questionData.isComplete" v-model="questionData.am.two" type="text"
+ class="input-bottom-border" style="width: 60px" @change="setTestData" />銆� <input
+ :disabled="questionData.isComplete" v-model="questionData.am.three" type="text"
+ class="input-bottom-border" style="width: 60px" @change="setTestData" />锛岀鑹插彾鏍戠鏈�
+ <input :disabled="questionData.isComplete" v-model="questionData.am.four" type="text"
+ class="input-bottom-border" style="width: 60px" @change="setTestData" />銆�<input
+ :disabled="questionData.isComplete" v-model="questionData.am.five" type="text"
+ class="input-bottom-border" style="width: 60px" @change="setTestData" />銆� <input
+ :disabled="questionData.isComplete" v-model="questionData.am.six" type="text"
+ class="input-bottom-border" style="width: 60px" @change="setTestData" />銆�
+ <input :disabled="questionData.isComplete" v-model="questionData.am.seven" type="text"
+ class="input-bottom-border" style="width: 60px" @change="setTestData" />銆�</span></p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="15">
+ <div v-if="showPageList.indexOf(15) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>014</li>
+ <li>妞嶇墿璇嗗埆.椤圭洰浜�</li>
+ <li>浠诲姟涓�</li>
+ </ul>
+ <div class="bodystyle-pt">
+ <div class="text-top">
+ <div class="text-title">
+ <div class="titleImg-box">
+ <svg t="1728866532005" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="26280" xmlns:xlink="http://www.w3.org/1999/xlink" width="32"
+ height="32">
+ <path
+ d="M593.8 1013.9c-10.1 0-19.6-4.4-26.1-12-48.3-56.6-77.3-108.5-86.3-154.4-6.6-33.9 3.9-69.2 28.1-94.3 23.8-24.6 24-39.8 22.9-45.2-2.2-11.5-17.3-24.4-41.5-35.5-65-29.8-104.2-84.5-113.2-158.2-1.7-13.5-2.3-27.4-1.8-41.5-2.1 1.5-4.2 3.1-6.2 4.7-32.5 26.3-45.6 61.4-50.5 79.9-5.9 22.1-19.6 41.2-38.7 53.7l-43.1 28.5 10.6 15c14.1 19.8 16.9 45 7.7 67.4l-29.1 71.1c-1.5 3.7-1.3 7.9 0.5 11.4 1.9 3.6 5.2 6.1 9.1 7l39.4 8.6c39.5 8.6 74.6 31.2 99 63.5l56.8 75.5c5.5 7.3 7.9 16.3 6.6 25.4-1.3 9.1-6 17.1-13.3 22.6-15.4 11.2-37.3 7.7-48.1-6.7l-56.9-75.5c-14.5-19.2-35.4-32.7-58.9-37.8l-39.4-8.6c-23.7-5.2-43.8-20.5-55.2-42.1-11.3-21.7-12.5-47-3.2-69.4l29.3-71.3c0.1-0.3 0.3-0.9-0.2-1.6l-20.8-29.3c-8-11.3-11.2-25.7-8.7-39.3s10.7-25.9 22.3-33.6l57.9-38.2c5-3.3 8.5-8.2 10.1-14 7-26.5 25.9-76.8 73.6-115.6 26.1-21.2 57.3-36 92.7-44.1 40.2-9.2 86.3-9.8 137.1-1.7 52.3 8.3 96.6 26.6 131.7 54.3 30.5 24 54.2 55.3 70.4 92.8 27.3 63.2 28.2 133.2 24.1 180.8-3 34.1-14.4 67-33 95.3-18.9 28.7-41.5 53.1-67.3 72.6-27.9 21.1-59 36-92.7 44.3 8.9 12.7 19.1 25.8 30.4 39 12.3 14.3 10.6 36.1-3.8 48.4-6.3 5.1-14.2 8.1-22.3 8.1zM404.5 428.8l-2.6 22.5c-2.3 20.6-2.3 40.8 0 59.9 7.9 64.8 42.2 112.9 99.2 139 32.9 15.1 51.5 33 55.2 53.2 2.6 13.8-0.3 36.6-29.3 66.7-18.7 19.4-26.8 46.6-21.7 72.7 8.2 41.7 35.4 90 80.9 143.3 3.4 4 9.8 4.6 14.1 1 4.1-3.5 4.6-9.8 1.1-14-16.4-19.3-30.6-38.3-42.3-56.5l-9.9-15.4 18-3.2c36.8-6.4 70.6-21.1 100.3-43.6 23.6-17.8 44.3-40.2 61.7-66.5 16.4-24.8 26.4-53.9 29-84 3.9-44.8 3.2-110.4-22.2-169-14.6-33.8-35.9-61.8-63.2-83.3-31.8-25.1-72.3-41.7-120.4-49.4-47.7-7.6-90.7-7.1-127.9 1.4-31.7 7.3-59.6 20.5-82.8 39.3-42.3 34.4-59.2 79.2-65.4 102.9-3.1 11.6-10.2 21.6-20.2 28.1l-57.9 38.2c-6.2 4.1-10.5 10.5-11.8 17.6-1.3 7.2 0.3 14.8 4.6 20.8l20.9 29.4c5.1 7.4 6.2 16.6 2.8 24.9l-29.3 71.4c-6.5 15.8-5.7 33.5 2.3 48.8 8 15.1 22.1 26 38.8 29.6l39.4 8.6c29.2 6.4 55.2 23 73.2 46.9l56.8 75.5c3.2 4.2 9.5 5.2 14.1 1.8 2-1.5 3.3-3.8 3.7-6.5 0.4-2.6-0.3-5.2-1.9-7.3l-56.9-75.5c-20.9-27.7-51-47-84.8-54.4l-39.4-8.6c-10.9-2.4-20.2-9.5-25.5-19.4-5.2-10-5.8-21.6-1.5-32l29.1-71.1c6.1-14.6 4.2-31-5-44L203 632.9l64.2-42.4c14.1-9.2 24.2-23.3 28.5-39.6 5.7-21.4 20.9-61.9 58.7-92.5 9-7.3 19.1-13.8 29.9-19.3l20.2-10.3z m137 457.5l-5.1-11.7c-5.5-12.6-9.4-24.7-11.5-35.9-3.9-19.7 2.3-40.2 16.5-55 34.9-36.2 38-65.8 34.5-84.2-5.1-26.9-27.5-49.7-66.5-67.5-50.7-23.2-80.1-64.2-87.5-121.9-4.5-35.5 0.9-67 3.4-78.9l1.7-7.8 7.8-1.6c33.3-6.7 71.9-6.7 114.6 0 44.8 7.1 82.2 22.4 111.3 45.4 24.7 19.5 43.9 44.9 57.2 75.6 23.6 54.8 24.2 116.9 20.6 159.4-2.3 26.8-11.2 52.6-25.8 74.7-26.9 40.7-76 91.6-156.7 102.8-0.9 0.1-1.8 0.4-3 1l-11.5 5.6z m-93.8-442c-2.3 13.6-4.9 37-1.6 62.7 6.3 48.8 31 83.4 73.5 102.9 46.6 21.3 73.7 50 80.4 85.1 4.6 24 1.2 61.9-40.9 105.7-8.7 9.1-12.5 21.5-10.2 33.4 1.3 6.6 3.3 13.7 6.1 21.2 70.3-10.5 113.5-55.6 137.4-91.7 12.3-18.7 19.9-40.6 21.9-63.3 3.4-39.7 2.9-97.5-18.7-147.6-11.7-26.9-28.5-49.2-49.9-66.1-25.7-20.3-59.4-33.9-100-40.4-36.5-6-69.4-6.6-98-1.9z"
+ fill="#0e932e" p-id="26281"></path>
+ <path
+ d="M399.8 810.8c-15.3 0-30.2-4.5-42.9-13.1-7.6-5.1-12.8-12.9-14.6-21.9-1.8-9 0.1-18.2 5.3-25.8 5-7.6 12.8-12.8 21.9-14.6 9.1-1.7 18.2 0.1 25.8 5.3 1.9 1.3 4.1 1.7 6.4 1.3 2.3-0.5 4.3-1.8 5.5-3.7 1.3-1.9 1.7-4.2 1.3-6.5-0.5-2.3-1.8-4.3-3.7-5.5-7.6-5.1-12.8-12.9-14.6-21.9-1.8-9 0.1-18.2 5.2-25.7 5.1-7.6 12.9-12.8 21.9-14.6 9-1.7 18.2 0.1 25.8 5.2 35.4 23.7 44.9 71.9 21.1 107.2-14.4 21.5-38.5 34.3-64.4 34.3zM376 759.2c-0.6 0-1.3 0.1-1.9 0.2-2.6 0.5-4.9 2-6.3 4.2-1.5 2.3-2.1 4.9-1.5 7.5 0.5 2.6 2 4.9 4.2 6.3 8.8 5.9 18.9 8.9 29.4 8.9 17.8 0 34.3-8.7 44.1-23.4 16.2-24.2 9.7-57.1-14.5-73.4-2.2-1.5-4.8-2.1-7.4-1.5-2.6 0.5-4.8 2-6.3 4.2-1.5 2.3-2.1 4.9-1.5 7.5 0.5 2.6 2 4.9 4.2 6.3 7.3 5 12.3 12.4 14 21.1 1.7 8.7-0.1 17.5-5 24.8-10.2 15.1-30.7 19.2-45.9 9-1.8-1.1-3.7-1.7-5.6-1.7zM124.5 523.5c-57.8 0-104.8-47-104.8-104.7S66.7 314 124.5 314s104.7 47 104.7 104.8-47 104.7-104.7 104.7z m0-185.1c-44.3 0-80.4 36-80.4 80.4 0 44.3 36 80.4 80.4 80.4 44.3 0 80.4-36 80.4-80.4-0.1-44.4-36.1-80.4-80.4-80.4z"
+ fill="#0e932e" p-id="26282"></path>
+ <path
+ d="M124.5 326.2c-51.1 0-92.6 41.4-92.6 92.6 0 51.1 41.4 92.6 92.6 92.6 51.1 0 92.6-41.4 92.6-92.6-0.1-51.2-41.5-92.6-92.6-92.6z m47 100h-37.1v37.1h-18.6v-37.1H78.4v-18.7h37.3v-37.3h18.6v37.3h37.1v18.7zM502.3 346.8c-91.8 0-166.5-74.7-166.5-166.4 0-91.8 74.7-166.5 166.5-166.5s166.4 74.7 166.4 166.5c0.1 91.7-74.6 166.4-166.4 166.4z m0-308.5c-78.3 0-142.1 63.7-142.1 142.1 0 78.3 63.7 142.1 142.1 142.1 78.3 0 142.1-63.7 142.1-142.1 0-78.4-63.7-142.1-142.1-142.1z"
+ fill="#0e932e" p-id="26283"></path>
+ <path d="M502.5 126.1h-1c-0.4 4.9-1.4 9.5-2.9 14l-18.9 57.8h44.1L505 140.5c-1.2-3.6-2-8.4-2.5-14.4z"
+ fill="#0e932e" p-id="26284"></path>
+ <path
+ d="M502.3 26.1C417.1 26.1 348 95.2 348 180.4c0 85.2 69.1 154.3 154.3 154.3 85.2 0 154.3-69.1 154.3-154.3 0-85.3-69.1-154.3-154.3-154.3z m42.3 237l-12.4-37.9H472l-12.2 37.9h-38.3l60.6-165.6h41.5L583 263.1h-38.4zM888.6 525.4c-63.4 0-115-51.6-115-115s51.6-115 115-115 115 51.6 115 115-51.6 115-115 115z m0-205.7c-50 0-90.6 40.7-90.6 90.6s40.7 90.6 90.6 90.6 90.6-40.7 90.6-90.6-40.6-90.6-90.6-90.6z"
+ fill="#0e932e" p-id="26285"></path>
+ <path
+ d="M888.6 307.5c-56.8 0-102.8 46-102.8 102.8s46 102.8 102.8 102.8 102.8-46 102.8-102.8c0-56.7-46-102.8-102.8-102.8z m34.5 154.7l-35.7-35.7-35.9 35.9-18-18 35.9-35.9-35.9-35.9 17.9-17.9 35.9 35.9 35.7-35.7 18 18-35.7 35.7 35.7 35.7-17.9 17.9z"
+ fill="#0e932e" p-id="26286"></path>
+ </svg>
+ </div>
+ </div>
+ <div class="title-text">
+ <div class="title-text-box">
+ 鎬濇兂鍔犳补绔�
+ </div>
+ <div class="title-text-triangle"></div>
+ </div>
+ <p class="block">
+ 1.涓轰粈涔堝父鐢ㄢ�滄姊撯�濊繖涓ょ鏍戜唬鎸囧涔″憿 锛�
+ </p>
+ <p class="block">
+ 2.鎴戜滑閮界煡閬撳湪鍗氬ぇ绮炬繁鐨勬眽璇腑锛屼汉浠父甯稿枩娆㈤�夌敤鏈�鍏蜂唬琛ㄦ�х殑浜嬬墿鏉ユ寚绉板彟澶栦竴涓蹇碉紝濡傜敤鈥滅ぞ绋封�濇潵鎸囩О鈥滃浗瀹垛�濓紝鐢ㄢ�滈缚闆佲�濇寚浠ｂ�滀功淇♀�濓紝鐢ㄢ�滄姌鏌斥�濇寚浠ｆ尳鐣欎箣鎯咃紝杩樺父鐢ㄢ�滄鏍戔�濃�滄鏍戔�濊繖涓ょ鏍戞湪杩炵О鏉ヤ唬鎸囧涔°�佹晠涔°�備絾鏄湪绾风箒鐨勮嚜鐒剁晫涓紝鏈夐偅涔堝绉嶆爲鏈紝涓轰綍鐙嫭閫変腑鈥滄鏍戔�濆拰鈥滄鏍戔�濊繖涓ょ鏍戞湪鏉ユ寚浠ｅ涔″憿锛�
+ </p>
+ <p class="ti-2">杩欎富瑕佹槸鍥犱负鍦ㄥ彜浠ｆ鏍戝拰姊撴爲鏄笌浜轰滑鐨勭敓娲诲叧绯绘瀬涓哄瘑鍒囩殑涓ょ鏍戙�傛鏍戠殑鍙跺瓙鍙互鐢ㄦ潵鍏昏殨锛屾鏍戠粨鐨勬灉瀛愬彨鈥滄钁歔s膩ng
+ sh猫n]鈥濓紝鍙互椋熺敤锛屼篃鍙互鐢ㄦ潵閰块厭锛屽崄鍒嗙敎缇庯紱鏍戝共鍙婃灊鏉″彲浠ョ敤鏉ュ埗閫犲櫒鍏凤紝妗戠毊鍙互鐢ㄦ潵閫犵焊锛屽彟澶栨鏍戣繕鍙互鍏ヨ嵂銆傛墍浠ュ彜浜虹粡甯哥敤鈥滄楹烩�濇潵鎸囦唬鍐滀簨锛屽瀛熸旦鐒躲�婅繃鏁呬汉搴勩�嬶紝灏辨湁鈥滃紑杞╅潰鍦哄渻[p菙]
+ 锛屾妸閰掕瘽妗戦夯鈥濈殑鍙ュ瓙銆傚彲瑙佹鏍戝浜庡皬鍐滄椂浠ｇ殑瀹跺涵鐢熶骇鏉ヨ锛岀畝鐩存祽韬兘鏄疂銆傛鏍戠殑鍔熺敤涔熶笉渚嬪锛屽畠鐨勫鍙跺彲浠ヤ綔涓洪鐗╋紝瀹冪殑鐨槸涓�绉嶄腑鑽紝鑰屼笖姊撴湪閲嶉噺杞汇�佽�愯厫铓�锛屾槸鍒朵綔瀹跺叿銆佷箰鍣ㄣ�佹：鏉愮殑浼樿川鏉愭枡銆傛澶栵紝姊撴爲鐨勭敓闀块�熷害鐗瑰埆蹇紝鎴愭潗鍛ㄦ湡杈冪煭锛屽湪鍙や唬杩樺父琚綔涓烘湪鐐殑鍒朵綔鏉愭枡銆�
+ </p>
+ <p class="ti-2">
+ 姝ｆ槸鍥犱负妗戞爲銆佹鏍戜笌浜轰滑鐨勮。銆侀銆佷綇銆佺敤閮芥湁鐫�濡傛瀵嗗垏鐨勫叧绯伙紝鎵�浠ュ彜浠ｄ汉浠粡甯稿湪鑷繁瀹剁殑鎴垮墠灞嬪悗鏍芥杩欎袱绉嶆爲鏈紝涔呰�屼箙涔嬫鏍戝拰姊撴爲灏辨垚浜嗘晠涔＄殑璞″緛锛屸�滄姊撯�濅篃灏辨垚浜嗘晠涔＄殑浠ｅ悕璇嶃�傚姣涙辰涓滈潚骞存椂鍊欏啓缁欑埗浜茬殑涓�棣栬瘲锛氣�滃鍎跨珛蹇楀嚭涔″叧锛屽涓嶆垚鍚嶈獡涓嶈繕銆傚煁楠ㄤ綍椤绘姊撳湴锛屼汉鐢熸棤澶勪笉闈掑北銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+<script>
+export default {
+ name: "pageHeader",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ data() {
+ return {
+ questionData: {
+ isComplete: false,
+ reading: {
+ one: "",
+ two: "",
+ three: "",
+ },
+ judge: [
+ {
+ type: "dropdown",
+ isComplete: false,
+ isShowAnswer: false,
+ option: ['姝ｇ‘', '閿欒'],
+ value: [
+ {
+ stem: "涓冨彾鏍戜负鎺岀姸澶嶅彾",
+ answer: '姝ｇ‘',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stem: "榛勬爩涓虹鑹插彾鏍戠",
+ answer: '姝ｇ‘',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stem: "楦＄埅妲鑹插彾涓洪粍鑹�",
+ answer: '姝ｇ‘',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stem: "閲戝彾濂宠礊涓烘湪鐘�绉戝僵鍙舵爲绉�",
+ answer: '閿欒',
+ userAnswer: '',
+ isRight: null
+ },
+ {
+ stem: "绱彾鏉庢槬澶╄姳鍙跺悓鏀�",
+ answer: '閿欒',
+ userAnswer: '',
+ isRight: null
+ },
+ ]
+ },
+ {
+
+ }
+ ],
+ cm: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ am: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six:"",
+ seven:"",
+ },
+ }
+ }
+ },
+ mounted() {
+ const bookQuestion = localStorage.getItem("botany-book-chapter01-question-one");
+ if (bookQuestion) {
+ this.questionData = JSON.parse(bookQuestion);
+ }
+ },
+ methods: {
+ setBookQuestion() {
+ localStorage.setItem(
+ "botany-book-chapter01-question-one",
+ JSON.stringify(this.questionData)
+ );
+ },
+ saveListenTwo() {
+ localStorage.setItem('botany-book-chapter01-question-one', JSON.stringify(this.questionData))
+ },
+ setTestData() {
+ localStorage.setItem("botany-book-chapter01-question-one", JSON.stringify(this.questionData));
+ },
+ }
+};
+</script>
+
+<style scoped>
+.ti-2 {
+ text-indent: 2em
+}
+
+p {
+ margin: 18px 0;
+}
+
+.ff-s {
+ font-family: '瀹嬩綋';
+}
+
+.f-16 {
+ font-size: 16px;
+}
+
+.f-18 {
+ font-size: 18px;
+}
+
+.fw-800 {
+ font-weight: 800;
+}
+
+
+.f-20 {
+ font-size: 20px;
+}
+
+.span-c {
+ color: #0e932e;
+ font-weight: 800;
+}
+
+div.bk-ztgs {
+ border: 0.15em dotted #0e932e;
+ padding: 0.5em;
+ margin-bottom: 2em;
+ margin-top: 2em;
+ border-radius: 1em;
+ position: relative;
+}
+
+p.bj1-ztgs {
+ background-color: #0e932e;
+ color: #ffffff;
+ display: inline-block;
+ font-size: 1em;
+ padding: 0.1em 0.7em 0.12em 0.7em;
+ font-weight: bold;
+ border-radius: 0.5em;
+ margin-left: 0em;
+ text-align: center;
+ text-indent: 0em;
+ position: absolute;
+ top: -2em;
+}
+
+
+/* 杞挱鍥� */
+.banshi {
+ position: relative;
+ margin-top: 40px;
+ width: 100%;
+ height: 220px;
+ margin: 0 auto;
+}
+
+
+.pageBox {
+ z-index: 9999999999;
+ color: #999;
+ font-weight: 800;
+ position: absolute;
+ left: 48%;
+ bottom: 0px;
+}
+
+.cover {
+ max-width: 816px;
+}
+
+.header-img {
+ position: relative;
+}
+
+
+.header-box {
+ position: absolute;
+ top: 0;
+ right: 12%;
+ max-width: 229px;
+ max-height: 209px;
+ border-radius: 0px 0px 18px 18px;
+ background-color: #0E932E;
+ border: 1px solid rgba(255, 255, 255, 0.27);
+ padding: 0 7px 6px 7px;
+}
+
+.header-inner-box {
+ /* width: 100%; */
+ height: 91%;
+ padding: 0 27px 17px 22px;
+ border-radius: 0px 0px 18px 18px;
+ border: 1px dashed #ffffff;
+ border-top: none;
+
+}
+
+.inner-top {
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 400;
+ font-size: 20px;
+ color: #FFFFFF;
+ line-height: 24px;
+ padding: 66px 27px 9px 0px;
+ border-bottom: 1px solid #FFF;
+}
+
+.inner-bottom {
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 500;
+ font-size: 23px;
+ color: #FFFFFF;
+ line-height: 35px;
+ padding-top: 12px
+}
+
+.main-box {
+ position: absolute;
+ top: 250px;
+ right: 98px;
+}
+
+.main-text {
+ text-align: right;
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 550;
+ font-size: 29px;
+ color: #000000;
+ line-height: 34px;
+ margin-bottom: 14px;
+}
+
+.text-box {
+ position: absolute;
+ top: 500px;
+ right: 98px;
+}
+
+.text-box-bottom {
+ position: absolute;
+ top: 820px;
+ right: 12%;
+}
+
+.text-top {
+ /* width: 611px; */
+ padding: 37px 36px 25px 33px;
+ background: rgba(55, 201, 111, 0.06);
+ border-radius: 0px 29px 0px 29px;
+ border: 1px dashed #0E932E;
+ /* padding: 37px 36px 25px 33px; */
+ position: relative;
+}
+
+
+.text-title {
+ width: 48px;
+ height: 48px;
+ position: absolute;
+ top: -25px;
+ left: -24px;
+ z-index: 99;
+}
+
+.titleImg-box {
+ width: 100%;
+ height: 100%;
+ border: 1.5px solid #0E932E;
+ border-radius: 50px;
+ background-color: #FFF;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.titleImg-box-img {
+ width: 80%;
+ height: 80%;
+}
+
+.title-text {
+ display: flex;
+ position: absolute;
+ top: -18px;
+ left: 10px;
+ z-index: 1;
+}
+
+
+.title-text-box {
+ padding: 3px 0 3px 0;
+ min-width: 100px;
+ font-weight: 400;
+ font-size: 23px;
+ color: #FFFFFF;
+ line-height: 27px;
+ background-color: #0E932E;
+ padding-left: 20px;
+}
+
+.title-text-triangle {
+ width: 0;
+ height: 0;
+ border-right: 12px solid transparent;
+ border-top: 33px solid #0E932E;
+ border-bottom: 0px solid transparent;
+}
+
+.block {
+ max-width: 542px;
+ min-width: 542px;
+ text-indent: 0em;
+ font-family: KaiTi, KaiTi;
+ font-weight: 400;
+ font-size: 20px;
+ color: #000000;
+ line-height: 35px;
+ margin: 0;
+}
+
+.swiper-button-prev:after,
+.swiper-button-next:after {
+ color: #0E932E;
+ font-family: swiper-icons;
+ font-size: var(--swiper-navigation-size);
+ text-transform: none !important;
+ letter-spacing: 0;
+ text-transform: none;
+ font-variant: initial;
+ line-height: 1;
+}
+
+
+.select-border {
+ border: 0;
+ border-bottom: 1px solid #767676;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.input-bottom-border {
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/src/books/botany/view/components/index.vue b/src/books/botany/view/components/index.vue
new file mode 100644
index 0000000..158e650
--- /dev/null
+++ b/src/books/botany/view/components/index.vue
@@ -0,0 +1,954 @@
+<template>
+ <div class="page-main" @scroll="throttledScrollHandler">
+ <div class="page-content" :style="{
+ fontSize: fontSize ? fontSize + 'px' : '16px',
+ transform: `scale(${pageZoom ? pageZoom : 1})`,
+ 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>
+ <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList"></chapterSix> -->
+ </div>
+ <!-- <miniAudio :path="audioPath" :currentTime="currentTime" @closeMiniAudio="closeMiniAudio" ref="audioPlayer">
+ </miniAudio> -->
+ </div>
+ </template>
+
+ <script>
+ import pageHeader from "./header.vue";
+ // import chapterOne from "./chapterr001.vue";
+// import chapterTwo from "./chapter002.vue";
+// import chapterThree from "./chapter003.vue";
+// import chapterFour from "./chapter004.vue";
+// import chapterFive from "./chapter005.vue";
+// import chapterSix from "./chapter006.vue";
+ import NoteIcon from "@/assets/images/biji.png";
+// import miniAudio from "@/components/miniAudio/index.vue";
+ import _ from "lodash";
+ import Swiper from "swiper/bundle";
+ import "swiper/swiper-bundle.css";
+ import Viewer from "viewerjs";
+ import "viewerjs/dist/viewer.css";
+ export default {
+ name: "pageContent",
+ data() {
+ return {
+ catalogLength: 1, // 鎬荤珷鑺傛暟
+ showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+ loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+ throttleThreshold: 100, // 鑺傛祦闃堝��
+ previousScrollTop: 0,
+ throttledScrollHandler: null,
+ observer: null,
+ loadPageObserver: null,
+ loadPageList: [],
+ questionDataMap: {},
+ renderSignMap: {},
+ highlightData: null,
+ audioPath: "",
+ currentTime: null,
+ videoList: [],
+ };
+ },
+ computed: {
+ fontSize() {
+ return this.$store.state.qiankun.fontSize;
+ },
+ pageZoom() {
+ return this.$store.state.qiankun.scale / 100;
+ },
+ },
+ 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.initSwiper();
+ this.initViewer();
+ this.closeAudio();
+ this.closeVideo();
+ }, 200);
+ },
+ },
+ pageZoom: {
+ handler(newVal, oldVal) {
+ const scrollBox = (
+ this.container ? this.container : document
+ ).querySelector(".page-main");
+ scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
+ },
+ },
+ },
+ mounted() {
+ // 榛樿鍔犺浇绔犺妭
+ this.showCatalogList = [1];
+ // 婊氬姩鐩戝惉鑺傛祦
+ this.throttledScrollHandler = _.throttle(
+ this.scrollFun,
+ this.throttleThreshold,
+ { leading: true, trailing: false }
+ );
+ // 瀹氫箟瀛愬眰鏂规硶
+ if (this.setGlobalState) {
+ // 鎻愪緵椤甸潰璺宠浆鍔熻兘
+ this.setGlobalState({
+ gotoPage: (catalog, page) => {
+ this.gotoPage(catalog, page);
+ },
+ // 娓叉煋绗旇銆侀珮浜�佸垝绾�
+ renderSign: (type, data) => {
+ // 鍥犱负璋冩暣涓洪〉闈㈡噿鍔犺浇锛屾墍浠ユ覆鏌撴爣璁颁篃闇�瑕佹寜鐓ч〉闈㈣繘琛屽鐞嗭紝鍏堝偍瀛樻暟鎹紝椤甸潰鍔犺浇瀹屾垚鍐嶆覆鏌撳搴旂殑鏍囪锛�
+ this.handelSignData(type, data);
+ // this.renderSign(type, data);
+ },
+ // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+ delSign: (data) => {
+ this.delSign(data);
+ },
+ // 鍏ㄦ枃妫�绱�
+ searchBookByKeyword: (keyword) => {
+ return this.searchTextByPage(keyword);
+ },
+ // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+ jumpSearchItem: (data) => {
+ this.searchItemLocation(data);
+ },
+ });
+ }
+
+ // 鍒涘缓涓�涓柊鐨� Intersection Observer 瀹炰緥锛岀敤浜庤瀵熺洰鏍囧厓绱犲拰鎵ц鐩稿簲鐨勫洖璋冨嚱鏁般��
+ // new IntersectionObserver(callback, options)锛氫娇鐢ㄤ箣鍓嶅畾涔夌殑 callback 鍥炶皟鍑芥暟鍜� options 閰嶇疆閫夐」鏉ュ垵濮嬪寲 Intersection Observer 瀹炰緥銆�
+ this.observer = new IntersectionObserver(this.pageChangeCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ // 鍚姩椤电爜瑙傚療
+ setTimeout(() => {
+ this.initObservation();
+ this.initThemeColor();
+ }, 500);
+
+ // 娴嬭瘯椤甸潰璺宠浆
+ // setTimeout(() => {
+ // this.gotoPage(1, 14);
+ // 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
+ ) {
+ // 鍒拌揪闃堝��
+ 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) {
+ console.log(element, className, "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,
+ // chapterSix,
+ };
+ // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+ 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) {
+ playVudio.requestPictureInPicture();
+ }
+ }
+ }
+ },
+ components: {
+ pageHeader,
+ // chapterOne,
+ // chapterTwo,
+ // chapterThree,
+ // chapterFour,
+ // chapterFive,
+ // chapterSix,
+ // miniAudio,
+ },
+ };
+ </script>
+
+ <style lang="less" scoped>
+ .page-main {
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+
+ .page-content {
+ max-width: 816px;
+ min-width: 375px;
+ margin: 0 auto;
+ padding-bottom: 100px;
+ }
+ }
+ </style>
+
\ No newline at end of file
diff --git a/src/books/botany/view/index.vue b/src/books/botany/view/index.vue
new file mode 100644
index 0000000..79b3adb
--- /dev/null
+++ b/src/books/botany/view/index.vue
@@ -0,0 +1,80 @@
+<template>
+ <div class="botany" @mouseup="handleMouseUp" :style="{
+ fontSize: fontSize ? fontSize + 'px' : '16px',
+ transform: `scale(${pageZoom ? pageZoom : 1})`,
+ }">
+ <pageContent></pageContent>
+ </div>
+</template>
+
+<script>
+import pageContent from "./components/index.vue"
+export default {
+ name: "botany",
+ components: { pageContent },
+ computed: {
+ fontSize() {
+ return this.$store.state.qiankun.fontSize;
+ },
+ pageZoom() {
+ return this.$store.state.qiankun.scale / 100;
+ },
+ },
+ methods: {
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
+ },
+ handleMouseUp(e) {
+ const selection = (
+ this.container ? this.container : window
+ ).getSelection();
+ const txt = selection.toString();
+ if (selection.type != "none" && txt) {
+ let node = selection.anchorNode.parentNode;
+ let pageHtml = this.getParentWithClass(
+ selection.anchorNode,
+ "page-box"
+ );
+ let chapterDom = this.getParentWithClass(
+ selection.anchorNode,
+ "chapter"
+ );
+ let chapterNum;
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ if (pageHtml) {
+ const page = pageHtml.getAttribute("page");
+ // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum,
+ txt,
+ page,
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ } else {
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum: "",
+ txt: "",
+ page: "",
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ },
+ },
+};
+</script>
+
+<style lang="less">
+@import "../assets/main.less";
+</style>
--
Gitblit v1.9.1