From 62a6b29d24207428219882556c77ffb5941b7943 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期三, 12 六月 2024 11:07:19 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/artAndDance/view/components/header.vue | 5
src/books/math/assets/main.less | 716 +++++++++++++++++++++
src/books/childHealth/view/content/components/chapter007.vue | 118 +-
src/books/math/view/index.vue | 76 ++
src/books/childHealth/view/content/components/chapter008.vue | 21
src/books/math/view/components/header.vue | 93 ++
src/books/childHealth/view/content/components/chapter006.vue | 14
src/books/artAndDance/view/components/index.vue | 1
src/books/childHealth/view/content/components/chapter005.vue | 22
src/books/math/assets/images/Cover.jpg | 0
src/books/math/view/components/index.vue | 862 ++++++++++++++++++++++++++
src/App.vue | 9
12 files changed, 1,846 insertions(+), 91 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 81ff827..cc29709 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,6 +8,7 @@
v-if="activeBook.name == 'sportsAndHealth'"
></sportsAndHealth>
<artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance>
+ <math v-if="activeBook.name == 'math'"></math>
</div>
</template>
@@ -18,7 +19,7 @@
import english from "./books/English/view/index.vue";
import sportsAndHealth from "./books/sportsAndHealth/view/index";
import artAndDance from './books/artAndDance/view/index.vue'
-
+import math from './books/math/view/index.vue'
export default {
name: "App",
components: {
@@ -27,7 +28,8 @@
embedded,
english,
sportsAndHealth,
- artAndDance
+ artAndDance,
+ math
},
data() {
return {
@@ -72,7 +74,8 @@
// embedded
// english
// artAndDance
- this.config.resourceCtx + "sportsAndHealth"
+ // math
+ this.config.resourceCtx + "math"
);
// 娴嬭瘯璇曡30椤�
// this.activeBook.tryPageCount = 10;
diff --git a/src/books/artAndDance/view/components/header.vue b/src/books/artAndDance/view/components/header.vue
index 288065b..52ab8f4 100644
--- a/src/books/artAndDance/view/components/header.vue
+++ b/src/books/artAndDance/view/components/header.vue
@@ -1,8 +1,9 @@
<template>
<div class="chapter" num="1">
<div class="page-box mt-20" page="1" style="min-height: auto;">
- <div v-if="showPageList.indexOf(1) > -1"></div>
- <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
+ <div v-if="showPageList.indexOf(1) > -1">
+ <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
+ </div>
</div>
<div class="page-box" page="2" style="min-height: auto;">
<div v-if="showPageList.indexOf(2) > -1">
diff --git a/src/books/artAndDance/view/components/index.vue b/src/books/artAndDance/view/components/index.vue
index 0c3cdbe..5574cf3 100644
--- a/src/books/artAndDance/view/components/index.vue
+++ b/src/books/artAndDance/view/components/index.vue
@@ -60,6 +60,7 @@
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
+ name:"pageContent",
data() {
return {
catalogLength: 7, // 鎬荤珷鑺傛暟
diff --git a/src/books/childHealth/view/content/components/chapter005.vue b/src/books/childHealth/view/content/components/chapter005.vue
index c96ca75..29bc87e 100644
--- a/src/books/childHealth/view/content/components/chapter005.vue
+++ b/src/books/childHealth/view/content/components/chapter005.vue
@@ -701,7 +701,7 @@
<p class="center">
<b
>涓浗灞呮皯鑶抽鎸囧崡<a id="w1"></a
- ><a href="chapter005.html#m1"><sup>[1]</sup></a></b
+ ><a href="javascript: void(0)"><sup>[1]</sup></a></b
>
</p>
<p class="block">
@@ -731,7 +731,7 @@
</div>
<div class="annotation-border"></div>
<p class="note t0 word-break-all">
- <a id="m1"></a><a href="chapter005.html#w1">[1]</a>
+ <a id="m1"></a><a href="javascript: void(0)">[1]</a>
鎽樿嚜銆娿�堜腑鍥藉眳姘戣喅椋熸寚鍗楋紙2022锛夈�夊钩琛¤喅椋熷叓鍑嗗垯銆嬶紝http锛�//dg.cnsoc.org/article/04/J4-AsD_DR3OLQMnHG0-jZA.html锛�2022-12-28銆�
</p>
</div>
@@ -834,7 +834,7 @@
</p>
<p class="block">
绗簲锛岀粡甯告埛澶栨椿鍔紱瀹氭湡浣撴牸娴嬮噺锛屼繚闅滃仴搴锋垚闀裤��<a id="w2"></a
- ><a href="chapter005.html#m2"><sup>[2]</sup></a>
+ ><a href="javascript: void(0)"><sup>[2]</sup></a>
</p>
<p class="center openImgBox">
<img src="../../../assets/images/chapterFive/0124-1.jpg" class="w100">
@@ -861,7 +861,7 @@
</p>
<div class="annotation-border"></div>
<p class="note word-break-all">
- <a id="m2"></a><a href="chapter005.html#w2">[2]</a>
+ <a id="m2"></a><a href="javascript: void(0)">[2]</a>
鎽樿嚜銆婁腑鍥藉┐骞煎効鍠傚吇鎸囧崡锛�2022锛夈�嬶紝http锛�//dg.cnsoc.org/article/04/gc5cUak3RhSGheqSaRljnA.html锛�
2022-12-28銆�
</p>
@@ -1385,7 +1385,7 @@
<textarea
cols="30"
rows="4"
- v-model="chapterFiveData.learnTableTwo.qEnight"
+ v-model="chapterFiveData.learnTableTwo.qEight"
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
@@ -1847,7 +1847,7 @@
<textarea
cols="30"
rows="4"
- v-model="chapterFiveData.learnTableThree.qEnight"
+ v-model="chapterFiveData.learnTableThree.qEight"
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
@@ -1986,7 +1986,7 @@
<p class="center">
<b
>涓崕楗鏂囧寲鍙婂叾瀵瑰鍓嶅効绔ラギ椋熺殑褰卞搷<a id="w3"></a
- ><a href="chapter005.html#m3"><sup>[3]</sup></a></b
+ ><a href="javascript: void(0)"><sup>[3]</sup></a></b
>
</p>
<p class="block">
@@ -2017,7 +2017,7 @@
</p>
<div class="annotation-border"></div>
<p class="note">
- <a id="m3"></a><a href="chapter005.html#w3">[3]</a>
+ <a id="m3"></a><a href="javascript: void(0)">[3]</a>
鎽樿嚜姹熺惓锛氥�婃祬璋堝辜鍎块ギ椋熺敓娲讳腑鐨勮绋嬭祫婧愬強鍏跺紑鍙戙�嬶紝杞姐�婂鍓嶆暀鑲茬爺绌躲�嬶紝2007锛�2锛夈�傚紩鐢ㄦ椂鏈夋敼鍔ㄣ��
</p>
</div>
@@ -2317,7 +2317,7 @@
<textarea
cols="30"
rows="4"
- v-model="chapterFiveData.learnTableFour.qEnight"
+ v-model="chapterFiveData.learnTableFour.qEight"
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
@@ -2872,8 +2872,8 @@
qTwo: {
oen: "",
two: "",
- Three: "",
- Four: "",
+ three: "",
+ four: "",
},
},
short: {
diff --git a/src/books/childHealth/view/content/components/chapter006.vue b/src/books/childHealth/view/content/components/chapter006.vue
index 18a3da0..e9bbc1c 100644
--- a/src/books/childHealth/view/content/components/chapter006.vue
+++ b/src/books/childHealth/view/content/components/chapter006.vue
@@ -223,7 +223,7 @@
<textarea
cols="30"
rows="4"
- v-model="chapterSixData.learnTableOne.qEnight"
+ v-model="chapterSixData.learnTableOne.qEight"
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
@@ -267,12 +267,12 @@
282涓効绔ユ牱鏈腑鍙戠幇锛岃澶氬嚭鐢熺己闄峰睘浜庘�滈殢鏃剁暩褰⑩�濓紝鍗冲湪瀛曟湡鐨勪换浣曟椂闂撮兘鍙兘鍙戠敓鐢辫嚧鐣稿洜绱犲鑷寸殑闂銆�<a
id="w1"
></a
- ><a href="chapter006.html#m1"><sup>[1]</sup></a
+ ><a href="javascript: void(0)"><sup>[1]</sup></a
>鍥犳锛屾暣涓瓡鏈熼兘鍙互琚湅浣滀汉绫诲彂灞曠殑鍏抽敭鏈熴��
</p>
<div class="annotation-border"></div>
<p class="note">
- <a id="m1"></a><a href="chapter006.html#w1">[1]</a> Heinonen O P锛�
+ <a id="m1"></a><a href="javascript: void(0)">[1]</a> Heinonen O P锛�
Slone D锛� Monson R R锛� et al.锛� Cardiovascular Birth Defects and
Antenatal Exposure to Female Sex Hormones锛� Obstetrical and
Gynecological Survey锛�1977锛�32锛�6锛夛細385-389.
@@ -323,11 +323,11 @@
鑳庡効婧愪箣浜庡瓡濡囷紝鎵�浠ヨ儙鍎跨殑鎴愰暱鏄惁鍋ュ叏锛屼笌瀛曞鐨勫仴搴锋伅鎭浉鍏筹紝杩欐槸涓瀛﹁�呬竴鑷磋鍚岀殑瑙傜偣銆傝但娲涘厠<a
id="w2"
></a
- ><a href="chapter006.html#m2"><sup>[2]</sup></a
+ ><a href="javascript: void(0)"><sup>[2]</sup></a
>璁や负锛屼负瀛曞鎻愪緵鑹ソ鐨勭幆澧冿紝鑳戒緵缁欎釜浣撲竴涓厖鍒嗗彂灞曞叾閬椾紶绱犺川鐨勬満浼氥�傝繕鏈夊鑰呯爺绌惰涓猴紝鑳庡効鍙互鍦ㄤ竴涓師濮嬬殑姘村钩鐪嬨�佸惉銆佷綋楠岀敓娲伙紝鐢氳嚦瀛︿範锛屽瀛愬皢鏉ュ揩涔愭垨鎮蹭激銆佹敾鍑绘垨娓╅『銆佸畨鍏ㄦ垨鐒﹁檻锛岄儴鍒嗕笌鍦ㄥ瓙瀹唴鎵�鎺ュ彈鐨勪俊鎭湁鍏炽��<a
id="w3"
></a
- ><a href="chapter006.html#m3"><sup>[3]</sup></a>
+ ><a href="javascript: void(0)"><sup>[3]</sup></a>
</p>
<p>
涓浗鍙や唬灏卞緢閲嶈鑳庢暀鐨勯棶棰樸�傝淳璋婂湪銆婃柊涔︺�嬩腑鎻愬強锛氬彜浠ｇ帇鍚庢��瀛曟椂锛屼护璐熻矗绀艰妭銆佸０涔愩�侀ギ椋熺瓑鏈夊叧鐨勫畼鍚忥紝绔嬩簬闂ㄥ唴锛屼互闅忔椂娉ㄦ剰鐜嬪悗鍚殑绀间箰鏄惁涓嶆銆佹墍椋熺敤鐨勯椋熸槸鍚︿笉閫傘�傚埌浜嗚儙鍎垮舰鎴愮殑鏃跺�欙紝鐜嬪悗灏辫娉ㄦ剰鑷繁鐨勮█琛岋紝绔欒绔欑洿锛屽潗瑕佸潗姝ｏ紝绗戜笉鍙お澶у０锛岀敓姘旀椂涓嶅彲杩囧垎鍔ㄦ�掋�備妇鍑′竴鍒囨帾鏂斤紝閮芥槸涓轰簡閬垮厤鑳庡効鍙楀埌涓嶈壇褰卞搷銆傚垬鍚戝湪銆婂垪濂充紶銆嬩腑鎻愬強锛氬彜鑰呭浜哄瀛愬瘽涓嶄晶锛屽潗涓嶈竟锛岀珛涓嶈犯锛屼笉椋熼偑鍛筹紝鑰充笉鍚簬娣０锛屽鍒欎护鐬借璇椾功锛岄亾姝ｄ簨锛屽姝ゅ垯鐢熷瓙褰㈠绔锛屾墠寰峰繀杩囦汉鐭ｃ�傚張璇达細澶濡婃枃鐜嬩篃锛岀洰涓嶈鎭惰壊锛岃�充笉鍚伓澹帮紝鏂囩帇鍥犱箣鐢熻�屽湥鏄庛��
@@ -350,11 +350,11 @@
</p>
<div class="annotation-border"></div>
<p class="note">
- <a id="m2"></a><a href="chapter006.html#w2">[2]</a> Hurlock EB锛孋hild
+ <a id="m2"></a><a href="javascript: void(0)">[2]</a> Hurlock EB锛孋hild
Development锛�6ed锛夛紝New York锛孧cGraw-Hill Inc锛�1983.
</p>
<p class="note">
- <a id="m3"></a><a href="chapter006.html#w3">[3]</a> Verny
+ <a id="m3"></a><a href="javascript: void(0)">[3]</a> Verny
Thomas锛孠elly John锛孴he Secret Life of the Unborn Child锛� New
York锛孌ell锛�1982.
</p>
diff --git a/src/books/childHealth/view/content/components/chapter007.vue b/src/books/childHealth/view/content/components/chapter007.vue
index 6b2ae0b..7d692ca 100644
--- a/src/books/childHealth/view/content/components/chapter007.vue
+++ b/src/books/childHealth/view/content/components/chapter007.vue
@@ -1134,7 +1134,7 @@
<p class="center">
<b
>鏂扮敓鍎挎姎瑙�<a id="w1"></a
- ><a href="chapter007.html#m1"><sup>[1]</sup></a></b
+ ><a href="javascript: void(0)"><sup>[1]</sup></a></b
>
</p>
<p class="block">
@@ -1360,14 +1360,15 @@
</td>
</tr>
</table>
+ <p class="custom_tag"><b>鈥㈠涔犲垵浣撻獙鈥�</b></p>
<div class="fieldset">
- <p>
+ <p class="block">
涔愪箰鐨勫濡堝紑濮嬪彂鎰佷簡锛屽効瀛愬凡缁忚繃浜�2宀侊紝鍙墮榻胯繕娌℃湁鍑洪綈锛岄暱鍑烘潵鐨勫嚑棰椾篃鏄竷闆跺叓钀斤紝鎺掑垪寰堜笉瑙勫垯銆傚凡鏄瘨鍐鑺傦紝涔愪箰鏅氫笂鐫¤杩樻槸涓嶅仠鍦板嚭姹楋紝骞朵笖鐫′竴浼氬氨鎯婁竴涓嬶紝闂逛竴闃碉紝濂藉儚鏈変汉鍚撳敩浠栦技鐨勩�傝�岄殧澹佽帀鑾夊拰浠栧悓宀侊紝宸茬粡璺戝緱娆㈠疄浜嗭紝浣嗕箰涔愮殑鑵胯繕鏄蒋杞�
</p>
</div>
<div class="annotation-border"></div>
<p class="note">
- <a id="m1"></a><a href="chapter007.html#w1">[1]</a>
+ <a id="m1"></a><a href="javascript: void(0)">[1]</a>
鏁寸悊鑷寳浜腑鍖昏嵂澶у涓滄柟鍖婚櫌鍎跨涓荤鎶ゅ笀鐜嬫絿鐩稿叧鏂囩珷銆�
</p>
</div>
@@ -1384,7 +1385,7 @@
</div>
</div>
<div class="padding-96">
- <p class="custom_tag"><b>鈥㈠涔犲垵浣撻獙鈥�</b></p>
+
<div class="fieldset">
<p class="block t0">
鐨勶紝璧拌矾璺岃穼鎾炴挒锛屾鎬佷笉绋炽�備箰涔愬埌搴曞緱浜嗕粈涔堢梾鍛紵
@@ -2860,7 +2861,7 @@
<p>锛�2锛夋姢鐞�</p>
<p>鈶犳偅鎬ユ�ц倽鐐庡簲鍗у簥浼戞伅锛岀梾鎯呭ソ杞悗鍙交寰椿鍔紝浣嗕互涓嶆劅瑙夌柌鍔充负瀹溿��</p>
<p>
- 鈶￠ギ椋熷疁灏戝悆鑴傝偑锛岄�傚綋澧炲姞铔嬬櫧璐ㄥ拰绯栫被鐨勪緵缁欓噺锛屽鍚冩按鏋滆敩鑿溿�傝泲鐧借川鏄倽缁嗚優鍐嶇敓鍜屼慨澶嶆墍蹇呴渶鐨勮惀鍏荤墿璐紝绯栫被鏄緵缁欒兘閲忕殑涓昏鏉ユ簮銆傝剛鑲繃澶氾紝鍙兘鍔犻噸鑲濊剰鐨勮礋鎷呫�備絾涔熶笉瀹滃悆杩囧鐨勮泲鐧借川鍜岀硸绫伙紝杩囧墿鐨勮泲鐧借川銆佺硸绫诲彲杞寲涓鸿剛鑲紝骞�
+ 鈶￠ギ椋熷疁灏戝悆鑴傝偑锛岄�傚綋澧炲姞铔嬬櫧璐ㄥ拰绯栫被鐨勪緵缁欓噺锛屽鍚冩按鏋滆敩鑿溿�傝泲鐧借川鏄倽缁嗚優鍐嶇敓鍜屼慨澶嶆墍蹇呴渶鐨勮惀鍏荤墿璐紝绯栫被鏄緵缁欒兘閲忕殑涓昏鏉ユ簮銆傝剛鑲繃澶氾紝鍙兘鍔犻噸鑲濊剰鐨勮礋鎷呫�備絾涔熶笉瀹滃悆杩囧鐨勮泲鐧借川鍜岀硸绫伙紝杩囧墿鐨勮泲鐧借川銆佺硸绫诲彲杞寲涓鸿剛鑲紝骞跺彲鍔犻噸
</p>
</div>
</div>
@@ -2875,7 +2876,7 @@
<span class="page-header-num">199</span>
</div>
<div class="padding-96">
- <p class="t0">鍙姞閲嶈吂鑳�銆�</p>
+ <p class="t0">鑵硅儉銆�</p>
<p>
鈶㈠仛濂芥秷姣掗殧绂诲伐浣溿�傛偅鑰呯殑椋熷叿銆佹按鏉�佺墮鍒疯涓撶敤銆傞鍏枫�佹按鏉�佹瘺宸炬瘡鏃ョ叜娌告秷姣掍竴娆°�備究鐩嗙敤娑堟瘨娑叉蹈娉★紝琛ｆ湇銆佽瑜ュ父鏅掞紙鏆存檼4锝�6灏忔椂锛夈��
</p>
@@ -2952,7 +2953,7 @@
<p>鎵嬭冻鍙ｇ梾鏄敱鑲犻亾鐥呮瘨鎰熸煋寮曡捣鐨勭柋鐤规�т紶鏌撶梾銆�</p>
<h5 id="e229">1.娴佽鐗圭偣</h5>
<p>
- 鎮ｈ�呮槸涓昏鐨勪紶鏌撴簮銆傛偅鍎跨殑姘寸柋娑层�佸捊鍒嗘硨鐗╁強绮究涓潎鍙甫鏈夌梾姣掋�傚瀛ｉ珮
+ 鎮ｈ�呮槸涓昏鐨勪紶鏌撴簮銆傛偅鍎跨殑姘寸柋娑层�佸捊鍒嗘硨鐗╁強绮究涓潎鍙甫鏈夌梾姣掋�傚瀛ｉ珮鍙戯紝
</p>
</div>
</div>
@@ -2967,7 +2968,7 @@
<span class="page-header-num">201</span>
</div>
<div class="padding-96">
- <p class="t0">鍙戯紝1锝�2宀佸辜鍎垮瑙併��</p>
+ <p class="t0">1锝�2宀佸辜鍎垮瑙併��</p>
<h5 id="e230">2.鐥囩姸</h5>
<p>
娼滀紡鏈�4锝�6鏃ャ�傛渶鍏堝嚭鐜拌交寰棁鐘跺鍙戠儹銆佸挸鍡姐�佸捊鐥涘強鍏ㄨ韩涓嶉�傘�備互鎵嬨�佽冻銆佸彛鑵旂瓑閮ㄤ綅鐨勭毊鐤瑰拰鐤辩柟涓轰富瑕佺壒寰併�傚湪鎸囷紙瓒撅級鐨勮儗闈€�佷晶缂樸�佹墜鎺屻�佽冻璺栵紝灏ゅ叾鏄寚锛堣毒锛夌敳鍛ㄥ洿锛屾湁鏃跺湪鑷�閮ㄣ�佽函骞插拰鍥涜偄鍙戠敓绾㈣壊鏂戜笜鐤癸紝寰堝揩鍙戝睍涓烘按鐤便�傚彛鑵斿唴鍦ㄨ垖銆佺‖鑵�侀榛忚啘銆侀娇榫堜笂鍙戠敓姘寸柋锛岀牬婧冨悗褰㈡垚娴呭湪鐨勭硿鐑傦紝鍥犵柤鐥涜�屽奖鍝嶈繘椋熴��8锝�10澶╂按鐤辩粨鐥傦紝鐤剧梾鐥婃剤銆�
@@ -3052,7 +3053,7 @@
</p>
<h5 id="e241">1.娴佽鐗圭偣</h5>
<p>
- 鎵嬬櫍鍜屼腑鍖诲涓杞界殑鈥滈箙鎺岄鈥濈浉绫讳技锛岃冻鐧ｄ織绉扳�滆剼姘斺�濓紝鐢茬櫍淇楃О鈥滅伆鎸囩敳鈥濄�備互瓒崇櫍澶氳銆備富瑕侀�氳繃鐩存帴鎺ヨЕ鐥呭師浣撲镜鐘儴浣嶆垨浣跨敤鐥呭師浣撴薄鏌撶殑鐗╁搧锛屽
+ 鎵嬬櫍鍜屼腑鍖诲涓杞界殑鈥滈箙鎺岄鈥濈浉绫讳技锛岃冻鐧ｄ織绉扳�滆剼姘斺�濓紝鐢茬櫍淇楃О鈥滅伆鎸囩敳鈥濄�備互瓒崇櫍澶氳銆備富瑕侀�氳繃鐩存帴鎺ヨЕ鐥呭師浣撲镜鐘儴浣嶆垨浣跨敤鐥呭師浣撴薄鏌撶殑鐗╁搧锛屽鎷�
</p>
</div>
</div>
@@ -3067,7 +3068,7 @@
<span class="page-header-num">203</span>
</div>
<div class="padding-96">
- <p class="t0">鎷栭瀷銆佹礂鑴氱泦銆佹瘺宸捐�屾劅鏌撱��</p>
+ <p class="t0">闉嬨�佹礂鑴氱泦銆佹瘺宸捐�屾劅鏌撱��</p>
<h5 id="e242">2.鐥囩姸</h5>
<p>
鐥呯▼缂撴參锛屾湁涓嶅悓绋嬪害鐦欑棐锛屽瀛ｈ緝閲嶏紝鍐鍑忚交銆傜┛涓嶉�忔皵鐨勮兌闉嬨�佺悆闉嬪姞閲嶏紝娌绘剤鍚庡彲鍐嶆劅鏌撱��
@@ -3157,7 +3158,7 @@
<p>鈶犲彛鏈嶈剨楂撶伆璐ㄧ値鍑忔瘨娲荤柅鑻楃硸涓革紝鏈湇绯栦父鑰呭彲娉ㄥ皠涓欑鐞冭泲鐧姐��</p>
<p>鈶℃敞鎰忎釜浜哄崼鐢熷拰鐜鍗敓銆�</p>
<p>
- 鈶㈤鍏枫�佺敤鍏枫�佺帺鍏枫�佸鍏风瓑鏃ュ父鐢ㄥ搧鍙婃偅鍎跨敓娲荤幆澧冨交搴曠敤绱绾挎垨娑堟瘨娑叉秷
+ 鈶㈤鍏枫�佺敤鍏枫�佺帺鍏枫�佸鍏风瓑鏃ュ父鐢ㄥ搧鍙婃偅鍎跨敓娲荤幆澧冨交搴曠敤绱绾挎垨娑堟瘨娑叉秷姣掋��
</p>
</div>
</div>
@@ -3172,7 +3173,6 @@
<span class="page-header-num">205</span>
</div>
<div class="padding-96">
- <p class="t0">姣掋��</p>
<p>鈶ｆ棭鍙戠幇銆佹棭闅旂銆佹棭娌荤枟銆�</p>
<h4 id="d286">锛堝崄鍏級鐙傜姮鐥�</h4>
<p>鐙傜姮鐥呭張绉扳�滄亹姘寸棁鈥濓紝鏄敱鐙傜姮鐥呮瘨鎰熸煋寮曡捣鐨勬�ユ�т紶鏌撶梾銆�</p>
@@ -3228,7 +3228,7 @@
</p>
<h5 id="e257">1.鐥呭洜鍙婃祦琛岀梾瀛�</h5>
<p>
- 浜鸿洈铏槸瀵勭敓鍦ㄤ汉浣撶殑鏈�澶х嚎铏箣涓�锛岄泴闆勫紓浣撱�傚叾鎴愯櫕鐘跺铓殦锛岃壊娣＄孩锛屽瘎鐢熶簬鑲犻亾鍐咃紝瀵垮懡绾�1骞淬�傞泴鎴愯櫕韬綋杈冮暱锛屽熬绔几鐩达紝姣忔棩浜у嵉20浣欎竾涓紱闆勬垚铏緝鐭紝灏剧鍚戣吂渚у嵎鏇层�傝櫕鍗甸殢绮究鎺掑嚭銆傚垰浜у嚭鐨勫嵉鏃犳劅鏌撳姏锛屼絾鐢熷懡鍔涢〗寮恒�傝櫕鍗垫薄鏌撴偿鍦熴�侀鐗╋紝鍦ㄩ�傚疁鐨勬俯搴︺�佹箍搴︽潯浠朵笅锛�2鍛ㄥ乏鍙冲彂灞曚负鎰熸煋鎬ц櫕鍗点�傚鍓嶅効绔�
+ 浜鸿洈铏槸瀵勭敓鍦ㄤ汉浣撶殑鏈�澶х嚎铏箣涓�锛岄泴闆勫紓浣撱�傚叾鎴愯櫕鐘跺铓殦锛岃壊娣＄孩锛屽瘎鐢熶簬鑲犻亾鍐咃紝瀵垮懡绾�1骞淬�傞泴鎴愯櫕韬綋杈冮暱锛屽熬绔几鐩达紝姣忔棩浜у嵉20浣欎竾涓紱闆勬垚铏緝鐭紝灏剧鍚戣吂渚у嵎鏇层�傝櫕鍗甸殢绮究鎺掑嚭銆傚垰浜у嚭鐨勫嵉鏃犳劅鏌撳姏锛屼絾鐢熷懡鍔涢〗寮恒�傝櫕鍗垫薄鏌撴偿鍦熴�侀鐗╋紝鍦ㄩ�傚疁鐨勬俯搴︺�佹箍搴︽潯浠朵笅锛�2鍛ㄥ乏鍙冲彂灞曚负鎰熸煋鎬ц櫕鍗点�傚鍓嶅効绔ュ枩鐜╂偿鍦燂紝鑻�
</p>
</div>
</div>
@@ -3245,7 +3245,7 @@
</div>
<div class="padding-96">
<p class="t0">
- 鍠滅帺娉ュ湡锛岃嫢楗墠涓嶈鐪熸礂鎵嬶紝鎴栫敓鍚冧笉娲佺殑鐡滄灉钄彍銆佸枬涓嶆磥鐢熷喎姘达紝鎴栦娇鐢ㄨ櫕鍗垫薄鏌撶殑椋熷叿銆佺帺鍏风瓑锛屽潎鍙劅鏌撹鐥呫��
+ 楗墠涓嶈鐪熸礂鎵嬶紝鎴栫敓鍚冧笉娲佺殑鐡滄灉钄彍銆佸枬涓嶆磥鐢熷喎姘达紝鎴栦娇鐢ㄨ櫕鍗垫薄鏌撶殑椋熷叿銆佺帺鍏风瓑锛屽潎鍙劅鏌撹鐥呫��
</p>
<h5 id="e258">2.鐥囩姸</h5>
<p>
@@ -3260,14 +3260,51 @@
鈶犺繘琛屽箍娉涚殑鍗敓瀹ｄ紶锛屾敞鎰忕幆澧冨崼鐢燂紝娑堢伃铦囩被銆傚仛濂界勃渚跨鐞嗗拰鏀硅壇绉偉锛屼笉闅忓湴澶у皬渚裤��
</p>
<p>鈶¤绌堕ギ椋熷崼鐢燂紝鐢熷悆鐡滄灉钄彍涓�瀹氳娲楀共鍑�銆�</p>
+ <p>
+ 鈶㈣绌朵釜浜哄崼鐢燂紝鍕ゅ壀鎸囩敳锛岃繘椁愬墠鍚庤偉鐨傘�佹祦鍔ㄦ按娲楁墜锛屼笉鍚稿惍鎵嬫寚銆�
+ </p>
+ <p>鈶ｆ墭骞兼満鏋勫彲浜庢瘡骞�9鏈堛��10鏈堣繘琛岄泦浣撻┍铔斻��</p>
+ <p>锛�2锛夋不鐤�</p>
+ <p>鏈嶉┍铔旇櫕鑽紝椹辫洈铏��</p>
+ <div class="fl fl-around">
+ <div class="left" style="width: 48%">
+ <p class="center openImgBox" style="margin-top: 50px">
+ <img src="../../../assets/images/chapterSeven/0219-2.jpg" style="width:95%">
+ </p>
+ <p class="img">鍥�7-1 铔茶櫕鐢熸椿鍙�</p>
+ </div>
+ <div class="right" style="width: 50%">
+ <h4 id="d288" class="tl">锛堜簩锛夎洸铏梾</h4>
+ <p>
+ 铔茶櫕鐥呮槸铔茶櫕瀵勭敓浜庝汉浣撴墍鑷寸殑涓�绉嶅父瑙佺殑瀵勭敓铏梾銆備复搴婁互浼氶槾鍙婅倹闂ㄩ檮杩戠槞鐥掍负鐗瑰緛锛屾槗鍦ㄥ搴強鎵樺辜鏈烘瀯涓祦琛屻��
+ </p>
+ <h5 id="e260" class="tl">1.鐥呭洜鍙婃祦琛岀梾瀛�</h5>
+ <p>
+ 铔茶櫕涓轰钩鐧借壊锛岀害1鍘樼背闀匡紝鐘跺妫夌嚎绾垮ご锛屾晠鍙堝悕绾垮ご铏�傞泴闆勫紓浣撱�備竴鑸瘎鐢熶簬浜轰綋灏忚偁涓嬫銆侀槕灏俱�佺洿鑲犵瓑澶勩�傞泴闆勪氦閰嶏紝闆勮櫕浜ら厤鍚庡嵆姝讳骸銆傞泴铏簬澶滈棿绉昏鑷宠倹闂ㄩ檮杩戜骇鍗碉紝姣忔潯闆岃櫕鍙惈鍗�5000锝�17000涓紝鎴愮啛鐨勯泴铏湪鐖鏃惰繛缁骇鍗碉紝鏁板垎閽熷唴鍙繛缁骇鍗佃揪10000涓乏 鍙炽�傚叿鏈夋劅鏌撴�х殑铏嵉琚悶鍏ュ悗鑷冲彂鑲蹭负鎴愯櫕闇�1涓湀宸﹀彸锛�
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 207 -->
+ <div class="page-box" page="215">
+ <div v-if="showPageList.indexOf(215) > -1">
+ <div class="page-header-box">
+ <span class="page-header-text"
+ >涓撻涓� 瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+ >
+ <span class="page-header-num">207</span>
+ </div>
+ <div class="padding-96">
+ <p class="m0-t0">
+ 鎴愯櫕鐨勫鍛戒负20锝�30澶┿�傛垚鐔熺殑铏嵉瀵瑰鐣屾姷鎶楀姏鐢氬ぇ锛屽湪鑷劧鐜涓彲淇濇寔鎰熸煋鎬�10锝�14澶┿��
+ </p>
<div class="fl fl-around">
<div class="left" style="width: 38%">
- <p>
- 鈶㈣绌朵釜浜哄崼鐢燂紝鍕ゅ壀鎸囩敳锛岃繘椁愬墠鍚庤偉鐨傘�佹祦鍔ㄦ按娲楁墜锛屼笉鍚稿惍鎵嬫寚銆�
+ <p class="tl">
+ 鍎跨涓昏缁忔墜鈥斿彛浼犳煋銆傝铏嵉姹℃煋鐨勬墜銆侀鐗┿�侀鍏峰彲浣夸汉杩涢鏃舵劅鏌撱�傜敱浜庨泴铏闂村湪鑲涢棬澶勪骇鍗碉紝寮曡捣鐦欑棐锛屽効绔ョ敤鎵嬫姄鎸狅紝鎵嬫垨鎸囩敳鍐呮簿涓婅櫕鍗靛彲浣挎偅鍎垮弽澶嶆劅鏌撱�傝櫕鍗垫帓鍑哄悗杩樺彲姹℃煋琛ｈ￥銆佽瑜ユ垨鐜╁叿锛屼篃鍙�犳垚浼犳挱銆�
</p>
- <p>鈶ｆ墭骞兼満鏋勫彲浜庢瘡骞�9鏈堛��10鏈堣繘琛岄泦浣撻┍铔斻��</p>
- <p>锛�2锛夋不鐤�</p>
- <p>鏈嶉┍铔旇櫕鑽紝椹辫洈铏��</p>
</div>
<div class="right" style="width: 60%">
<video
@@ -3288,43 +3325,6 @@
<p class="img">瑙嗛锛氬鍓嶅効绔ュ父瑙佸瘎鐢熻櫕鐥呪�斺�旇洸铏梾</p>
</div>
</div>
- <div class="fl fl-around">
- <div class="left" style="width: 48%">
- <p class="center openImgBox" style="margin-top: 50px">
- <img src="../../../assets/images/chapterSeven/0219-2.jpg" style="width:95%">
- </p>
- <p class="img">鍥�7-1 铔茶櫕鐢熸椿鍙�</p>
- </div>
- <div class="right" style="width: 50%">
- <h4 id="d288" class="tl">锛堜簩锛夎洸铏梾</h4>
- <p>
- 铔茶櫕鐥呮槸铔茶櫕瀵勭敓浜庝汉浣撴墍鑷寸殑涓�绉嶅父瑙佺殑瀵勭敓铏梾銆備复搴婁互浼氶槾鍙婅倹闂ㄩ檮杩戠槞鐥掍负鐗瑰緛锛屾槗鍦ㄥ搴強鎵樺辜鏈烘瀯涓祦琛屻��
- </p>
- <h5 id="e260" class="tl">1.鐥呭洜鍙婃祦琛岀梾瀛�</h5>
- <p>
- 铔茶櫕涓轰钩鐧借壊锛岀害1鍘樼背闀匡紝鐘跺妫夌嚎绾垮ご锛屾晠鍙堝悕绾垮ご铏�傞泴闆勫紓浣撱�備竴鑸瘎鐢熶簬浜轰綋灏忚偁涓嬫銆侀槕灏俱�佺洿鑲犵瓑澶勩�傞泴闆勪氦閰嶏紝闆勮櫕浜ら厤鍚庡嵆姝讳骸銆傞泴铏簬澶滈棿绉昏鑷宠倹闂ㄩ檮杩戜骇鍗碉紝姣忔潯闆岃櫕鍙惈鍗�5000锝�17000涓紝鎴愮啛鐨勯泴铏湪鐖鏃惰繛缁骇鍗碉紝鏁板垎閽熷唴鍙繛缁骇鍗佃揪10000涓乏
- </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 207 -->
- <div class="page-box" page="215">
- <div v-if="showPageList.indexOf(215) > -1">
- <div class="page-header-box">
- <span class="page-header-text"
- >涓撻涓� 瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
- >
- <span class="page-header-num">207</span>
- </div>
- <div class="padding-96">
- <p class="m0-t0">
- 鍙炽�傚叿鏈夋劅鏌撴�х殑铏嵉琚悶鍏ュ悗鑷冲彂鑲蹭负鎴愯櫕闇�1涓湀宸﹀彸锛屾垚铏殑瀵垮懡涓�20锝�30澶┿�傛垚鐔熺殑铏嵉瀵瑰鐣屾姷鎶楀姏鐢氬ぇ锛屽湪鑷劧鐜涓彲淇濇寔鎰熸煋鎬�10锝�14澶┿��
- </p>
- <p class="tl">
- 鍎跨涓昏缁忔墜鈥斿彛浼犳煋銆傝铏嵉姹℃煋鐨勬墜銆侀鐗┿�侀鍏峰彲浣夸汉杩涢鏃舵劅鏌撱�傜敱浜庨泴铏闂村湪鑲涢棬澶勪骇鍗碉紝寮曡捣鐦欑棐锛屽効绔ョ敤鎵嬫姄鎸狅紝鎵嬫垨鎸囩敳鍐呮簿涓婅櫕鍗靛彲浣挎偅鍎垮弽澶嶆劅鏌撱�傝櫕鍗垫帓鍑哄悗杩樺彲姹℃煋琛ｈ￥銆佽瑜ユ垨鐜╁叿锛屼篃鍙�犳垚浼犳挱銆�
- </p>
<h5 id="e261" class="tl">2.鐥囩姸</h5>
<p class="tl">
闆岃櫕澶滈棿浜у嵉浣胯倹闂ㄥ鐥掞紝褰卞搷鐫＄湢锛岄棿鎺ュ奖鍝嶅皬鍎跨殑绮剧鐘舵�佸拰椋熸銆傚洜鐦欑棐鎶撶牬鐨偆锛屽彲浣胯倹闂ㄥ懆鍥寸毊鑲ゅ彂鐐庛��
@@ -3448,7 +3448,7 @@
8.骞煎効鎮ｄ笂鍛煎惛閬撴劅鏌撴椂锛屽簲閫傚綋澧炲姞杩愬姩閲忥紝淇冭繘鐥婃剤銆傦紙<input
type="text"
class="judge-input"
- v-model="chapterSevenData.question.judge.qEnight"
+ v-model="chapterSevenData.question.judge.qEight"
@input="saveChapterOneData"
/>锛�
</p>
@@ -3456,7 +3456,7 @@
9.楹荤柟榛忚啘鏂戜负楹荤柟鎮ｈ�呯壒鏈夌殑寰佽薄锛屾槸鏃╂湡璇婃柇楹荤柟鐨勯噸瑕佹爣蹇椼�傦紙<input
type="text"
class="judge-input"
- v-model="chapterSevenData.question.judge.qEnight"
+ v-model="chapterSevenData.question.judge.qNine"
@input="saveChapterOneData"
/>锛�
</p>
@@ -3782,7 +3782,7 @@
qFive:"",
qSix:"",
qSeven:"",
- qEnight:"",
+ qEight:"",
qNine:"",
qTen:"",
qEleven:"",
diff --git a/src/books/childHealth/view/content/components/chapter008.vue b/src/books/childHealth/view/content/components/chapter008.vue
index e48251c..d6535b5 100644
--- a/src/books/childHealth/view/content/components/chapter008.vue
+++ b/src/books/childHealth/view/content/components/chapter008.vue
@@ -512,6 +512,8 @@
<p>
鈶＄敤宸︽墜椋熸寚銆佹媷鎸囧皢鎮ｅ効涓婁笅鐪肩毊杞昏交鍒嗗紑锛屽槺鎮ｅ効澶村悜鍚庝话锛岀溂鐫涘悜涓婄湅銆�
</p>
+ <p>鈶㈡搷浣滆�呭彸鎵嬫寔婊磋嵂鐡讹紝杞昏交灏嗚嵂娑叉淮浜庝笅鐪肩毊鍐咃紝姣忔1锝�2婊淬��</p>
+ <p> 鈶ｅ槺鎮ｅ効杞昏交闂笂鐪肩潧锛屾搷浣滆�呯敤鎷囨寚銆侀鎸囪交鎻愬叾涓婄溂鐨紝鍢辨偅鍎胯浆鍔ㄧ溂鐞冿紝浣胯嵂娑插潎鍖�娑傛弧鐪煎唴銆�</p>
<p class="custom_tag"><b>鈥㈡俯棣ㄦ彁绀衡��</b></p>
<div class="fieldset">
<p class="block">鈶犵溂鑽啅瀹滃湪鐫″墠娑傜敤銆�</p>
@@ -522,10 +524,7 @@
鈶㈣嫢鐪艰嵂鑶忓拰婊寸溂娑插悎鐢紝搴斿厛浣跨敤婊寸溂娑诧紝5锝�10鍒嗛挓鍚庡啀娑傜溂鑽啅锛屽洜涓虹溂鑽啅鐨勬补鎬т細闃荤婊寸溂娑茬殑鍚告敹銆�
</p>
<p class="block">
- 鈶ｇ溂鑽啅寮�鍚悗锛屼娇鐢ㄦ湡涓嶈瓒呰繃4鍛ㄣ�傗憿鎿嶄綔鑰呭彸鎵嬫寔婊磋嵂鐡讹紝杞昏交灏嗚嵂娑叉淮浜庝笅鐪肩毊鍐咃紝姣忔1锝�2婊淬��
- </p>
- <p class="block">
- 鈶ｅ槺鎮ｅ効杞昏交闂笂鐪肩潧锛屾搷浣滆�呯敤鎷囨寚銆侀鎸囪交鎻愬叾涓婄溂鐨紝鍢辨偅鍎胯浆鍔ㄧ溂鐞冿紝浣胯嵂娑插潎鍖�娑傛弧鐪煎唴銆�
+ 鈶ｇ溂鑽啅寮�鍚悗锛屼娇鐢ㄦ湡涓嶈瓒呰繃4鍛ㄣ��
</p>
</div>
<p>娑傜溂鑽啅鍓嶄篃搴旀牳瀵硅嵂鍚嶏紝鎿嶄綔濡備笅銆�</p>
@@ -1178,13 +1177,16 @@
</p>
<h4 id="d296">锛堝叚锛夋檿鍘�</h4>
<p>
- 澶╂皵杩囦簬鐐庣儹锛屾湭杩涙棭椁愬紩璧蜂綆琛�绯栵紝鎴栫珯绔嬭繃涔呫�佺柤鐥涖�佺簿绁炵揣寮狅紝鍧囧彲浣垮ぇ鑴戠煭鏃堕棿鍑虹幇渚涜涓嶈冻锛屽紩璧锋檿鍘ャ�傛檿鍘ュ彂鐢熷墠锛屾偅鍎垮鏈夌煭鏃堕棿鐨勫ご鏅曘�佹伓蹇冦�佸績鎱屻�佺溂鍓嶅彂榛戙�佸洓鑲㈠彂鍑夈�佸嚭鍐锋睏鐥囩姸锛岄殢鍗虫憯鍊掑湪鍦般��
+ 澶╂皵杩囦簬鐐庣儹锛屾湭杩涙棭椁愬紩璧蜂綆琛�绯栵紝鎴栫珯绔嬭繃涔呫�佺柤鐥涖�佺簿绁炵揣寮狅紝鍧囧彲浣垮ぇ鑴戠煭鏃堕棿鍑虹幇渚涜涓嶈冻锛屽紩璧锋檿鍘ャ�傛檿鍘ュ彂鐢熷墠锛屾偅鍎垮鏈夌煭鏃堕棿鐨勫ご鏅曘�佹伓蹇冦�佸績鎱屻�佺溂鍓�
</p>
<div class="fl fl-around">
<div class="left" style="width: 75%">
- <p>
- 澶勭悊鍔炴硶锛氳鎮ｅ効骞冲崸锛屾澗寮�琛ｉ銆佽叞甯︼紝澶撮儴鐣ユ斁浣庯紝鑴氱暐鎶珮锛屾敼鍠勮剳閮ㄤ緵琛�锛屼笉闀挎椂闂村嵆鍙仮澶嶏紙瑙佸浘8-3锛夈�傛偅鍎挎竻閱掑悗锛屽彲閫傚綋琛ュ厖鐑殑绯栫洂姘存垨鐑ギ銆�
- </p>
+ <div>
+ <p class="t0">鍙戦粦銆佸洓鑲㈠彂鍑夈�佸嚭鍐锋睏鐥囩姸锛岄殢鍗虫憯鍊掑湪鍦般��</p>
+ <p>
+ 澶勭悊鍔炴硶锛氳鎮ｅ効骞冲崸锛屾澗寮�琛ｉ銆佽叞甯︼紝澶撮儴鐣ユ斁浣庯紝鑴氱暐鎶珮锛屾敼鍠勮剳閮ㄤ緵琛�锛屼笉闀挎椂闂村嵆鍙仮澶嶏紙瑙佸浘8-3锛夈�傛偅鍎挎竻閱掑悗锛屽彲閫傚綋琛ュ厖鐑殑绯栫洂姘存垨鐑ギ銆�
+ </p>
+ </div>
</div>
<div class="right" style="width: 20%">
<p class="center openImgBox">
@@ -1197,7 +1199,7 @@
<div class="left" style="width: 38%">
<h4 id="d297" class="tl">锛堜竷锛夋儕鍘�</h4>
<p class="tl">
- 骞煎効鎯婂帴鐨勫師鍥犲緢澶氾紙璇﹁鏈功涓撻涓冿級锛岃〃鐜伴�氬父鏄獊鐒舵�ф剰璇嗕抚澶憋紝澶村悜鍚庝话锛岀溂鐞冨嚌瑙嗭紝鍙ｅ攪闈掔传锛屽懠鍚稿井寮憋紝鍥涜偄鍙婇潰閮ㄦ娊鎼愶紝鎸佺画鏃堕棿涓嶇瓑锛屽彲鐭嚦1鍒嗛挓锛岄暱鑷冲嚑鍗佸垎閽熴�傚彂鐢熸儕鍘ュ悗锛屼繚鏁欎汉鍛樹笉鍙儕鎱屻�佸ぇ澹板懠鍙垨鎷嶆墦骞煎効銆�
+ 骞煎効鎯婂帴鐨勫師鍥犲緢澶氾紙璇﹁鏈功涓撻涓冿級锛岃〃鐜伴�氬父鏄獊鐒舵�ф剰璇嗕抚澶憋紝澶村悜鍚庝话锛岀溂鐞冨嚌瑙嗭紝鍙ｅ攪闈掔传锛屽懠鍚稿井寮憋紝鍥涜偄鍙婇潰閮ㄦ娊鎼愶紝鎸佺画鏃堕棿涓嶇瓑锛屽彲鐭嚦1鍒嗛挓锛岄暱鑷冲嚑鍗佸垎閽熴�傚彂鐢�
</p>
</div>
<div class="right" style="width: 60%">
@@ -1217,6 +1219,7 @@
<p class="img">瑙嗛锛氭儕鍘ャ�佹檿鍘ャ�佷紤鍏嬬殑澶勭悊</p>
</div>
</div>
+ <p class="t0">鎯婂帴鍚庯紝淇濇暀浜哄憳涓嶅彲鎯婃厡銆佸ぇ澹板懠鍙垨鎷嶆墦骞煎効銆�</p>
<p class="tl">澶勭悊鍔炴硶濡備笅銆�</p>
<p class="tl">鈶犺鎮ｅ効渚у崸锛屼究浜庡強鏃舵帓鍑哄垎娉岀墿锛岄槻姝㈠紓鐗╁叆姘旂銆�</p>
</div>
diff --git a/src/books/math/assets/images/Cover.jpg b/src/books/math/assets/images/Cover.jpg
new file mode 100644
index 0000000..c8a593c
--- /dev/null
+++ b/src/books/math/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/math/assets/main.less b/src/books/math/assets/main.less
new file mode 100644
index 0000000..8d1dbdb
--- /dev/null
+++ b/src/books/math/assets/main.less
@@ -0,0 +1,716 @@
+.math-book {
+ 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;
+ margin: 5%;
+ 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 {
+ text-align: center;
+ font-size:18px;
+ color: #000;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .img1 {
+ text-align: right;
+ font-size: 0.85em;
+ margin-left: 0%;
+ margin-right: 2em;
+ text-indent: 0em;
+ }
+
+ p {
+ // margin-top: 1em;
+ margin: 0;
+ text-indent: 2em;
+ line-height: 30px;
+ font-size: 18px;
+ text-align: justify;
+ }
+ .cover {
+ width: 100%;
+ padding: 0px;
+ }
+ .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 {
+ 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;
+ }
+ .block {
+ font-family: "STKaiti";
+ font-size: 1.15em;
+ }
+
+ .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;
+ }
+ .book {
+ margin: 0 auto;
+ width: 816px;
+ }
+
+ .text-center {
+ text-align: center;
+ }
+ .tl {
+ text-align: left !important;
+ }
+ .tl-ri {
+ text-align: right !important;
+ }
+ .tl-ju {
+ text-align: justify;
+ }
+ .ti2 {
+ text-indent: 2em !important;
+ }
+ .lineInput {
+ width: 90%;
+ font-size: 14px;
+ color: #666;
+ border: none;
+ border-bottom: 1px solid #15c0f2;
+ outline: none;
+ background: transparent;
+ }
+ .textarea-border {
+ border-color: #15c0f2;
+ }
+ .completion-input {
+ width: 64px !important;
+ color: #000 !important;
+ }
+ .judge-input {
+ width: 20px;
+ font-size: 14px;
+ color: #000;
+ border: none;
+ border: 0;
+ outline: none;
+ background: transparent;
+ }
+
+ .sport-text {
+ font-size: 20px;
+ line-height: 40px;
+ }
+ .img-text {
+ color: #000;
+ text-align: center;
+ font-size: 16px;
+ text-indent: 0em;
+ font-weight: 700;
+ }
+ .text-size {
+ font-size: 20px;
+ }
+ .fl {
+ display: flex;
+ }
+ .fl-evenly {
+ justify-content: space-evenly;
+ }
+ .fl-around {
+ justify-content: space-around;
+ }
+ .fl-between {
+ justify-content: space-between;
+ }
+ .ju-cn {
+ justify-content: center;
+ }
+ .fl-di {
+ flex-direction: column;
+ }
+ .fl-cn {
+ align-items: center;
+ }
+ .fz-18 {
+ font-size: 18px;
+ }
+ .fz-16 {
+ font-size: 16px;
+ }
+ .fz-14 {
+ font-size: 14px;
+ }
+ .fz-12 {
+ font-size: 12px;
+ }
+ .suspend-title {
+ white-space: nowrap;
+ min-width: 120px;
+ position: absolute;
+ top: -27px;
+ left: -15px;
+ background-color: #32a59e;
+ height: 34px;
+ line-height: 34px;
+ border-radius: 13px;
+ color: #fff;
+ text-align: center;
+ }
+ .m0 {
+ margin: 0;
+ }
+ .t0 {
+ text-indent: 0;
+ }
+ .t2 {
+ text-indent: 2em;
+ }
+ .m0-t0 {
+ margin: 0;
+ text-indent: 0 !important;
+ }
+
+ .learn-btn img {
+ cursor: pointer;
+ height: 30px;
+ // width: 25px;
+ }
+
+ .lh {
+ line-height: 1.5em;
+ margin-top: 0.5em;
+ }
+ .page-box {
+ box-sizing: border-box;
+ min-height: 1150px ;
+ margin-bottom: 20px;
+ box-shadow: 0 3px 6px 1px #00000029;
+ background-color: #fff;
+ }
+ .ds-bl {
+ display: block;
+ }
+ ul {
+ list-style: none;
+ padding: 0;
+ }
+
+ .lh2 {
+ line-height: 2em;
+ }
+
+ .header-box {
+ position: relative;
+ display: flex;
+ justify-content: flex-end;
+ margin-bottom: 20px;
+ }
+
+ .header-border-box {
+ width: 90%;
+ height: 100px;
+ border-bottom: 1px solid #00aeef;
+ border-left: 1px solid #00aeef;
+ }
+
+ .header-num-box {
+ box-sizing: border-box;
+ position: absolute;
+ top: 50px;
+ width: 100%;
+ height: 26px !important;
+ line-height: 26px;
+ background-color: #15c0f2;
+ color: #fff;
+ padding-left: 50px;
+ }
+ .page-header-box {
+ padding-top: 96px;
+ display: flex;
+ justify-content: flex-end;
+ align-items: flex-end;
+ margin-bottom: 28px;
+ }
+ .page-header-text {
+ color: #616161;
+ font-size: 14px;
+ }
+ .page-header-num {
+ display: inline-block;
+ width: 100px;
+ height: 30px;
+ line-height: 30px;
+ padding-left: 20px;
+ box-sizing: border-box;
+ background-color: #15c0f2;
+ color: #fff;
+ margin-left: 20px;
+ font-weight: bold;
+ }
+ .fw-b {
+ font-weight: bold;
+ }
+ .italic {
+ font-style: italic;
+ }
+ .mb-0 {
+ margin-bottom: 0;
+ }
+ .mb-20 {
+ margin: 20px 0 !important;
+ }
+ .mb-40 {
+ margin-bottom: 40px !important;
+ }
+ .mt-20 {
+ margin-top: 20px;
+ }
+ .mt-40 {
+ margin-top: 40px;
+ }
+ .mb-80 {
+ margin-bottom: 80px !important;
+ }
+ .mr-20 {
+ margin-right: 20px;
+ }
+ .ml-30 {
+ margin-left: 30px;
+ }
+ .table-box {
+ width: 94%;
+ font-family: "STKaiti";
+ line-height: 1.5em;
+ }
+ .dl-bl {
+ display: inline-block;
+ }
+ .mt-10 {
+ margin-top: 10px;
+ }
+ .w100 {
+ width: 100% !important;
+ }
+ .primary-color {
+ color: #15c0f2;
+ }
+ .video-border {
+ border: 1px dotted #15c0f2;
+ }
+ .fm-st {
+ font-family: "STKaiti";
+ }
+ .btn {
+ cursor: pointer;
+ width: 23px;
+ border-radius: 5px;
+ margin-left: 5px;
+ }
+ .table-br-color {
+ border-color: #e9e9e9;
+ }
+ .span-border {
+ margin-left: -13px;
+ display: block;
+ width: 104%;
+ margin-top: 20px;
+ border-bottom: 2px dotted #1eb9ee;
+ border-radius: 10px;
+ }
+ .wh-no {
+ white-space: nowrap;
+ }
+ .annotation-border {
+ margin: 20px 0;
+ width: 150px;
+ border: 1px solid #00aeef;
+ }
+ .word-break-all {
+ word-break: break-all;
+ }
+ .textarea-text {
+ font-size: 16px;
+ font-family: "STKaiti";
+ }
+ .mt-20 {
+ margin-top: 20px;
+ }
+ .mt-40 {
+ margin-top: 40px;
+ }
+ .ta-br {
+ border-color: #c0c4cc;
+ }
+ textarea:focus {
+ border-color: #15c0f2;
+ outline: none;
+ }
+ .cl-66 {
+ color: #666;
+ }
+
+ .svg-btn {
+ margin-left: 5px;
+ cursor: pointer;
+ display: flex;
+ padding: 3px;
+ fill: #fff;
+ border: 1px solid #008bff;
+ border-radius: 5px;
+ background-color: #008bff;
+ &:hover{
+ fill: #008bff;
+ background-color: #fff;
+ }
+ }
+ a {
+ cursor: default;
+ }
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+@media (max-width: 430px) {
+ .ans-dance {
+ .page-box {
+ min-height: 750px;
+ }
+ .pg-mh {
+ min-height: 815px;
+ }
+ }
+}
+@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;
+ }
+ }
+ }
+}
+@media (min-width: 660px) {
+ .ans-dance {
+ .page-padding {
+ padding: 104px 96px;
+ }
+ .padding-96 {
+ padding: 0 96px;
+ }
+ .video-box {
+ max-width: 370px;
+ }
+ .audio-box {
+ margin-top: 20px;
+ flex-wrap: nowrap;
+ li {
+ width: 58%;
+ }
+ li:nth-child(2) {
+ margin-left: 10px;
+ }
+ }
+ }
+}
diff --git a/src/books/math/view/components/header.vue b/src/books/math/view/components/header.vue
new file mode 100644
index 0000000..f01d967
--- /dev/null
+++ b/src/books/math/view/components/header.vue
@@ -0,0 +1,93 @@
+
+<template>
+ <div class="chapter" num="1">
+ <!-- 灏侀潰 -->
+ <div class="page-box cover mt-20" page="1" style="min-height:auto">
+ <div v-if="showPageList.indexOf(1) > -1">
+ <img src="../../assets/images/Cover.jpg" alt="" />
+ </div>
+ </div>
+ <div class="page-box" page="2" style="min-height:auto">
+ <div v-if="showPageList.indexOf(1) > -1">
+ <img src="../../assets/images/Cover.jpg" alt="" />
+ </div>
+ </div>
+ <!-- 鐗堟潈椤� -->
+ <div class="page-box text-center" style="padding: 136px 0" page="3">
+ <div v-if="showPageList.indexOf(3) > -1">
+ <div class="box">
+ <hr class="line" />
+ <p class="tl fz-14"><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
+ <p class="tl fz-14 m0">
+ 瀛﹀墠鍎跨鍗敓涓庝繚鍋�/寮犲叞棣欙紝娼樼钀嶄富缂�.鈥�3鐗�.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2023.2锛�2024.2閲嶅嵃锛�
+ </p>
+ <p class="tl" style="margin-bottom: 10px">ISBN 978-7-303-26340-0</p>
+ <p class="tl fz-14 m0" style="margin-bottom: 10px">
+ 鈪�.鈶犲鈥� 鈪�.鈶犲紶鈥� 鈶℃綐鈥� 鈪�.鈶犲鍓嶅効绔モ�斿崼鐢熶繚鍋モ�斿辜鍎垮笀鑼冨鏍♀�旀暀鏉� 鈪�.鈶燫179
+ </p>
+ <p class="tl fz-14">涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧锛�2020锛夌179545鍙�</p>
+ <hr class="line" style="height: 1px" />
+ <p class="tl fz-14 m0" style="margin-top: 136px">
+ <b>鏁欐潗鎰忚鍙嶉锛歡aozhifk@bnupg.com 010-58805079</b>
+ </p>
+ <p class="tl fz-14 m0">钀ラ攢涓績鐢佃瘽锛�010-58802755 58800035</p>
+ <p class="tl fz-14 m0">缂栬緫閮ㄧ數璇濓細010-58802883</p>
+ <hr class="line" style="height: 1px" />
+ <p class="tl fz-14 m0">鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnupg.com</p>
+ <p class="tl fz-14 m0">銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙ｅ澶ц12-3鍙�</p>
+ <p class="tl fz-14 m0">銆�銆�銆�銆�銆�閭斂缂栫爜锛�100088</p>
+ <p class="tl fz-14 m0">鍗般��銆�鍒凤細澶╂触鏃潪鍗板埛鏈夐檺鍏徃</p>
+ <p class="tl fz-14 m0">缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
+ <p class="tl fz-14 m0">寮�銆�銆�鏈細889mm脳1194mm 1/16</p>
+ <p class="tl fz-14 m0">鍗般��銆�寮狅細18.25</p>
+ <p class="tl fz-14 m0">瀛椼��銆�鏁帮細373鍗冨瓧</p>
+ <p class="tl fz-14 m0">鐗堛��銆�娆★細2023骞�2鏈堢3鐗�</p>
+ <p class="tl fz-14 m0">鍗般��銆�娆★細2024骞�2鏈堢23娆″嵃鍒�</p>
+ <p class="tl fz-14 m0">瀹氥��銆�浠凤細39.80鍏�</p>
+ <hr class="line" />
+ <ul class="fl fl-between m0" style="padding: 0">
+ <li>
+ <p class="tl fz-14 m0">绛栧垝缂栬緫锛氬璐靛钩</p>
+ <p class="tl fz-14 m0">缇庢湳缂栬緫锛氱劍涓�</p>
+ <p class="tl fz-14 m0">璐ｄ换鏍″锛氶檲姘�</p>
+ </li>
+ <li>
+ <p class="tl fz-14 m0">璐ｄ换缂栬緫锛氬懆楣�</p>
+ <p class="tl fz-14 m0">瑁呭抚璁捐锛氱劍涓�</p>
+ <p class="tl fz-14 m0">璐ｄ换鍗板埗锛氶┈娲�</p>
+ </li>
+ </ul>
+ <p class="center m0" style="margin-top: 20px; font-size: 20px">
+ <b>鐗堟潈鎵�鏈� 渚垫潈蹇呯┒</b>
+ </p>
+ <p class="center m0"><b>鍙嶇洍鐗堛�� 渚垫潈涓炬姤鐢佃瘽锛�</b>010-58800697</p>
+ <p class="block2 m0">鍖椾含璇昏�呮湇鍔￠儴鐢佃瘽锛�010-58808104</p>
+ <p class="block2 m0">澶栧煚閭喘鐢佃瘽锛�010-58808083</p>
+ <p class="block2 m0">
+ 鏈功濡傛湁鍗拌璐ㄩ噺闂锛� 璇蜂笌鍗板埗绠＄悊閮ㄨ仈绯昏皟鎹€��
+ </p>
+ <p class="block2 m0">鍗板埗绠＄悊閮ㄧ數璇濓細010-58805079</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "page-header",
+ props: {
+ showPageList: {
+ type: Array,
+ default: [],
+ },
+ data() {
+ return {
+ }
+ },
+ },
+};
+</script>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/src/books/math/view/components/index.vue b/src/books/math/view/components/index.vue
new file mode 100644
index 0000000..bb50f45
--- /dev/null
+++ b/src/books/math/view/components/index.vue
@@ -0,0 +1,862 @@
+<template>
+ <div class="page-main" @scroll="throttledScrollHandler">
+ <div id="searchDomBox" style="display: none">
+ <div id="searchContent"></div>
+ </div>
+ <div
+ class="page-content"
+ :style="{
+ fontSize: fontSize ? 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>
+
+ </div>
+</template>
+
+<script>
+import pageHeader from "./header.vue";
+// import chapterOne from "./chapter001.vue";
+// import chapterTwo from "./chapter002.vue";
+// import chapterThree from "./chapter003.vue"
+// import chapterFour from './chapter004.vue'
+// import chapterFive from './chapter005.vue'
+// import chapterSix from './chapter006.vue'
+import NoteIcon from "@/assets/images/biji.png";
+import _ from "lodash";
+import Swiper from "swiper/bundle";
+import "swiper/swiper-bundle.css";
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
+export default {
+ name:"pageContent",
+ data() {
+ return {
+ catalogLength: 7, // 鎬荤珷鑺傛暟
+ showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+ loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+ throttleThreshold: 100, // 鑺傛祦闃堝��
+ previousScrollTop: 0,
+ throttledScrollHandler: null,
+ observer: null,
+ loadPageObserver: null,
+ loadPageList: [],
+ questionDataMap: {},
+ renderSignMap: {},
+ highlightData: null,
+ };
+ },
+ 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();
+ }, 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, 10);
+ // setTimeout(() => {
+ // this.renderSign("Highlight", {
+ // id: "2ACA9359",
+ // txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
+ // page: "10",
+ // type: "Highlight",
+ // color: "#F5E12A"
+ // });
+ // setTimeout(() => {
+ // this.delSign({
+ // ids: ["2ACA9359"]
+ // });
+ // }, 2000);
+ // }, 5000);
+
+ // 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
+ // });
+ // }, 5000);
+ },
+ 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) {
+ // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
+ if (event.target.scrollTop > this.previousScrollTop) {
+ // 鍚戜笅
+ 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) {
+ // 鍚戜笂
+ 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: (this.container ? this.container : document).querySelector(
+ ".swiper-button-next"
+ ),
+ prevEl: (this.container ? this.container : document).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: (this.container ? this.container : document).querySelector(
+ ".swiper-button-next"
+ ),
+ prevEl: (this.container ? this.container : document).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, () => {});
+ },
+ },
+ components: {
+ pageHeader,
+ // chapterOne,
+ // chapterTwo,
+ // chapterThree,
+ // chapterFour,
+ // chapterFive,
+ // chapterSix,
+ },
+};
+</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>
diff --git a/src/books/math/view/index.vue b/src/books/math/view/index.vue
new file mode 100644
index 0000000..a507376
--- /dev/null
+++ b/src/books/math/view/index.vue
@@ -0,0 +1,76 @@
+<template>
+ <div class="math-book" @mouseup="handleMouseUp">
+ <pageContent></pageContent>
+ </div>
+</template>
+
+<script>
+import pageContent from "./components/index.vue";
+export default {
+ name:"ansAndDance",
+ components: {
+ pageContent,
+ },
+ data() {
+ return {};
+ },
+
+ mounted() {},
+ methods: {
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
+ },
+ handleMouseUp(e) {
+ const selection = (
+ this.container ? this.container : window
+ ).getSelection();
+ const txt = selection.toString();
+ if (selection.type != "none" && txt) {
+ let node = selection.anchorNode.parentNode;
+ let pageHtml = this.getParentWithClass(
+ selection.anchorNode,
+ "page-box"
+ );
+ let chapterDom = this.getParentWithClass(
+ selection.anchorNode,
+ "chapter"
+ );
+ let chapterNum;
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ if (pageHtml) {
+ const page = pageHtml.getAttribute("page");
+ // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum,
+ txt,
+ page,
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ } else {
+ if (this.$store.state.qiankun.windowSelection) {
+ this.$store.state.qiankun.windowSelection({
+ chapterNum: "",
+ txt: "",
+ page: "",
+ x: e.x,
+ y: e.y,
+ });
+ }
+ }
+ },
+ },
+};
+</script>
+
+<style lang="less">
+@import "../assets/main.less";
+</style>
\ No newline at end of file
--
Gitblit v1.9.1