From d464f452c2ad713bb90227e8edce358be0740a4a Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 31 十二月 2024 17:30:19 +0800
Subject: [PATCH] 民航礼仪视频插入
---
src/books/aviationBasicSkills/view/components/chapter001.vue | 2
src/books/aviationEtiquette/view/components/chpater002.vue | 179 ++
src/books/aviationEtiquette/view/components/chapter001.vue | 1386 ++++++++++-------------
src/books/aviationEtiquette/assets/main.less | 39
src/books/aviationEtiquette/view/components/chapter005.vue | 93 -
src/books/aviationEtiquette/view/components/index.vue | 1771 +++++++++++++++---------------
6 files changed, 1,699 insertions(+), 1,771 deletions(-)
diff --git a/src/books/aviationBasicSkills/view/components/chapter001.vue b/src/books/aviationBasicSkills/view/components/chapter001.vue
index ec145fa..1e4d030 100644
--- a/src/books/aviationBasicSkills/view/components/chapter001.vue
+++ b/src/books/aviationBasicSkills/view/components/chapter001.vue
@@ -1757,8 +1757,6 @@
JSON.stringify(this.chapterData)
);
},
-
-
setBookQuestion() {
localStorage.setItem(
diff --git a/src/books/aviationEtiquette/assets/main.less b/src/books/aviationEtiquette/assets/main.less
index 7818800..3881e74 100644
--- a/src/books/aviationEtiquette/assets/main.less
+++ b/src/books/aviationEtiquette/assets/main.less
@@ -700,9 +700,14 @@
.event-header-text-bc {
background-color: #bbd4ec;
}
+ //瑙嗛
+ .video-box-cover {
+ border: 1px dashed #895B2E;
+ padding: 2% 2%;
+ }
.video-box {
- margin: 20px 0 20px 8%;
+ margin: 20px 0 20px 0;
border: 1px dashed #895B2E;
padding: 2% 2%;
}
@@ -1578,6 +1583,38 @@
margin-left: -1.6em;
}
+
+ .bk-video{
+ border: 0.15em dashed #92A1CB;
+ padding: 1.8em 5px;
+ margin-bottom: 2em;
+ margin-top: 2em;
+ border-radius: 0em;
+ position: relative;
+ }
+
+ p.bj4-qjms {
+ background-color: #fff;
+ color: #92A1CB;
+ font-size: 20px;
+ font-weight: bold;
+ border-radius: 1.5em;
+ margin-left: 0em;
+ text-align: center;
+ text-indent: 0em;
+ position: absolute;
+ top: -32px;
+ }
+
+ .span-text-video {
+ padding: 0em 0.15em 0em 0.3em;
+ }
+
+ .span-svg {
+ padding: 0.3em 0.15em 0em 0.3em;
+ }
+
+
.ts-1 {
font-weight: bold;
}
diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue
index 9470f36..2b110b0 100644
--- a/src/books/aviationEtiquette/view/components/chapter001.vue
+++ b/src/books/aviationEtiquette/view/components/chapter001.vue
@@ -7,7 +7,7 @@
<li class="headerText pNum">1</li>
<img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
</ul>
- <div class="bodystyle p-even">
+ <div class="bodystyle">
<h1 id="a005">
<span class="h1-bj">妯″潡涓�</span><span class="h1-bk">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</span>
</h1>
@@ -47,11 +47,11 @@
</div>
<div class="bj3">
<p>1.浠�涔堟槸鈥滈伩甯�濓紵</p>
- <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
<p>2.鏇惧瓙涓轰綍瑕佲�滈伩甯�濓紵</p>
- <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
</div>
@@ -69,7 +69,7 @@
<img class="w80" src="../../assets/images/yemei01.png" alt="" />
</li>
</ul>
- <div class="bodystyle p-odd">
+ <div class="bodystyle">
<h3 id="c001">
<span class="h3-zt1">浠诲姟1</span><span class="h3-bk">绀间华璧锋簮璁ょ煡</span>
</h3>
@@ -106,11 +106,13 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">3</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
- <div class="bodystyle p-even">
+ <div class="bodystyle">
<h6 id="f004">4.绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗�</h6>
<p>
鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿��
@@ -133,7 +135,7 @@
鍛ㄥ叕鐨勨�滃埗绀间綔涔愨�濓紝瀹為檯涓婂氨鏄缓绔嬪懆浠ｇ殑涓�绯诲垪鍒跺害锛屽畠娑夊強鏀挎不銆佺粡娴庛�佹硶寰嬨�佺ぜ浠�佺キ绁�銆佹暀鑲茬瓑鍒跺害鍙婁箰鑸炴椿鍔紝鏄鍛ㄤ唬鐨勭ぞ浼氭斂娌绘枃鍖栧悇涓柟闈㈢殑杈冨叏闈㈢殑瑙勮寖銆傚湪鍒跺畾鍛ㄤ唬绀煎埗杩囩▼涓紝鍛ㄥ叕涓嶆槸绠�鍗曞湴閲嶅鍓嶄唬绀间华锛岃�屾槸鎶婄ぜ浠疮绌夸簬鎵�鏈夋椿鍔ㄤ腑锛屼粠鑰屽缓绔嬩簡涓�濂楀畬鏁淬�佸懆瀵嗙敋鑷崇儲鐞愮殑绀间华绯荤粺锛屼娇绀间华鍦ㄥ懆浠ｅ叿鏈夊叏鏂扮殑鎰忎箟銆�
</p>
<p>
- 鏄ョ鏃舵湡锛岀ぞ浼氱敓浜у姏鐨勫彂灞曪紝鏂板叴鍦颁富闃剁骇鐨勫嚭鐜板鑷粹�滅ぜ宕╀箰鍧忊�濓紝绀句細鍗佸垎娣蜂贡锛屾柊鏃у娍鍔涚殑鏂椾簤灏栭攼銆傚瓟瀛愬湪杩欎竴鏃舵湡鎻愬嚭鈥滀粊鈥濈殑鎬濇兂锛屽苟鎶婂畠鍚屸�滅ぜ鈥濇湁鏈虹粨鍚堝湪涓�璧凤紝褰㈡垚浜嗗剴瀹舵�濇兂浣撶郴鐨勬牳蹇冿紝鏋勬垚浜嗗剴瀹舵�濇兂鐨勭ぞ浼氶亾寰疯鑼冦�傚湪涓浗鏃╂湡鏂囨槑鍙蹭笂锛屽懆鐜嬫湞绀间箰鏂囨槑鎸佺画鏁扮櫨杞斤紝瀵逛腑鍗庢皯鏃忔枃鍖栧績鐞嗙殑濉戦�犱骇鐢熶簡
+ 鏄ョ鏃舵湡锛岀ぞ浼氱敓浜у姏鐨勫彂灞曪紝鏂板叴鍦颁富闃剁骇鐨勫嚭鐜板鑷粹�滅ぜ宕╀箰鍧忊�濓紝绀句細鍗佸垎娣蜂贡锛屾柊鏃у娍鍔涚殑鏂椾簤灏栭攼銆傚瓟瀛愬湪杩欎竴鏃舵湡鎻愬嚭鈥滀粊鈥濈殑鎬濇兂锛屽苟鎶婂畠鍚屸�滅ぜ鈥濇湁鏈虹粨鍚堝湪涓�璧凤紝褰㈡垚浜嗗剴瀹舵�濇兂浣撶郴鐨勬牳蹇冿紝鏋勬垚浜嗗剴瀹舵�濇兂鐨勭ぞ浼氶亾寰疯鑼冦�傚湪涓浗鏃╂湡鏂囨槑鍙蹭笂锛屽懆鐜嬫湞绀间箰鏂囨槑鎸佺画鏁扮櫨杞斤紝瀵逛腑鍗庢皯鏃忔枃鍖栧績鐞嗙殑濉戦�犱骇鐢熶簡閲嶈褰�
</p>
</div>
</div>
@@ -150,8 +152,8 @@
<img class="w80" src="../../assets/images/yemei01.png" alt="" />
</li>
</ul>
- <div class="bodystyle p-odd">
- <p class="td-0">閲嶈褰卞搷锛屾渶缁堢‘绔嬩簡涓浗鈥滅ぜ浠箣閭︹�濈殑鍘嗗彶鍦颁綅銆�</p>
+ <div class="bodystyle">
+ <p class="td-0">鍝嶏紝鏈�缁堢‘绔嬩簡涓浗鈥滅ぜ浠箣閭︹�濈殑鍘嗗彶鍦颁綅銆�</p>
<div class="bk2">
<div class="zysx">
<p>
@@ -163,8 +165,8 @@
<p>
鍛ㄥ叕鍜屽瓟瀛愬绀间华鐨勫彂灞曡捣鍒颁簡閲嶈浣滅敤锛岃澶у灏藉彲鑳藉鍦版悳闆嗘湁鍏冲懆鍏拰瀛斿瓙鐨勭ぜ浠皬鏁呬簨锛屽苟鎸戦�変綘浣撲細鏈�娣辩殑涓�涓拰鍚屽浠垎浜紝鍛婅瘔澶у浠庝粬浠殑鏁呬簨涓綘瀛﹀埌浜嗕粈涔堬紝鏈変粈涔堟劅鎮熴��
</p>
- <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
<p>
@@ -182,8 +184,8 @@
<p>
闅忕潃淇℃伅鎶�鏈潻鍛界殑涓嶆柇鍙戝睍锛屽湪缁忔祹鍏ㄧ悆鍖栫殑鎺ㄥ姩涓嬶紝涓栫晫鍚勫浗涔嬮棿銆佷笉鍚屾皯鏃忎箣闂淬�佷笉鍚屽湴鍩熶箣闂寸殑浜ゅ線涓庢矡閫氭棩鐩婇绻佸拰瀵嗗垏锛屼竴浜涘叡鍚岀殑绀间华灏嗚浣滀负鍥介檯鍏鐨勮涓鸿鑼冭�屾櫘閬嶉噰鐢紝浠庤�岃繘涓�姝ュ奖鍝嶇ぜ浠枃鍖栫殑鍙戝睍锛屽苟鏈�缁堝舰鎴愭柊鐨勭ぜ浠鑼冦��
</p>
- <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
<p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -206,11 +208,13 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">5</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
- <div class="bodystyle p-even">
+ <div class="bodystyle">
<h3 id="c002">
<span class="h3-zt1">浠诲姟2</span><span class="h3-bk">绀间华鍐呮兜璁ょ煡</span>
</h3>
@@ -238,7 +242,7 @@
<h4 id="d004">浜屻�佲�滀华鈥濈殑鍚箟</h4>
<h5 id="e005">锛堜竴锛夋寚鍏歌寖銆佽〃鐜�</h5>
<p>
- 鈥滀笂鑰咃紝涓嬩箣浠篃銆傚郊灏嗗惉鍞辫�屽簲锛岃浠�屽姩銆傚敱榛樺垯姘戞棤搴斾篃锛屼华闅愬垯涓嬫棤鍔ㄤ篃銆備笉搴斾笉鍔紝鍒欎笂涓嬫棤浠ョ浉鏈変篃銆傗�濓紙銆婅崁瀛惵锋璁恒�嬶級鍚涗富锛屾槸鑷ｄ笅鐨勫噯鍒欍�傜櫨濮撳惉鍒板�″灏卞搷搴旓紝鐪嬪埌鍑嗗垯灏辫鍔ㄣ�傚悰涓绘矇榛橈紝鐧惧灏辨棤娉曞搷搴旓紱鍑嗗垯闅愬尶锛岀櫨濮�
+ 鈥滀笂鑰咃紝涓嬩箣浠篃銆傚郊灏嗗惉鍞辫�屽簲锛岃浠�屽姩銆傚敱榛樺垯姘戞棤搴斾篃锛屼华闅愬垯涓嬫棤鍔ㄤ篃銆備笉搴斾笉鍔紝鍒欎笂涓嬫棤浠ョ浉鏈変篃銆傗�濓紙銆婅崁瀛惵锋璁恒�嬶級鍚涗富锛屾槸鑷ｄ笅鐨勫噯鍒欍�傜櫨濮撳惉鍒板�″灏卞搷搴旓紝鐪嬪埌鍑嗗垯灏辫鍔ㄣ�傚悰涓绘矇榛橈紝鐧惧灏辨棤娉曞搷搴旓紱鍑嗗垯闅愬尶锛岀櫨濮撳氨鏃�
</p>
</div>
</div>
@@ -257,7 +261,7 @@
</ul>
<div class="bodystyle">
<p class="td-0">
- 灏辨棤娉曡鍔ㄣ�備笉鍝嶅簲銆佷笉琛屽姩锛岄偅涔堜笂涓嬪氨鏃犳硶鐩镐簰渚濋潬銆傝繖浣撶幇鍑衡�滀华鈥濈殑琛ㄧ巼銆佹鏍峰拰甯﹀ご浣滅敤銆�
+ 娉曡鍔ㄣ�備笉鍝嶅簲銆佷笉琛屽姩锛岄偅涔堜笂涓嬪氨鏃犳硶鐩镐簰渚濋潬銆傝繖浣撶幇鍑衡�滀华鈥濈殑琛ㄧ巼銆佹鏍峰拰甯﹀ご浣滅敤銆�
</p>
<h5 id="e006">锛堜簩锛夋寚瀹硅矊銆侀搴�</h5>
<p>
@@ -272,7 +276,9 @@
</p>
<p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
<p class="block">涓�璧锋潵鐪嬩竴鍒欓琛屾棩璁般��</p>
- <p class="block">娆ф床鐨勫啲澶╃粡甯稿ぇ闆悍椋烇紝鑸彮浼氬洜姝よ�屽欢璇垨鑰呭彇娑堛��</p>
+ <p class="block">
+ 娆ф床鐨勫啲澶╃粡甯稿ぇ闆悍椋烇紝鑸彮浼氬洜姝よ�屽欢璇垨鑰呭彇娑堛��
+ </p>
<p class="block">
浠婂ぉ鏄垜绗竴娆￠鍓嶅線浼︽暒鐨勮埅鐝紝缁忚繃7灏忔椂鐨勯琛岋紝鍑嗗涓嬮檷鏃舵満闀挎帴鍒板湴闈㈡姤鍛婏細鍥犱负涓嬮洩锛岃兘瑙佸害澶綆锛岄鏈轰笉鑳介檷钀姐�傛垜浠笉寰椾笉鍦ㄧ┖涓洏鏃嬩簡杩�1灏忔椂锛屽彲鏄緢閬楁喚鐨勬槸锛屾渶缁堜鸡鏁︽満鍦鸿繕鏄洜鏆撮闆笉寰椾笉瀹ｅ竷鏆傛椂鍏抽棴锛屾垜浠闄嶅埌浜嗘浖褰绘柉鐗规満鍦虹瓑寰呬鸡鏁︾殑鏀鹃閫氱煡銆傝繖涓�绛夊氨鏄�7灏忔椂锛屾梾瀹滑閮藉緢鍙嬪ソ锛屽彧鏄伓灏旇繃鏉ヨ闂ぉ姘旀儏鍐点�傛垜浠笉鏂湴缁欐梾瀹㈡彁渚涢ギ鍝佸拰椁愰锛屾渶鍚庤繛椋炴満涓婄殑楗煎共鍜岀硸鏋滀篃閮藉叏閮ㄥ彂瀹屻��
</p>
@@ -288,11 +294,11 @@
</div>
<div class="bj3">
<p>1.鍦ㄤ綘鐨勮鐭ヤ腑锛屸�滅ぜ浠�濆埌搴曟槸浠�涔堝憿锛�</p>
- <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
<p>2.缁撳悎浣犵殑鐢熸椿缁忓巻锛岃涓�浠朵綘璁や负鑳戒紶杈捐绀笺�佹噦绀肩殑浜嬫儏銆�</p>
- <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
</div>
@@ -305,9 +311,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">7</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<h3 id="c003">
@@ -376,9 +384,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">9</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<div class="bk2">
@@ -392,11 +402,11 @@
<p>
1.鍦ㄦ棩甯哥敓娲诲拰瀛︿範涓紝濡備綍鐞嗚В绀间华鐨勮鑼冩�х壒寰侊紵璇蜂妇渚嬭鏄庛��
</p>
- <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
<p>2.璋堣皥浣犲姘戣埅绀间华鍐呮兜鐨勭悊瑙ｃ��</p>
- <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
<h3 id="c004">
@@ -423,11 +433,11 @@
</div>
<div class="bj3">
<p>1.瀹翠細涓讳汉涓轰粈涔堣鎶婂噣鎵嬬殑姘翠篃鍠濇帀鍛紵</p>
- <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
<p>2.杩欎釜绀间华灏忔晠浜嬪浣犳湁浠�涔堟牱鐨勫惎绀猴紵</p>
- <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
<h4 id="d011">涓�銆佺ぜ鏁粬浜虹殑鍘熷垯</h4>
@@ -483,12 +493,14 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">11</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
- <p class="td-0 block ">
+ <p class="td-0 block">
鏃╁埌锛佲�濋瞾杩呴粯榛樺湴鍥炲埌搴т綅涓婏紝鍦ㄩ偅寮犳棫涔︽涓婂埢浜嗕釜鈥滄棭鈥濆瓧锛屼篃鎶婁竴涓潥瀹氱殑淇″康娣辨繁鍦板埢鍦ㄥ績閲屻�備粠閭ｄ互鍚庯紝椴佽繀涓婂鍐嶆病鏈夎繜鍒拌繃锛岃�屼笖鏃舵椂鏃┿�佷簨浜嬫棭锛屽鏂椾簡涓�鐢熴��
</p>
<h4 id="d015">浜斻�佷俊鐢ㄥ瀹圭殑鍘熷垯</h4>
@@ -512,13 +524,13 @@
</div>
<div class="bj3">
<p>1.瀵逛簬绀间华鐨勫師鍒欙紝浣犳槸濡備綍璁よ瘑鐨勶紵</p>
- <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
<p>
2.浣滀负姘戣埅涓撲笟鐨勫鐢燂紝浣犺涓烘皯鑸粠涓氫汉鍛樺簲褰撳叿澶囧摢浜涚ぜ浠礌璐紵
</p>
- <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
<div class="bk4">
@@ -536,42 +548,22 @@
<p>
1.鍛ㄦ湞鏄ぜ浠�愭瓒嬪悜瀹屽杽鐨勬椂浠ｏ紝鍦ㄦ鏈熼棿锛岋紙銆�銆�锛夊绀间华鐨勫彂灞曡捣鍒颁簡宸ㄥぇ鐨勪綔鐢ㄣ�傦紙鍗曢�夐锛�
</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="1"
- v-model="questionData.projectOne.one.value"
- @change="setBookQuestion"
- />A.瀛熷瓙</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="B"
- id="1"
- v-model="questionData.projectOne.one.value"
- @change="setBookQuestion"
- />B.鑰佸瓙</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="C"
- id="1"
- v-model="questionData.projectOne.one.value"
- @change="setBookQuestion"
- />C.鍛ㄥ叕</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="D"
- id="1"
- v-model="questionData.projectOne.one.value"
- @change="setBookQuestion"
- />D.瀛斿瓙</p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+ v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.瀛熷瓙
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
+ v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.鑰佸瓙
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
+ v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.鍛ㄥ叕
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
+ v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.瀛斿瓙
+ </p>
</div>
</div>
</div>
@@ -589,183 +581,88 @@
</ul>
<div class="bodystyle">
<p>2.涓嬮潰鏈夊叧鈥滅ぜ鈥濈殑鍐呭湪鍚箟璇存硶姝ｇ‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="2"
- v-model="questionData.projectOne.two.value"
- @change="setBookQuestion"
- />A.琛ㄧず灏婃暚銆佹暚鎰忕殑缁熺О</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="B"
- id="2"
- v-model="questionData.projectOne.two.value"
- @change="setBookQuestion"
- />B.涓鸿〃绀烘暚鎰忔垨琛ㄧず闅嗛噸涓捐鐨勪华寮�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="C"
- id="2"
- v-model="questionData.projectOne.two.value"
- @change="setBookQuestion"
- />C.娉涙寚绀句細鐢熸椿涓殑鏌愮绀句細瑙勮寖鍜岄亾寰疯鑼�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="3"
- v-model="questionData.projectOne.two.value"
- @change="setBookQuestion"
- />D.琛ㄧず閫佺ぜ鐗┿�佺ぜ鍝�</p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
+ v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.琛ㄧず灏婃暚銆佹暚鎰忕殑缁熺О
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
+ v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.涓鸿〃绀烘暚鎰忔垨琛ㄧず闅嗛噸涓捐鐨勪华寮�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
+ v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.娉涙寚绀句細鐢熸椿涓殑鏌愮绀句細瑙勮寖鍜岄亾寰疯鑼�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3"
+ v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.琛ㄧず閫佺ぜ鐗┿�佺ぜ鍝�
+ </p>
<p>3.涓嬮潰鏈夊叧鈥滀华鈥濈殑鍐呭湪鍚箟璇存硶姝ｇ‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="B"
- id="3"
- v-model="questionData.projectOne.three.value"
- @change="setBookQuestion"
- />A.鈥滀华鈥濆叿鏈夎〃鐜囥�佹鏍峰拰甯﹀ご浣滅敤</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="C"
- id="3"
- v-model="questionData.projectOne.three.value"
- @change="setBookQuestion"
- />B.鎸囦釜浜哄璨屻�侀搴�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="D"
- id="3"
- v-model="questionData.projectOne.three.value"
- @change="setBookQuestion"
- />C.鎸囧悇绉嶅ぇ灏忓瀷浠紡銆佺ぜ鑺�</p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="3"
+ v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.鈥滀华鈥濆叿鏈夎〃鐜囥�佹鏍峰拰甯﹀ご浣滅敤
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="3"
+ v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.鎸囦釜浜哄璨屻�侀搴�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="3"
+ v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.鎸囧悇绉嶅ぇ灏忓瀷浠紡銆佺ぜ鑺�
+ </p>
<p>
4.绀间华鍦ㄦ湰璐ㄤ笂鍏锋湁涓嶅悓鐨勭壒寰侊紝绀间华鐨勭壒寰佸寘鎷紙銆�銆�锛夈�傦紙澶氶�夐锛�
</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="4"
- v-model="questionData.projectOne.four.value"
- @change="setBookQuestion"
- />A.瑙勮寖鎬�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="B"
- id="4"
- v-model="questionData.projectOne.four.value"
- @change="setBookQuestion"
- />B.鏃跺皻鎬�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="C"
- id="4"
- v-model="questionData.projectOne.four.value"
- @change="setBookQuestion"
- />C.澶氭牱鎬�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="D"
- id="4"
- v-model="questionData.projectOne.four.value"
- @change="setBookQuestion"
- />D.浼犳壙鎬�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="E"
- id="4"
- v-model="questionData.projectOne.four.value"
- @change="setBookQuestion"
- />E.宸紓鎬�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="F"
- id="4"
- v-model="questionData.projectOne.four.value"
- @change="setBookQuestion"
- />F.鎿嶄綔鎬�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="G"
- id="4"
- v-model="questionData.projectOne.four.value"
- @change="setBookQuestion"
- />G.鏃朵唬鎬�</p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+ v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.瑙勮寖鎬�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4"
+ v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.鏃跺皻鎬�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4"
+ v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.澶氭牱鎬�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4"
+ v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.浼犳壙鎬�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="E" id="4"
+ v-model="questionData.projectOne.four.value" @change="setBookQuestion" />E.宸紓鎬�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="F" id="4"
+ v-model="questionData.projectOne.four.value" @change="setBookQuestion" />F.鎿嶄綔鎬�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="G" id="4"
+ v-model="questionData.projectOne.four.value" @change="setBookQuestion" />G.鏃朵唬鎬�
+ </p>
<p>
5.绀间华鐨勬湰璐ㄦ槸鈥滃皧閲嶁�濓紝灏婂繁涓斿皧浠栥�傛湁鍏崇ぜ鏁粬浜虹殑鍘熷垯璇存硶姝ｇ‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�
</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="5"
- v-model="questionData.projectOne.five.value"
- @change="setBookQuestion"
- />
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="5"
+ v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
A.绀兼暚浠栦汉鏄寚鍦ㄧぞ浜ゆ椿鍔ㄤ腑锛屼氦寰�瀵硅薄涔嬮棿鐩镐簰灏婃暚銆佽唉璁╋紝鍙嬪ソ鐩稿緟锛屽拰鐫﹀叡澶�
</p>
<p>
- <input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="B"
- id="5"
- v-model="questionData.projectOne.five.value"
- @change="setBookQuestion"
- />
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="5"
+ v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
B.绀兼暚浠栦汉鏄皧閲嶄氦寰�瀵硅薄鐨勪汉鏍硷紝灏婇噸浜ゅ線瀵硅薄鐨勬劅鎯呫�佸枩濂姐�佷範淇楋紝灏婇噸浜ゅ線瀵硅薄鐨勫姵鍔紝灏嗗浜ゅ線瀵硅薄鐨勯噸瑙嗐�佹伃鏁�佸弸濂芥斁鍦ㄩ浣�
</p>
<p>
- <input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="C"
- id="5"
- v-model="questionData.projectOne.five.value"
- @change="setBookQuestion"
- />
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="5"
+ v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
C.绀兼暚浠栦汉涓昏鏄垎鍦哄悎鍜屽璞★紝鏍规嵁鍏蜂綋鐨勫満鍚堝拰瀵硅薄閫夋嫨鏄惁缁欎簣瀵规柟灏婇噸
</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="D"
- id="5"
- v-model="questionData.projectOne.five.value"
- @change="setBookQuestion"
- />D.绀兼暚浠栦汉鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶</p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5"
+ v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.绀兼暚浠栦汉鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶
+ </p>
</div>
</div>
</div>
@@ -776,9 +673,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">13</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<h2 id="b002">椤圭洰浜屻��姘戣埅鏈嶅姟鎰忚瘑璁ょ煡</h2>
@@ -817,14 +716,14 @@
</div>
<div class="bj3">
<p>1.妗堜緥涓繖鍚嶆梾瀹负浠�涔堜細鎴愪负杩欏鑸┖鍏徃鐨勫繝瀹為【瀹紵</p>
- <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
<p>2.姝ゆ渚嬭鏄庝簡姘戣埅鏈嶅姟浠庝笟浜哄憳闇�瑕佸叿澶囦粈涔堟牱鐨勭礌璐紵</p>
- <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
<p>3.杩欎釜妗堜緥瀵逛簬浣犵悊瑙ｆ皯鑸湇鍔＄殑鍚箟鏈変粈涔堝惎绀猴紵</p>
- <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
<h3 id="c005">
@@ -884,9 +783,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">15</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<div class="bk2">
@@ -898,14 +799,14 @@
</div>
<div class="bj3">
<p>1.杩欏悕涔樺姟鍛樼殑鍝簺琛屼负璁╃帇鍏堢敓鎰熷埌璐村績锛�</p>
- <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
<p>2.浣犺寰楁槸浠�涔堣涔樺姟鍛樺仛鍑轰簡杩欎簺璐村績鐨勪簨鎯咃紵</p>
<textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
<p>3.浠庤妗堜緥鍑哄彂锛屼綘鎬庝箞鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐紵</p>
- <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
<p>
@@ -989,8 +890,8 @@
</div>
<div class="bj3">
<p>姘戣埅鏈嶅姟鐨勫摢浜涙湇鍔¤閭濆﹩濠嗘劅鍙楀埌浜嗘俯棣ㄥ拰婊℃剰锛�</p>
- <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
</div>
@@ -1003,9 +904,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">17</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<h3 id="c006">
@@ -1032,9 +935,8 @@
<p>
璇峰ぇ瀹惰璁轰竴涓嬶細浠�涔堟墠鏄彁鍗囨湇鍔℃弧鎰忓害鐨勬硶瀹濆憿锛熸皯鑸湇鍔″嚭鐜拌川閲忛棶棰樼殑鍘熷洜绌剁珶鏄粈涔堬紵
</p>
- <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
-
+ <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
<h4 id="d021">浜屻�佹皯鑸湇鍔¤川閲忛棶棰樺垎鏋�</h4>
@@ -1052,7 +954,7 @@
<div class="bj3">
<p>鍦ㄥ伐浣滀腑鍏锋湁杈冨己鐨勮嚜鎴戞剰璇嗕綋鐜板湪鍝噷锛熶細甯︽潵浠�涔堝奖鍝嶅憿锛�</p>
<textarea v-model="questionData.askAbout.twentyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
</div>
@@ -1099,7 +1001,7 @@
缇婄兢鑳藉湪瀵掑喎鐨勫啲澶╅『鍒╃敓瀛樼殑鍘熷洜鏄粈涔堬紵缁撳悎鐢熸椿瀹為檯锛岃皥璋堜綘瀵瑰嵄鏈烘剰璇嗙殑鐞嗚В銆�
</p>
<textarea v-model="questionData.askAbout.twentyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
<p>
@@ -1115,9 +1017,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">19</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<div class="bk2">
@@ -1130,7 +1034,7 @@
<div class="bj3">
<p>姘戣埅浼佷笟鍦ㄥ彂灞曚腑闈复鐫�鍝簺绔炰簤涓庡嵄鏈猴紵</p>
<textarea v-model="questionData.askAbout.twentyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
<h5 id="e011">锛堝洓锛夊煿璁彁鍗囨湁寰呭姞寮�</h5>
@@ -1149,7 +1053,7 @@
缁撳悎姘戣埅涓氱殑鍙戝睍鐜扮姸锛屼綘璁や负姘戣埅涓氬簲璇ヤ晶閲嶅煿璁憳宸ュ摢浜涙柟闈紵
</p>
<textarea v-model="questionData.askAbout.twentyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
<p>
@@ -1206,12 +1110,12 @@
<div class="bj3">
<p>1.妗堜緥涓殑姹や箻鍔￠暱涓轰簡缁欏瀛愰檷娓╁仛浜嗗摢浜涗簨鎯呭憿锛�</p>
<textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
<p>
2.鏄粈涔堟牱鐨勫姩鍔涜姹や箻鍔￠暱鑳藉鍧氭寔韫插湪瀛╁瓙闈㈠墠鍗佸嚑鍒嗛挓鍋氬尰鐤楁晳娌诲憿锛�
</p>
<textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
<h4 id="d023">浜屻�佸姘戣埅鏈嶅姟鎰忚瘑鐨勮姹�</h4>
@@ -1234,9 +1138,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">21</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<p class="td-0">
@@ -1248,7 +1154,9 @@
<h4 id="d024">涓夈�佹爲绔嬩富鍔ㄦ湇鍔＄殑鎰忚瘑</h4>
<p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
<p class="center"><span class="cs1">鍔╂梾瀹㈡壘鍥為仐澶辫鏉�</span></p>
- <p class="block">2017骞达紝鏌愭満鍦哄湴闈㈡湇鍔￠儴鏀跺埌鏃呭浜茶嚜閫佹潵鐨勪竴闈㈤敠鏃椼��</p>
+ <p class="block">
+ 2017骞达紝鏌愭満鍦哄湴闈㈡湇鍔￠儴鏀跺埌鏃呭浜茶嚜閫佹潵鐨勪竴闈㈤敠鏃椼��
+ </p>
<p class="block">
浜嬫儏鍙戠敓鍦�3涓湀浠ュ墠锛屽綋澶╄埅鐝噯鏃跺埌杈炬満鍦恒�傚�兼満鍛樺皬鏉庣粡杩囩粏蹇冩鏌ュ悗鎸夎鑼冨悜瀹㈣埍鍋氬嚭浜嗗畨鍏ㄦ墜鍔裤�傚彲闅忕潃瀹㈣埍闂ㄧ殑缂撶紦鎺ㄥ紑锛屼箻鍔￠暱鍗撮湶鍑轰簡鐣ユ樉鐫�鎬ョ殑绁炶壊锛屽ス鍛婅瘔灏忔潕锛岃繖涓埅鐝笂鐨勬梾瀹㈡槑鍏堢敓鍦ㄥ箍宸炴満鍦哄�欐満鏃朵涪澶变簡涓�涓潪甯搁噸瑕佺殑鍖咃紝鍖呭唴鏈夎繖娆′粬鍑哄樊鏃跺晢鍔¤皥鍒ら渶瑕佺殑闈炲父鏈哄瘑鑰屼笖閲嶈鐨勮祫鏂欙紝濡傛灉涓㈠け浜嗭紝涓嶄粎浼氭硠闇插晢涓氭満瀵嗭紝涔熶細浣夸粬鍗冲皢寮�灞曠殑鍚堜綔鍙楀埌鏋佸ぇ褰卞搷锛屼粬鍜屼粬鐨勫叕鍙稿皢鎹熷け鎯ㄩ噸銆傛槑鍏堢敓鍦ㄩ鏈轰笂琛ㄧ幇寰楅潪甯哥劍铏戯紝涓�鍐嶈姹傛棤璁哄浣曢兘瑕佸府鍔╀粬銆�
</p>
@@ -1293,10 +1201,10 @@
1.杩欎釜妗堜緥涓紝鍝簺琛屼负灞炰簬鑸┖鏈嶅姟浜哄憳鎻愪緵鐨勫伐浣滆亴璐ｈ瀹氫互澶栫殑鏈嶅姟锛�
</p>
<textarea v-model="questionData.askAbout.twentySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
<p>2.妗堜緥涓皬鏉庢槸鎬庢牱涓诲姩鎻愪緵鏈嶅姟鐨勶紵</p>
<textarea v-model="questionData.askAbout.twentyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
<p>
@@ -1328,7 +1236,7 @@
鍦ㄦ皯鑸湇鍔′腑锛屽浣曟墠鑳戒骇鐢熲�滄湡寰呮晥搴斺�濓紵浣犲彲浠ヤ粠鍝簺鏂归潰鍩瑰吇鑷繁鐨勮亴涓氭剰璇嗗憿锛�
</p>
<textarea v-model="questionData.askAbout.twentyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
</div>
@@ -1341,9 +1249,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">23</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<h5 id="e013">锛堜簩锛夋彁鍗団�滃埄浠栤�濇剰璇�</h5>
@@ -1404,11 +1314,11 @@
</div>
<div class="bj3">
<p>1.涔樺姟闀垮惔鏌愬鑰佺埛鐖锋彁渚涗簡浠�涔堜环鍊肩殑鏈嶅姟锛�</p>
- <textarea v-model="questionData.askAbout.thirty" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.thirty" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
<p>2.璇诲畬妗堜緥浣犳湁浣曟劅鎮燂紵瀵逛箻鍔″憳杩欎竴宸ヤ綔澶氫簡鍝簺璁よ瘑锛�</p>
<textarea v-model="questionData.askAbout.thirtyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
<p>
@@ -1424,7 +1334,7 @@
<div class="bj3">
<p>鎬庢牱鐞嗚В姘戣埅鏈嶅姟杩囩▼涓殑鐪煎埌銆佸彛鍒般�佸績鍒帮紵</p>
<textarea v-model="questionData.askAbout.thirtyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
<div class="bk4">
@@ -1445,170 +1355,92 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">25</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
<p>1.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔＄殑琛屼笟鐗瑰緛锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="1"
- v-model="questionData.projectTwo.one.value"
- @change="setBookQuestion"
- />A.缁忔祹鎬�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="B"
- id="1"
- v-model="questionData.projectTwo.one.value"
- @change="setBookQuestion"
- />B.鍔熻兘鎬�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="C"
- id="1"
- v-model="questionData.projectTwo.one.value"
- @change="setBookQuestion"
- />C.鏂囨槑鎬�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="D"
- id="1"
- v-model="questionData.projectTwo.one.value"
- @change="setBookQuestion"
- />D.闅忔満鎬�</p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+ v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.缁忔祹鎬�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
+ v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.鍔熻兘鎬�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
+ v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.鏂囨槑鎬�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
+ v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.闅忔満鎬�
+ </p>
<p>2.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔＄殑閫氱敤鏍囧噯锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="2"
- v-model="questionData.projectTwo.two.value"
- @change="setBookQuestion"
- />A.鍏锋湁鈥滄垜涓轰汉浜猴紝浜轰汉涓烘垜鈥濈殑澶у眬鎰忚瘑</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="B"
- id="2"
- v-model="questionData.projectTwo.two.value"
- @change="setBookQuestion"
- />B.鍏锋湁涓婚殢瀹究鐨勫彉閫氭剰璇�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="C"
- id="2"
- v-model="questionData.projectTwo.two.value"
- @change="setBookQuestion"
- />C.鍏锋湁鏃呭鑷充笂銆佹湇鍔＄涓�鐨勮鍒欐剰璇�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="D"
- id="2"
- v-model="questionData.projectTwo.two.value"
- @change="setBookQuestion"
- />D.鍏锋湁浠ラ【瀹负涓績鐨勬湇鍔℃剰璇�</p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
+ v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鍏锋湁鈥滄垜涓轰汉浜猴紝浜轰汉涓烘垜鈥濈殑澶у眬鎰忚瘑
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
+ v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.鍏锋湁涓婚殢瀹究鐨勫彉閫氭剰璇�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
+ v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鍏锋湁鏃呭鑷充笂銆佹湇鍔＄涓�鐨勮鍒欐剰璇�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
+ v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鍏锋湁浠ラ【瀹负涓績鐨勬湇鍔℃剰璇�
+ </p>
<p>
3.浠庢梾瀹㈢殑瑙掑害鐪嬶紝鏃呭鑺变笂姣斿潗姹借溅銆佺伀杞﹂珮璁稿鐨勯挶鍧愰鏈哄嚭琛岀殑鐩殑锛屼富瑕佸湪浜庯紙銆�銆�锛夈�傦紙鍗曢�夐锛�
</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="3"
- v-model="questionData.projectTwo.three.value"
- @change="setBookQuestion"
- />A.瀹夊叏</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="B"
- id="3"
- v-model="questionData.projectTwo.three.value"
- @change="setBookQuestion"
- />B.蹇嵎鐪佹椂</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="C"
- id="3"
- v-model="questionData.projectTwo.three.value"
- @change="setBookQuestion"
- />C.鏈変汉鎻愪緵涓撻棬鏈嶅姟</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="D"
- id="3"
- v-model="questionData.projectTwo.three.value"
- @change="setBookQuestion"
- />D.鑸掗��</p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3"
+ v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.瀹夊叏
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="3"
+ v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.蹇嵎鐪佹椂
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="3"
+ v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鏈変汉鎻愪緵涓撻棬鏈嶅姟
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="3"
+ v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鑸掗��
+ </p>
<p>
4.鏈嶅姟鎰忚瘑涔熸槸鈥滃埄浠栤�濈殑鎰忚瘑锛屾彁楂樻湇鍔℃剰璇嗗彲浠ヤ粠鎻愰珮鈥滃埄浠栤�濇剰璇嗗叆鎵嬨�傚叿浣撲綋鐜板湪浠ヤ笅鍑犱釜鏂归潰锛燂紙銆�銆�锛夛紙澶氶�夐锛�
</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="4"
- v-model="questionData.projectTwo.four.value"
- @change="setBookQuestion"
- />A.鍏呭垎鐞嗚В鏃呭鐨勮繃閿�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="4"
- v-model="questionData.projectTwo.four.value"
- @change="setBookQuestion"
- />B.鍏呭垎鐞嗚В鏃呭鐨勯渶姹�</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="4"
- v-model="questionData.projectTwo.four.value"
- @change="setBookQuestion"
- />C.鍏呭垎鐞嗚В鏃呭鐨勬兂娉曞拰蹇冩��</p>
- <p><input
- type="checkbox"
- name="ball2"
- :disabled="questionData.isComplete"
- value="A"
- id="4"
- v-model="questionData.projectTwo.four.value"
- @change="setBookQuestion"
- />D.鍏呭垎鐞嗚В涓嶅悓鏃呭</p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+ v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.鍏呭垎鐞嗚В鏃呭鐨勮繃閿�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+ v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.鍏呭垎鐞嗚В鏃呭鐨勯渶姹�
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+ v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.鍏呭垎鐞嗚В鏃呭鐨勬兂娉曞拰蹇冩��
+ </p>
+ <p>
+ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+ v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鍏呭垎鐞嗚В涓嶅悓鏃呭
+ </p>
<p>5.璇风畝瑕佽鍑烘皯鑸湇鍔＄殑琛屼笟鐗瑰緛銆�</p>
- <textarea v-model="questionData.projectTwo.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.projectTwo.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
<p>6.璇锋牴鎹墍瀛︾煡璇嗗垎鏋愭皯鑸湇鍔＄殑鐜扮姸鍙婃湇鍔¤川閲忛棶棰樹骇鐢熺殑鍘熷洜銆�</p>
- <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
</div>
@@ -1667,10 +1499,10 @@
<div class="bj3">
<p>1.姝ゆ渚嬩腑灏忔潕鍏峰鍝簺鑱屼笟绱犲吇鑳藉姏锛�</p>
<textarea v-model="questionData.askAbout.thirtyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
<p>2.妗堜緥涓殑鏃呭涓轰綍浼氭劅璋㈠皬鏉庯紵</p>
<textarea v-model="questionData.askAbout.thirtyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
</div>
@@ -1683,9 +1515,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">27</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<h3 id="c008">
@@ -1705,7 +1539,7 @@
<h5 id="e015">锛堜竴锛夐琛屽憳</h5>
<p>宸ヤ綔鍦扮偣锛氶┚椹惰埍銆�</p>
<p>宸ヤ綔鑱岃矗锛氶┚椹堕鏈猴紝灏嗘満涓婃梾瀹㈠畨鍏ㄩ�佽揪鐩殑鍦般��</p>
- <div class="img-rights openImgBox mt-20">
+ <div class="img-rights openImgBox mt-20">
<p class="center">
<img class="img-c" alt="" src="../../assets/images/0033-1.jpg" />
</p>
@@ -1746,7 +1580,7 @@
</p>
<h5 id="e017">锛堜笁锛夐鏈哄畨鍏ㄥ憳</h5>
<p>宸ヤ綔鍦扮偣锛氬鑸便��</p>
- <div class="img-rights w200 openImgBox ">
+ <div class="img-rights w200 openImgBox">
<p class="center">
<img class="img-c" alt="" src="../../assets/images/0034-2.jpg" />
</p>
@@ -1778,15 +1612,19 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">29</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<p class="td-0">
浣滐紝鍙婃椂鍙戠幇闂锛屽鐞嗛殣鎮ｏ紱鍋氬ソ棰勯槻鎬т繚鍏汇�佺淮鎶ゅ伐浣滐紝鍑忓皯鏈尯鍩熷洜鍋滄満宸ユ椂鍙婅澶囧師鍥犻�犳垚鐨勬潗鏂欐姤搴熼噺銆�
</p>
- <p class="center openImgBox"><img class="img-d" alt="" src="../../assets/images/0035-1.jpg" /></p>
+ <p class="center openImgBox">
+ <img class="img-d" alt="" src="../../assets/images/0035-1.jpg" />
+ </p>
<p class="img">鍥�1-3-4 鑸┖鏈哄姟鍛�</p>
<h5 id="e019">锛堜簲锛夌娲惧憳</h5>
<p>宸ヤ綔鍦扮偣锛氭満鍦鸿繍琛屾寚鎸ヤ腑蹇冦��</p>
@@ -1863,9 +1701,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">31</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<h5 id="e022">锛堝叓锛夊湴鍕ゅ憳</h5>
@@ -1908,7 +1748,7 @@
<div class="bj3">
<p>浣滀负涓�鍚嶆皯鑸湇鍔′汉鍛橈紝搴旇鍏峰鍝簺绱犲吇鑳藉姏鍛紵</p>
<textarea v-model="questionData.askAbout.thirtyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
</div>
@@ -1944,7 +1784,9 @@
<p class="block">
寰瑧涓�涓嬪緢绠�鍗曪紝寰瑧1灏忔椂鍗翠笉瀹规槗銆傚湪鏂板姞鍧＄殑绌哄閫夋嫈涓紝绗竴鍏抽潰璇曚负1灏忔椂鐨勪腑鑻辨枃浜ゆ祦锛屽叾涓紝鍦�1灏忔椂涓兘鍚︿竴鐩翠繚鎸佺潃浼樼編鐨勫井绗戞槸閲嶈鐨勮�冩牳鎸囨爣銆�
</p>
- <p class="block">鍦ㄧ涓�鍏崇殑鑰冩牳涓紝12鍚嶅鍛樹腑浠呮湁6鍚嶉棷杩団�滀繚鎸�1灏忔椂寰瑧鈥濋毦鍏炽��</p>
+ <p class="block">
+ 鍦ㄧ涓�鍏崇殑鑰冩牳涓紝12鍚嶅鍛樹腑浠呮湁6鍚嶉棷杩団�滀繚鎸�1灏忔椂寰瑧鈥濋毦鍏炽��
+ </p>
<div class="bk2">
<div class="zysx">
<p>
@@ -1955,10 +1797,10 @@
<div class="bj3">
<p>1.鏂板姞鍧¤埅绌轰负浠�涔堣鎶婂井绗戜綔涓洪噸瑕佺殑閫夋嫈鏍囧噯锛�</p>
<textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
<p>2.鍦ㄧ敓娲讳腑淇濇寔寰瑧瀵逛綘鏈変粈涔堢泭澶勶紵</p>
<textarea v-model="questionData.askAbout.thirtySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
<p>
@@ -1974,9 +1816,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">33</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<p class="center openImgBox">
@@ -2027,10 +1871,10 @@
<div class="bj3">
<p>1.姝ゆ渚嬩綋鐜颁簡涔樺姟鍛樼殑浠�涔堢礌鍏昏兘鍔涳紵</p>
<textarea v-model="questionData.askAbout.thirtyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
<p>2.浣挎梾瀹㈠皬鍛ㄦ劅鍔ㄧ殑鍘熷洜鏄粈涔堬紵浠庢渚嬩腑浣犲鍒颁簡浠�涔堬紵</p>
<textarea v-model="questionData.askAbout.thirtyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
<p>
@@ -2061,9 +1905,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">35</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<p class="block">
@@ -2080,11 +1926,11 @@
<p>
1.闄や簡鍩虹鐨勬湇鍔℃祦绋嬶紝鎯宠鏃呭鏈夋洿鑸掑績鐨勬湇鍔′綋楠岃繕闇�瑕佺┖涔樹汉鍛樺叿鏈変粈涔堣兘鍔涳紵
</p>
- <textarea v-model="questionData.askAbout.forty" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.forty" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
<p>2.璇ユ渚嬬粰浣犱粈涔堟牱鐨勫惎绀猴紵</p>
- <textarea v-model="questionData.askAbout.fortyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.fortyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
<p>
@@ -2121,7 +1967,9 @@
<p class="block">
褰撹埅绌哄叕鍙告寜鐓у父瑙勭粰鍑轰笉浜堣禂鍋挎剰瑙佸悗锛屽皬鍚翠竴杈瑰濠夊湴鍚戜箻瀹㈣浆杈撅紝涓�杈逛笉鎳堝湴鍚戣埅绌哄叕鍙镐簤鍙栥�傜粓浜庯紝灏忓惔鎬ユ梾瀹箣鎵�鎬ャ�佹兂鏃呭涔嬫墍鎯崇殑鏈嶅姟鎰熷姩浜嗚埅绌哄叕鍙革紝鑸┖鍏徃鏈�缁堝喅瀹氱粰浜堣ˉ鍋裤��
</p>
- <p class="block">褰撳皬鍚村皢姝ゆ秷鎭憡璇夋梾瀹㈠悗锛岃耽寰椾簡鏃呭鐨勮禐璁稿拰鎰熻阿銆�</p>
+ <p class="block">
+ 褰撳皬鍚村皢姝ゆ秷鎭憡璇夋梾瀹㈠悗锛岃耽寰椾簡鏃呭鐨勮禐璁稿拰鎰熻阿銆�
+ </p>
<div class="bk2">
<div class="zysx">
<p>
@@ -2133,8 +1981,8 @@
<p>
鎮ㄤ粠姝や簨渚嬩腑鐪嬪埌灏忓惔鐨勪粈涔堣亴涓氱礌鍏昏兘鍔涳紵缁欐偍甯︽潵浜嗕粈涔堝惎鍙戯紵
</p>
- <textarea v-model="questionData.askAbout.fortyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.fortyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
<p>
@@ -2158,9 +2006,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">37</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<h4 id="d031">浜斻�佹矡閫氳兘鍔�</h4>
@@ -2181,10 +2031,10 @@
<div class="bj3">
<p>1.璇ユ渚嬩腑鍝簺鍦版柟鐨勬矡閫氳繕闇�鏀硅繘锛�</p>
<textarea v-model="questionData.askAbout.fortyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
<p>2.缁撳悎褰撴椂鐨勬儏鍐碉紝浣犺寰楀簲璇ユ�庢牱杩涜鏈夋晥鐨勬矡閫氾紵</p>
<textarea v-model="questionData.askAbout.fortyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
<p>
@@ -2251,9 +2101,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">39</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<p class="block">
@@ -2269,17 +2121,36 @@
<div class="bj3">
<p>1.鍒樹紶寤烘満闀垮湪澶勭疆璇ヤ簨浠朵腑锛屽睍鐜颁簡浠栫殑鍝簺鑳藉姏锛�</p>
<textarea v-model="questionData.askAbout.fortyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
<p>
2.濡傛灉浣犳槸璇ヨ埅鐝殑涓�鍚嶄箻鍔″憳锛屽湪骞虫椂鐨勫煿璁腑浣犻渶瑕佺Н绱摢浜涙柟闈㈢殑绱犲吇鏉ュ畬鍠勮嚜宸卞鐞嗙揣鎬ユ儏鍐电殑鑳藉姏鍛紵
</p>
- <textarea v-model="questionData.askAbout.fortySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.askAbout.fortySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
<p>
涔樺姟鍛樹細鏈嶅姟涓嶈鍏舵暟鐨勬梾瀹€�傞櫎浜嗗鏁拌鍔ㄨ嚜濡傜殑鏅�氭梾瀹紝杩樺寘鎷竴浜涚壒娈婃梾瀹€�傚湪鑸彮椋炶杩囩▼涓紝浠栦滑杩樹細閬囧埌鍚勭被绱ф�ユ儏鍐点��
</p>
+ <div class="video-box">
+ <p class="center text td-0">
+ <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+ controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛氬窛鑸揣鎬ユ挙绂�</span>
+ <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ " placement="top-start">
+ <img :src="collectResourceList.findIndex(
+ (item) => item.id == '4f0afd466e16bde40a447ff467452181'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+ </el-tooltip>
+ </p>
+ </div>
<h5 id="e023">锛堜竴锛夊簲鎬ュ鐞嗚兘鍔涚殑鍩瑰吇闇�瑕佸己澶х殑蹇冪悊绱犺川鍋氭敮鎾�</h5>
<p>
鍦ㄥ嚭鐜扮揣鎬ユ儏鍐垫椂锛屼箻鍔″憳搴旇兘澶熸矇鐫�鍐烽潤鍦板垎鏋愪簨鎯呯殑鎯呭喌浠ュ強鍙戝睍鐨勫姩鍚戯紝骞朵笖鑳藉鏍规嵁瀹為檯鎯呭喌鍒ゅ畾鏈�浼樿В鍐虫柟妗堝苟杩呴�熼噰鍙栬鍔ㄣ�備箻鍔″憳鍏峰鑹ソ鐨勫績鐞嗙礌璐ㄤ笉浠呰兘澶熻捣鍒板畨鎶氭梾瀹㈡儏缁殑浣滅敤锛岃�屼笖涔熸槸璁╂梾瀹㈤厤鍚堝仛濂芥挙绂诲伐浣滅殑閲嶈鏉′欢銆傝鎯冲湪绱ф�ユ儏鍐靛嚭鐜扮殑鏃跺埢鑳藉涓村嵄涓嶆儳銆佹矇鐫�鍐烽潤锛岃繖涓�鍗婂彇鍐充簬涔樺姟鍛樹釜浜虹殑澶╂�э紝鍙︿竴鍗婂彇鍐充簬鍚庡ぉ鐨勫煿璁��
@@ -2336,9 +2207,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">41</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<p class="td-0">
@@ -2402,15 +2275,27 @@
<p class="block">
锛�4锛変笉绠″埆浜烘湁娌℃湁瑕佹眰锛屼綘閮戒細涓诲姩鎻愬嚭寤鸿锛屽憡璇変粬搴旇鎬庝箞鍘诲仛鍚楋紵
</p>
- <p class="block">锛�5锛変綘璁茬殑鏁呬簨鎴栭�镐簨鏄惁鎬绘槸鍙堥暱鍙堝鏉傦紝鍒汉闇�瑕佽�愬績鍦板幓鍚紵</p>
+ <p class="block">
+ 锛�5锛変綘璁茬殑鏁呬簨鎴栭�镐簨鏄惁鎬绘槸鍙堥暱鍙堝鏉傦紝鍒汉闇�瑕佽�愬績鍦板幓鍚紵
+ </p>
<p class="block">锛�6锛夊綋浠栦汉鍦ㄨ瀺娲藉湴浜よ皥鏃讹紝浣犳槸鍚︿細璐哥劧鍦版彃璇濓紵</p>
- <p class="block">锛�7锛変綘鏄惁浼氱粡甯告触娲ユ湁鍛冲湴涓庢湅鍙嬭皥璧蜂粬浠笉璁よ瘑鐨勪汉锛�</p>
+ <p class="block">
+ 锛�7锛変綘鏄惁浼氱粡甯告触娲ユ湁鍛冲湴涓庢湅鍙嬭皥璧蜂粬浠笉璁よ瘑鐨勪汉锛�
+ </p>
<p class="block">锛�8锛夊綋鍒汉浜よ皥鏃讹紝浣犳槸鍚︿細鎵撴柇浠栦滑锛�</p>
- <p class="block">锛�9锛変綘鏄惁瑙夊緱鑷繁璁叉晠浜嬬粰鍒汉鍚紝姣斿埆浜鸿缁欎綘鍚湁鎰忔�濓紵</p>
- <p class="block">锛�10锛変綘鏄惁甯告彁閱掓湅鍙嬭淇″畧璇鸿█锛岄棶浠栤�滀綘璁板緱鍚椻�濇垨鈥滀綘蹇樹簡鍚椻�濓紵</p>
+ <p class="block">
+ 锛�9锛変綘鏄惁瑙夊緱鑷繁璁叉晠浜嬬粰鍒汉鍚紝姣斿埆浜鸿缁欎綘鍚湁鎰忔�濓紵
+ </p>
+ <p class="block">
+ 锛�10锛変綘鏄惁甯告彁閱掓湅鍙嬭淇″畧璇鸿█锛岄棶浠栤�滀綘璁板緱鍚椻�濇垨鈥滀綘蹇樹簡鍚椻�濓紵
+ </p>
<p class="block">锛�11锛変綘鏄惁鍧氭寔璁╂湅鍙嬮槄璇讳綘璁や负鏈夎叮鐨勪俊鎭紵</p>
- <p class="block">锛�12锛変綘鏄惁鎵撶數璇濇椂璇翠釜娌″畬锛岃鍏朵粬浜哄湪涓�鏃佺潃鎬ョ瓑寰咃紵</p>
- <p class="block">锛�13锛変綘鏄惁缁忓父鍙戠幇鏈嬪弸鐨勭煭澶勶紝骞惰姹備粬浠幓鏀硅繘锛�</p>
+ <p class="block">
+ 锛�12锛変綘鏄惁鎵撶數璇濇椂璇翠釜娌″畬锛岃鍏朵粬浜哄湪涓�鏃佺潃鎬ョ瓑寰咃紵
+ </p>
+ <p class="block">
+ 锛�13锛変綘鏄惁缁忓父鍙戠幇鏈嬪弸鐨勭煭澶勶紝骞惰姹備粬浠幓鏀硅繘锛�
+ </p>
</div>
</div>
</div>
@@ -2421,13 +2306,19 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">43</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
- <p class="block">锛�14锛夊綋鍒汉璋堝埌浣犱笉鍠滄鐨勮瘽棰樻椂锛屼綘鏄惁灏变笉璇磋瘽浜嗭紵</p>
- <p class="block">锛�15锛夊绉嶇涓嶅鎰忕殑浜嬫儏锛屼綘鏄惁鎬绘槸鍠滄鎵句汉璇夎嫤锛�</p>
+ <p class="block">
+ 锛�14锛夊綋鍒汉璋堝埌浣犱笉鍠滄鐨勮瘽棰樻椂锛屼綘鏄惁灏变笉璇磋瘽浜嗭紵
+ </p>
+ <p class="block">
+ 锛�15锛夊绉嶇涓嶅鎰忕殑浜嬫儏锛屼綘鏄惁鎬绘槸鍠滄鎵句汉璇夎嫤锛�
+ </p>
<h4 id="d034">浜屻�佽瀵熻兘鍔涚殑璁粌</h4>
<p class="center">
<span class="cs1">瑙傚療鍔涜�冮獙鈥斺�斿浘鐗囦腑鍏辨湁鍑犱釜浜猴紵</span>
@@ -2467,16 +2358,26 @@
</ul>
<div class="bodystyle">
<p class="block">锛�5锛夊父甯稿湪鍒汉璇磋瘽涔嬪墠灏辩煡閬撲粬瑕佽浠�涔堛��</p>
- <p class="block">锛�6锛夊鏋滀笉鍠滄鍜屾煇浜轰氦璋堬紝甯稿父鐢ㄦ敞鎰忓姏涓嶉泦涓殑鏂瑰紡缁撴潫璋堣瘽銆�</p>
- <p class="block">锛�7锛夊父甯哥敤鐐瑰ご銆佺毐鐪夌瓑鏂瑰紡璁╄璇濅汉浜嗚В鎴戝浠栬鐨勫唴瀹圭殑鎰熻銆�</p>
+ <p class="block">
+ 锛�6锛夊鏋滀笉鍠滄鍜屾煇浜轰氦璋堬紝甯稿父鐢ㄦ敞鎰忓姏涓嶉泦涓殑鏂瑰紡缁撴潫璋堣瘽銆�
+ </p>
+ <p class="block">
+ 锛�7锛夊父甯哥敤鐐瑰ご銆佺毐鐪夌瓑鏂瑰紡璁╄璇濅汉浜嗚В鎴戝浠栬鐨勫唴瀹圭殑鎰熻銆�
+ </p>
<p class="block">锛�8锛夊父甯稿埆浜哄垰璇村畬锛屾垜灏辫皥鑷繁鐨勭湅娉曘��</p>
- <p class="block">锛�9锛夊埆浜鸿璇濈殑鍚屾椂锛屾垜甯稿父鎬濊�冩帴涓嬫潵鎴戣璇寸殑鍐呭銆�</p>
- <p class="block">锛�10锛夎璇濅汉鐨勮皥璇濋鏍煎父甯稿奖鍝嶆垜瀵硅皥璇濆唴瀹圭殑鍏磋叮銆�</p>
+ <p class="block">
+ 锛�9锛夊埆浜鸿璇濈殑鍚屾椂锛屾垜甯稿父鎬濊�冩帴涓嬫潵鎴戣璇寸殑鍐呭銆�
+ </p>
+ <p class="block">
+ 锛�10锛夎璇濅汉鐨勮皥璇濋鏍煎父甯稿奖鍝嶆垜瀵硅皥璇濆唴瀹圭殑鍏磋叮銆�
+ </p>
<p class="block">
锛�11锛変负浜嗗紕娓呭鏂规墍璇寸殑瑙傜偣锛屾垜甯搁噰鍙栨彁闂殑鏂瑰紡锛岃�屼笉杩涜鐚滄祴銆�
</p>
<p class="block">锛�12锛変负浜嗙悊瑙ｅ鏂圭殑瑙傜偣锛屾垜鎬讳細涓嬬嫚鍔熷か銆�</p>
- <p class="block">锛�13锛夊父甯稿惉鑷繁鍠滄鍚殑鍐呭锛岃�屼笉鏄惉鍒汉琛ㄨ揪鐨勫唴瀹广��</p>
+ <p class="block">
+ 锛�13锛夊父甯稿惉鑷繁鍠滄鍚殑鍐呭锛岃�屼笉鏄惉鍒汉琛ㄨ揪鐨勫唴瀹广��
+ </p>
<p class="block">
锛�14锛夊綋鎴戝拰鍒汉鎰忚涓嶄竴鑷存椂锛屽ぇ澶氭暟浜鸿涓烘垜鐞嗚В浜嗕粬浠殑瑙傜偣鍜屾兂娉曘��
</p>
@@ -2492,14 +2393,20 @@
<p class="block">椤圭洰鍚嶇О锛氶洩鑺辩墖鐗囥��</p>
<p class="block">椤圭洰浜烘暟锛氫笉闄愩��</p>
<p class="block">椤圭洰鏃堕暱锛�20鍒嗛挓銆�</p>
- <p class="block">椤圭洰鍦哄湴锛氬鍐呭鐨嗗彲锛屼负姣忎汉鎻愪緵涓�寮犺杽鐨凙4澶у皬鐨勭┖鐧界焊寮犮��</p>
+ <p class="block">
+ 椤圭洰鍦哄湴锛氬鍐呭鐨嗗彲锛屼负姣忎汉鎻愪緵涓�寮犺杽鐨凙4澶у皬鐨勭┖鐧界焊寮犮��
+ </p>
<p class="block">娲诲姩鐩殑锛氬涔犳矡閫氫笌鍊惧惉銆�</p>
<p class="block">椤圭洰瑙勫垯锛�</p>
<p class="block">1.鎵�鏈夊鍛樺皢鐪肩潧闂笂銆傚彂缁欐瘡浜轰竴寮犵櫧绾搞��</p>
<p class="block">2.渚濈収璁粌鍛樼殑鎸囦护鍋氬姩浣滐紝鍔ㄤ綔濡備笅锛�</p>
<p class="block">锛�1锛夊厛灏嗙櫧绾稿鎶樼劧鍚庡啀瀵规姌锛屽皢鍙充笂瑙掓挄涓嬨��</p>
- <p class="block">锛�2锛夊啀灏嗙焊瀵规姌涓�娆★紝鐒跺悗鍦ㄥ彸涓婅鎾曚笅涓�涓竟闀�2cm鐨勬鏂瑰舰銆�</p>
- <p class="block">锛�3锛夊啀灏嗙焊瀵规姌涓�娆★紝鐒跺悗鍦ㄥ彸涓婅鎾曚笅涓�涓崐寰�2cm鐨勬墖褰€��</p>
+ <p class="block">
+ 锛�2锛夊啀灏嗙焊瀵规姌涓�娆★紝鐒跺悗鍦ㄥ彸涓婅鎾曚笅涓�涓竟闀�2cm鐨勬鏂瑰舰銆�
+ </p>
+ <p class="block">
+ 锛�3锛夊啀灏嗙焊瀵规姌涓�娆★紝鐒跺悗鍦ㄥ彸涓婅鎾曚笅涓�涓崐寰�2cm鐨勬墖褰€��
+ </p>
<p class="block">3.瀹屾垚鍔ㄤ綔鍚庣潄寮�鐪硷紝鎽婂紑绾哥湅鐪嬫槸鍚︾浉鍚屻��</p>
<p class="block">
4.杩囩▼涓鍛樺鏈夊彂闂渶缁欎簣鍝嶅簲锛屼絾瀛﹀憳濡備繚鎸佹矇榛橈紝鍒欏湪瀛﹀憳瀹屾垚姣忎竴涓姩浣�
@@ -2514,9 +2421,11 @@
<li class="header-right-Number header-right-title">妯″潡涓�</li>
<li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
<li class="header-right-Number pNum">45</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
- <li class="header-right-last"><br></li>
- <li class="header-right-end"><br></li>
+ <li class="header-right-Number cloud">
+ <img class="" src="../../assets/images/yemei02.png" alt="" />
+ </li>
+ <li class="header-right-last"><br /></li>
+ <li class="header-right-end"><br /></li>
</ul>
<div class="bodystyle">
<p class="block td-0">鍚庣户缁笅鎸囦护銆�</p>
@@ -2533,150 +2442,75 @@
<p>
1.浣滀负涓�鍚嶆皯鐢ㄨ埅绌轰汉鍛橈紝搴斿叿澶囧摢浜涘熀鏈兘鍔涘憿锛燂紙銆�銆�锛夛紙澶氶�夐锛�
</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="A"
- id="1"
- v-model="questionData.projectThree.one.value"
- @change="setBookQuestion"
- />A.鑹ソ鐨勪翰鍜岃兘鍔�</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="B"
- id="1"
- v-model="questionData.projectThree.one.value"
- @change="setBookQuestion"
- />B.缁嗗井鐨勮瀵熻兘鍔�</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="C"
- id="1"
- v-model="questionData.projectThree.one.value"
- @change="setBookQuestion"
- />C.鏁忛攼鐨勬敞鎰忚兘鍔�</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="D"
- id="1"
- v-model="questionData.projectThree.one.value"
- @change="setBookQuestion"
- />D.涓诲姩鐨勫�惧惉鑳藉姏</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="E"
- id="1"
- v-model="questionData.projectThree.one.value"
- @change="setBookQuestion"
- />E.鏈夋晥鐨勬矡閫氳兘鍔�</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="F"
- id="1"
- v-model="questionData.projectThree.one.value"
- @change="setBookQuestion"
- />F.搴旀�ュ鐞嗚兘鍔�</p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="1"
+ v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.鑹ソ鐨勪翰鍜岃兘鍔�
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="1"
+ v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.缁嗗井鐨勮瀵熻兘鍔�
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="1"
+ v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.鏁忛攼鐨勬敞鎰忚兘鍔�
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="1"
+ v-model="questionData.projectThree.one.value" @change="setBookQuestion" />D.涓诲姩鐨勫�惧惉鑳藉姏
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="E" id="1"
+ v-model="questionData.projectThree.one.value" @change="setBookQuestion" />E.鏈夋晥鐨勬矡閫氳兘鍔�
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="F" id="1"
+ v-model="questionData.projectThree.one.value" @change="setBookQuestion" />F.搴旀�ュ鐞嗚兘鍔�
+ </p>
<p>
2.姘戠敤鑸┖浜哄憳鍦ㄦ湇鍔¤繃绋嬩腑搴斾娇鐢ㄦ纭�傚綋鐨勭敤璇�備笅鍒楀摢浜涙湇鍔＄敤璇槸蹇岃鐨勶紵锛堛��銆�锛夛紙澶氶�夐锛�
</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="A"
- id="2"
- v-model="questionData.projectThree.two.value"
- @change="setBookQuestion"
- />A.瀵规梾瀹娇鐢ㄤ笉鎭板綋鐨勭О鍛�</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="B"
- id="2"
- v-model="questionData.projectThree.two.value"
- @change="setBookQuestion"
- />B.瀵规梾瀹娇鐢ㄤ笉鑰愮儲銆佹帹鎵樸�佸喎婕犵殑璇彞</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="C"
- id="2"
- v-model="questionData.projectThree.two.value"
- @change="setBookQuestion"
- />C.瀵规梾瀹㈡彁鍑虹殑闂鐑儏澶ф柟鍦板洖搴旓紝鍋氬埌鍙婃椂鏈夋晥鐨勬矡閫�</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="D"
- id="2"
- v-model="questionData.projectThree.two.value"
- @change="setBookQuestion"
- />D.瀵规梾瀹娇鐢ㄥ弽闂�佽矗闂�佽交瑙嗙殑璇彞</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="E"
- id="2"
- v-model="questionData.projectThree.two.value"
- @change="setBookQuestion"
- />E.瀵规梾瀹娇鐢ㄥ偓淇冨懡浠ゅ紡鐨勮鍙�</p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="2"
+ v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.瀵规梾瀹娇鐢ㄤ笉鎭板綋鐨勭О鍛�
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="2"
+ v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.瀵规梾瀹娇鐢ㄤ笉鑰愮儲銆佹帹鎵樸�佸喎婕犵殑璇彞
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="2"
+ v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.瀵规梾瀹㈡彁鍑虹殑闂鐑儏澶ф柟鍦板洖搴旓紝鍋氬埌鍙婃椂鏈夋晥鐨勬矡閫�
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="2"
+ v-model="questionData.projectThree.two.value" @change="setBookQuestion" />D.瀵规梾瀹娇鐢ㄥ弽闂�佽矗闂�佽交瑙嗙殑璇彞
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="E" id="2"
+ v-model="questionData.projectThree.two.value" @change="setBookQuestion" />E.瀵规梾瀹娇鐢ㄥ偓淇冨懡浠ゅ紡鐨勮鍙�
+ </p>
<p>
3.浣滀负涓�鍚嶆皯鐢ㄨ埅绌轰汉鍛橈紝褰撻潰瀵圭獊鍙戞儏鍐垫椂搴旀矇鐫�鍐烽潤锛屽悓鏃朵篃璇ュ叿澶囧摢浜涘熀鏈礌鍏昏兘鍔涘憿锛燂紙銆�銆�锛夛紙澶氶�夐锛�
</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="A"
- id="2"
- v-model="questionData.projectThree.three.value"
- @change="setBookQuestion"
- />A.蹇冪悊绱犺川</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="B"
- id="3"
- v-model="questionData.projectThree.three.value"
- @change="setBookQuestion"
- />B.鍧氬疄鐨勪笓涓氱煡璇�</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="C"
- id="3"
- v-model="questionData.projectThree.three.value"
- @change="setBookQuestion"
- />C.缁勭粐鑳藉姏</p>
- <p><input
- type="checkbox"
- name="ball1"
- :disabled="questionData.isComplete"
- value="D"
- id="3"
- v-model="questionData.projectThree.three.value"
- @change="setBookQuestion"
- />D.鍥㈤槦绮剧</p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="2"
+ v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.蹇冪悊绱犺川
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="3"
+ v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.鍧氬疄鐨勪笓涓氱煡璇�
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="3"
+ v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.缁勭粐鑳藉姏
+ </p>
+ <p>
+ <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="3"
+ v-model="questionData.projectThree.three.value" @change="setBookQuestion" />D.鍥㈤槦绮剧
+ </p>
<p>4.鏍规嵁鐩墠鎵�瀛︿笓涓氾紝璇峰垎鏋愯嚜宸卞簲璇ュ叿澶囧摢浜涚礌鍏昏兘鍔涖��</p>
- <textarea v-model="questionData.projectTwo.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
- class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.projectTwo.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+ @change="setBookQuestion"></textarea>
</div>
</div>
</div>
@@ -2701,7 +2535,6 @@
collectImg: require("../../assets/images/icon/heart.png"),
collectCheck: require("../../assets/images/icon/heart-check.png"),
videoPathOne: "",
- videoPathTwo: "",
collectResourceList: [],
showQuestionAnswer: false,
showChoiceAnswer: false,
@@ -2709,127 +2542,108 @@
isFocused: null,
chapterData: {
isCollectVideo: false,
- isCollectVideo01: false,
},
questionData: {
isComplete: false,
- askAbout:{
- one:'',
- two:'',
- three:'',
- four:'',
- five:'',
- six:'',
- seven:'',
- eight:'',
- nine:'',
- ten:'',
- eleven:'',
- twelve:'',
- thirteen:'',
- fourteen:'',
- fifteen:'',
- sixteen:'',
- seventeen:'',
- eighteen:'',
- nineteen:'',
- twenty:'',
- twentyOne:'',
- twentyTwo:'',
- twentyThree:'',
- twentyFour:'',
- twentyFive:'',
- twentySix:'',
- twentySeven:'',
- twentyEight:'',
- twentyNine:'',
- thirty:'',
- thirtyOne:'',
- thirtyTwo:'',
- thirtyThree:'',
- thirtyFour:'',
- thirtyFive:'',
- twentySix:'',
- thirtySeven:'',
- thirtyEight:'',
- thirtyNine:'',
- forty:'',
- fortyOne:'',
- fortyTwo:'',
- fortyThree:'',
- fortyFour:'',
- fortyFive:'',
- fortySix:'',
+ askAbout: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight: "",
+ nine: "",
+ ten: "",
+ eleven: "",
+ twelve: "",
+ thirteen: "",
+ fourteen: "",
+ fifteen: "",
+ sixteen: "",
+ seventeen: "",
+ eighteen: "",
+ nineteen: "",
+ twenty: "",
+ twentyOne: "",
+ twentyTwo: "",
+ twentyThree: "",
+ twentyFour: "",
+ twentyFive: "",
+ twentySix: "",
+ twentySeven: "",
+ twentyEight: "",
+ twentyNine: "",
+ thirty: "",
+ thirtyOne: "",
+ thirtyTwo: "",
+ thirtyThree: "",
+ thirtyFour: "",
+ thirtyFive: "",
+ twentySix: "",
+ thirtySeven: "",
+ thirtyEight: "",
+ thirtyNine: "",
+ forty: "",
+ fortyOne: "",
+ fortyTwo: "",
+ fortyThree: "",
+ fortyFour: "",
+ fortyFive: "",
+ fortySix: "",
},
- projectOne:{
- one:{
- value:[]
+ projectOne: {
+ one: {
+ value: [],
},
- two:{
- value:[]
+ two: {
+ value: [],
},
- three:{
- value:[]
+ three: {
+ value: [],
},
- four:{
- value:[]
+ four: {
+ value: [],
},
- five:{
- value:[]
- }
-
+ five: {
+ value: [],
+ },
},
- projectTwo:{
- one:{
- value:[]
+ projectTwo: {
+ one: {
+ value: [],
},
- two:{
- value:[]
+ two: {
+ value: [],
},
- three:{
- value:[]
+ three: {
+ value: [],
},
- four:{
- value:[]
+ four: {
+ value: [],
},
- five:{
- value:""
+ five: {
+ value: "",
},
- six:{
- value:""
- }
-
+ six: {
+ value: "",
+ },
},
- projectThree:{
- one:{
- value:[]
+ projectThree: {
+ one: {
+ value: [],
},
- two:{
- value:[]
+ two: {
+ value: [],
},
- three:{
- value:[]
+ three: {
+ value: [],
},
- four:{
- value:''
- }
+ four: {
+ value: "",
+ },
},
- },
- chapter001: {
- videoMd5: [
- {
- isCollectVideo: false,
- handleMd5: "",
- md5: "7454A10BD25ED828FF31D0702DA63D55",
- name: "浠�涔堟槸蹇冪悊鍋ュ悍",
- },
- {
- isCollectVideo: false,
- handleMd5: "",
- md5: "E4AC28F178D660E96355C17E6F283E66",
- name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
- },
- ],
},
};
},
@@ -2841,7 +2655,7 @@
this.questionData = JSON.parse(bookQuestion);
}
const choiceQuestion = localStorage.getItem(
- "civilAviatyonSevervices-book-chapter01-Data"
+ "aviationEtiquette-book-chapter02-Data"
);
if (choiceQuestion) {
this.chapterData = JSON.parse(choiceQuestion);
@@ -2865,29 +2679,13 @@
methods: {
async getVidoePath() {
this.videoPathOne = await getResourcePath(
- "f230fd8fd7952a4ad4dd05d94df7e797"
+ "4f0afd466e16bde40a447ff467452181"
);
- this.videoPathTwo = await getResourcePath(
- "700cfdb8b85b372045b1e97e3356ae3a"
- );
- for (let index = 0; index < this.chapter001.videoMd5.length; index++) {
- const item = this.chapter001.videoMd5[index];
- if (item.md5 && !item.md5.includes("https:")) {
- item.handleMd5 = await getResourcePath(item.md5);
- }
- }
},
setBookQuestion() {
-
localStorage.setItem(
"aviationEtiquette-book-chapter01-question-one",
JSON.stringify(this.questionData)
- );
- },
- handleChapter001() {
- localStorage.setItem(
- "civilAviatyonSevervices-book-chapter001",
- JSON.stringify(this.chapter001)
);
},
handleFocus(id) {
@@ -2898,38 +2696,25 @@
},
handleCollect(e) {
- if (e.md5) {
+ if (e == "video-01") {
this.handleCollectResource(
- e.md5,
- e.md5,
+ "4f0afd466e16bde40a447ff467452181",
+ "4f0afd466e16bde40a447ff467452181",
"",
"瑙嗛",
"bits",
- "寰灏忚鍫傦細" + e.name
- );
- e.isCollectVideo = !e.isCollectVideo;
- } else if (e == "video-01") {
- this.handleCollectResource(
- "f230fd8fd7952a4ad4dd05d94df7e797",
- "f230fd8fd7952a4ad4dd05d94df7e797",
- "",
- "瑙嗛",
- "bits",
- "瑙嗛锛氬績鐞嗗鐨勬祦娲�"
+ "瑙嗛锛氬窛鑸揣鎬ユ挙绂�"
);
this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
- } else if (e == "video-02") {
- this.handleCollectResource(
- "700cfdb8b85b372045b1e97e3356ae3a",
- "700cfdb8b85b372045b1e97e3356ae3a",
- "",
- "瑙嗛",
- "bits",
- "瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�"
- );
- this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
}
- this.handleChapter001();
+ this.handleChapterData();
+ },
+
+ handleChapterData() {
+ localStorage.setItem(
+ "aviationEtiquette-book-chapter02-Data",
+ JSON.stringify(this.chapterData)
+ );
},
//璧勬簮鏀惰棌浜嬩欢
// resourcePath 鏂囦欢璺緞锛�
@@ -2961,8 +2746,7 @@
this.config.activeBook.bookId,
this.collectResourceList
);
- }
-
+ },
},
};
</script>
diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index a3bcc4c..0c77498 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -380,6 +380,25 @@
<p class="fz-15">
鏌愰珮鏍℃瘡骞翠妇琛屼簲鍥涚ぜ浠椂瑁呯锛屼互鑸┖鑱屼笟绀间华鍜屾妧鑳藉睍绀轰负涓伙紝璁╂瘡涓�鍚嶅鐢熷弬涓庤繘鏉ュ苟鎴愪负涓昏锛屽鏍囧浗闄呰禌浜嬬殑楂樿鏍笺�侀珮姘村噯锛屽叏鏂逛綅灞曠ず瀛︾敓鐨勮亴涓氶閲囧拰鏃跺皻椋庤矊銆備粠鐝骇鏅強璧涘埌鏈�缁圱鍙板憟鐜帮紝閫氳繃褰㈠舰鑹茶壊鐨勭紪鎺掑拰鏈嶈鑷埗锛屽悓瀛︿滑灞曠幇浜嗛珮搴﹁亴涓氬寲鐨勬皯鑸憳宸ョ殑涓撲笟绱犺川銆�
</p>
+ <div class="video-box">
+ <p class="center text td-0">
+ <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+ controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛氱ぜ浠椂瑁呯</span>
+ <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ " placement="top-start">
+ <img :src="collectResourceList.findIndex(
+ (item) => item.id == 'd3ac730a06dcc8381de684ace3263a63'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+ </el-tooltip>
+ </p>
+ </div>
</div>
<div class="bk2">
<div class="zysx">
@@ -931,25 +950,8 @@
nine: "",
},
},
- chapter004: {
- videoMd5: [
- {
- isCollectVideo: false,
- handleMd5: "",
- md5: "7454A10BD25ED828FF31D0702DA63D55",
- name: "浠�涔堟槸蹇冪悊鍋ュ悍",
- },
- {
- isCollectVideo: false,
- handleMd5: "",
- md5: "E4AC28F178D660E96355C17E6F283E66",
- name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
- },
- ],
- },
chapterData: {
isCollectVideo: false,
- isCollectVideo01: false,
},
};
},
@@ -962,18 +964,12 @@
}
const choiceQuestion = localStorage.getItem(
- "civilAviatyonSevervices-book-chapter04-Data"
+ "aviationEtiquette-book-chapter04-Data"
);
if (choiceQuestion) {
this.chapterData = JSON.parse(choiceQuestion);
}
- const videoData = localStorage.getItem(
- "civilAviatyonSevervices-book-chapter004"
- );
- if (videoData) {
- this.chapter004 = JSON.parse(videoData);
- }
this.getVidoePath();
this.collectResourceList = await getCollectResource(
this.config.activeBook.bookId
@@ -982,17 +978,8 @@
methods: {
async getVidoePath() {
this.videoPathOne = await getResourcePath(
- "f230fd8fd7952a4ad4dd05d94df7e797"
+ "d3ac730a06dcc8381de684ace3263a63"
);
- this.videoPathTwo = await getResourcePath(
- "700cfdb8b85b372045b1e97e3356ae3a"
- );
- for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
- const item = this.chapter004.videoMd5[index];
- if (item.md5 && !item.md5.includes("https:")) {
- item.handleMd5 = await getResourcePath(item.md5);
- }
- }
},
setBookQuestion() {
@@ -1004,17 +991,10 @@
handleChapterData() {
localStorage.setItem(
- "civilAviatyonSevervices-book-chapter04-Data",
+ "aviationEtiquette-book-chapter04-Data",
JSON.stringify(this.chapterData)
);
},
- handlechapter004() {
- localStorage.setItem(
- "civilAviatyonSevervices-book-chapter004",
- JSON.stringify(this.chapter004)
- );
- },
-
handleFocus(id) {
this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
},
@@ -1023,38 +1003,17 @@
},
handleCollect(e) {
- if (e.md5) {
+ if (e == "video-01") {
this.handleCollectResource(
- e.md5,
- e.md5,
+ "d3ac730a06dcc8381de684ace3263a63",
+ "d3ac730a06dcc8381de684ace3263a63",
"",
"瑙嗛",
"bits",
- "寰灏忚鍫傦細" + e.name
- );
- e.isCollectVideo = !e.isCollectVideo;
- } else if (e == "video-01") {
- this.handleCollectResource(
- "f230fd8fd7952a4ad4dd05d94df7e797",
- "f230fd8fd7952a4ad4dd05d94df7e797",
- "",
- "瑙嗛",
- "bits",
- "瑙嗛锛氬績鐞嗗鐨勬祦娲�"
+ "瑙嗛锛氱ぜ浠椂瑁呯"
);
this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
- } else if (e == "video-02") {
- this.handleCollectResource(
- "700cfdb8b85b372045b1e97e3356ae3a",
- "700cfdb8b85b372045b1e97e3356ae3a",
- "",
- "瑙嗛",
- "bits",
- "瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�"
- );
- this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
}
- this.handlechapter004();
this.handleChapterData();
},
//璧勬簮鏀惰棌浜嬩欢
diff --git a/src/books/aviationEtiquette/view/components/chpater002.vue b/src/books/aviationEtiquette/view/components/chpater002.vue
index 0bf7123..945ef52 100644
--- a/src/books/aviationEtiquette/view/components/chpater002.vue
+++ b/src/books/aviationEtiquette/view/components/chpater002.vue
@@ -627,6 +627,32 @@
<p>
鐗х缁擄細涓濆肪瀵规姌鍛堝�掍笁瑙掑舰锛屽啀浠庨暱绔彔鍔犲憟3锝�4涓ざ鐨憋紝涓濆肪鏈涓庡钩缁撶郴娉曚竴鑷达紝绯诲湪鑴栭澶勬暣鐞嗐��
</p>
+ <div class="bk-video fl">
+ <p class="bj4-qjms fl al-c"><span class="span-text-video">瑙嗛搴�</span><span class="span-svg"><svg t="1729840629103"
+ class="icon" viewBox="0 0 1365 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="34778"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="40">
+ <path
+ d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
+ fill="#92A1CB" p-id="34779"></path>
+ </svg></span></p>
+ <div class="fl jc-fs fw-w">
+ <div style="width: 200px; height: auto; margin: 0 5px;" v-for="(item, index) in chapter002.videoMd5"
+ :key="index">
+ <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
+ x5-video-player-fullscreen="true" x5-playsinline="" controls controlslist="nodownload"
+ class="video-border w100" :src="item.handleMd5"></video>
+ <div class="fl al-c jc-c">
+ <p class="td-0" style="font-size: 12px;">寰灏忚鍫傦細{{ item.name }}</p>
+ <el-tooltip class="item" effect="dark" :content="item.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+ placement="top-start">
+ <img
+ :src="collectResourceList.findIndex(citem => citem.id == item.md5) > -1 ? collectCheck : collectImg"
+ alt="" class="collect-btn1" @click="handleCollect(item)" />
+ </el-tooltip>
+ </div>
+ </div>
+ </div>
+ </div>
<h6 id="f009">2.棰嗗甫浣╂埓瑙勮寖</h6>
<p>
涓嶇鏄埗鏈嶈繕鏄竴鑸晢鍔¤タ鏈嶏紝棣栧厛瑕佷笌棰嗗甫鎼厤銆傞甯︿篃鏄敺澹湪浠〃鏂归潰鐨勪竴涓爣蹇楋紝閰嶄笂鍚堜綋鐨勮タ鏈嶏紝鍙互浣跨┛鑰呮樉寰楁絿娲掋�佺簿绁炪�佺粎澹�佺ǔ閲嶏紝鍚屾椂涔熶綋鐜板嚭瀵瑰満鍚堢殑閲嶈銆�
@@ -979,6 +1005,25 @@
</p>
<h5 id="e058">锛堜笁锛夎亴涓氬绋嬪簭</h5>
<p>鑱屼笟濡嗙殑鍖栧绋嬪簭涓庢棩甯稿涓�鑷达紝璇锋煡鐪嬭棰戙��</p>
+ <div class="video-box">
+ <p class="center text td-0">
+ <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+ controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛氭棩甯稿姝ラ</span>
+ <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ " placement="top-start">
+ <img :src="collectResourceList.findIndex(
+ (item) => item.id == 'dfa8717a72ef7a1e6349b6ba21455739'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+ </el-tooltip>
+ </p>
+ </div>
<h4 id="d047">鍏�佺敺澹潰閮ㄥ寲濡�</h4>
<p>
閫氳繃閬憰鍜屼慨瀹癸紝灏嗛潰閮ㄨ偆鑹茶皟鏁村緱鏇村姞鍧囧寑锛屼娇姘旇壊绾㈡鼎锛屽睍鐜版渶濂界殑绮剧闈㈣矊銆傞伄鐟曚富瑕佹帺鐩栬劯閮ㄧ憰鐤碉紝浣挎暣涓潰閮ㄥ共鍑�娓呯埥锛涗慨瀹逛富瑕佹槸澧炲姞闈㈤儴绔嬩綋鎰燂紱鐪夌殑淇グ涓昏鏄幓闄ゆ潅鐪夛紝璋冩暣鍜屼慨琛ョ湁褰紙瑙佸浘2-1-17锛夈��
@@ -1043,6 +1088,25 @@
<p class="block">
鍗搁櫎绮夊簳绛夎劯閮ㄧ殑搴曞鏃讹紝鍙敤娌炬湁鍗稿娑茬殑妫夌墖鍒嗗埆鎸夐澶淬�侀蓟瀛愩�佽劯棰娿�佸彛鍛ㄧ殑椤哄簭鏉ュ嵏闄ゃ�傚繀椤讳竴閬嶄竴閬嶅湴鍗搁櫎锛屽苟鎸夐潰閮ㄨ倢鑲夌殑绾圭悊鍙婅蛋鍚戞摝鎷��
</p>
+ <div class="video-box">
+ <p class="center text td-0">
+ <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+ controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛氬嵏濡�</span>
+ <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ " placement="top-start">
+ <img :src="collectResourceList.findIndex(
+ (item) => item.id == '1f4b5a2bee9544f3b357f4cdf7d09e87'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+ </el-tooltip>
+ </p>
+ </div>
</div>
</div>
</div>
@@ -1271,6 +1335,25 @@
<p>
鈶ф鏌ワ細姝ｉ潰鏃犵鍙戯紝绾圭悊鏁撮綈锛岃〃闈㈠厜婊戯紱渚ч潰鍙戝す瀵圭О锛屽彂楂诲簳绔笉浣庝簬涓よ�冲瀭锛涜儗闈㈠彂楂诲渾娑︺�侀ケ婊★紝鐩村緞涓嶅皬浜�8cm銆�
</p>
+ <div class="video-box">
+ <p class="center text td-0">
+ <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+ controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛氭皵璐ㄥ瀷鍙戝瀷</span>
+ <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ " placement="top-start">
+ <img :src="collectResourceList.findIndex(
+ (item) => item.id == '26aaec2c0eb64bed629e13f68b9ce848'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+ </el-tooltip>
+ </p>
+ </div>
<p>
锛�2锛変紭闆呭瀷銆備紭闆呭瀷鍙戝瀷浜︽槸鏂滃垬娴峰彂鍨嬶紝鍗冲墠棰濈暀鏈夊垬娴蜂慨楗帮紝鏍规嵁鑴搁儴闀垮害閫傚綋璋冩暣澶撮《寮у害鍙婂垬娴峰尯鍩燂紝鍒樻捣涓哄渾寮у舰锛屽彂楂讳负鑺暰寮忔垨鍙戦寮忥紝鍓嶅悗宸﹀彸纰庡彂搴斾互鍙戣兌鍜屽彂澶瑰浐瀹氾紝鍙戝す銆佺毊绛嬨�佸彂缃戝潎涓洪粦鑹诧紝澶村彂涓婂彂澶逛笉瓒呰繃鍥涗釜銆傞�傚悎妞渾褰㈣劯銆侀暱鏂瑰舰鑴稿強涓婂涵鍋忛暱鍋忓鐨勮劯鍨嬨��
</p>
@@ -1311,6 +1394,25 @@
<p>
鈶ㄦ鏌ワ細姝ｉ潰鍒樻捣鍖虹汗鐞嗘暣榻愶紝琛ㄩ潰鍏夋粦锛屽垬娴锋渶浣庣偣涓庣湁灏炬湁涓�鎸囪嚦涓ゆ寚瀹借窛绂汇�備晶闈㈡棤纰庡彂锛屽垎缂濈嚎涓嶅闇层�傚彂楂诲渾娑︺�侀ケ婊★紝鐩村緞涓嶅皬浜�8cm銆�
</p>
+ <div class="video-box">
+ <p class="center text td-0">
+ <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+ controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛氫紭闆呭瀷鍙戝瀷</span>
+ <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ " placement="top-start">
+ <img :src="collectResourceList.findIndex(
+ (item) => item.id == 'e5ac247c68c93dbb8fb3eb56ea4bb3aa'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+ </el-tooltip>
+ </p>
+ </div>
<p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
<p class="center">
<img class="img-0" alt="" src="../../assets/images/0077-2.jpg" />
@@ -2183,6 +2285,9 @@
collectImg: require("../../assets/images/icon/heart.png"),
collectCheck: require("../../assets/images/icon/heart-check.png"),
videoPathOne: "",
+ videoPathTwo: "",
+ videoPathThree: "",
+ videoPathFour: "",
collectResourceList: [],
questionData: {
isComplete: false,
@@ -2388,20 +2493,40 @@
{
isCollectVideo: false,
handleMd5: "",
- md5: "7454A10BD25ED828FF31D0702DA63D55",
- name: "浠�涔堟槸蹇冪悊鍋ュ悍",
+ md5: "965022b1a3d52fc4d943b7762c5f8041",
+ name: "骞崇粨",
},
{
isCollectVideo: false,
handleMd5: "",
- md5: "E4AC28F178D660E96355C17E6F283E66",
- name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
+ md5: "d4e22792df09639f5c30b40be57f220c",
+ name: "鐧捐ざ鑺辩粨",
+ },
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "1d674e01378bb9ddf1dff6f905073b80",
+ name: "鐧炬姌鎵囩粨",
+ },
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "005f3af9c76e4d807280f29aa92c0951",
+ name: "鐗х缁�",
+ },
+ {
+ isCollectVideo: false,
+ handleMd5: "",
+ md5: "186c971393948f45d0df637e1fa1a7d7",
+ name: "棰嗗甫绯绘硶",
},
],
},
chapterData: {
isCollectVideo: false,
isCollectVideo01: false,
+ isCollectVideo02: false,
+ isCollectVideo03: false,
},
};
},
@@ -2434,10 +2559,16 @@
methods: {
async getVidoePath() {
this.videoPathOne = await getResourcePath(
- "f230fd8fd7952a4ad4dd05d94df7e797"
+ "dfa8717a72ef7a1e6349b6ba21455739"
);
this.videoPathTwo = await getResourcePath(
- "700cfdb8b85b372045b1e97e3356ae3a"
+ "1f4b5a2bee9544f3b357f4cdf7d09e87"
+ );
+ this.videoPathThree = await getResourcePath(
+ "26aaec2c0eb64bed629e13f68b9ce848"
+ );
+ this.videoPathFour = await getResourcePath(
+ "e5ac247c68c93dbb8fb3eb56ea4bb3aa"
);
for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
const item = this.chapter002.videoMd5[index];
@@ -2455,13 +2586,13 @@
handleChapterData() {
localStorage.setItem(
- "civilAviatyonSevervices-book-chapter02-Data",
+ "aviationEtiquette-book-chapter02-Data",
JSON.stringify(this.chapterData)
);
},
handleChapter002() {
localStorage.setItem(
- "civilAviatyonSevervices-book-chapter002",
+ "aviationEtiquette-book-chapter002",
JSON.stringify(this.chapter002)
);
},
@@ -2485,24 +2616,44 @@
e.isCollectVideo = !e.isCollectVideo;
} else if (e == "video-01") {
this.handleCollectResource(
- "f230fd8fd7952a4ad4dd05d94df7e797",
- "f230fd8fd7952a4ad4dd05d94df7e797",
+ "dfa8717a72ef7a1e6349b6ba21455739",
+ "dfa8717a72ef7a1e6349b6ba21455739",
"",
"瑙嗛",
"bits",
- "瑙嗛锛氬績鐞嗗鐨勬祦娲�"
+ "瑙嗛锛氭棩甯稿姝ラ"
);
this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
} else if (e == "video-02") {
this.handleCollectResource(
- "700cfdb8b85b372045b1e97e3356ae3a",
- "700cfdb8b85b372045b1e97e3356ae3a",
+ "1f4b5a2bee9544f3b357f4cdf7d09e87",
+ "1f4b5a2bee9544f3b357f4cdf7d09e87",
"",
"瑙嗛",
"bits",
- "瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�"
+ "瑙嗛锛氬嵏濡�"
);
this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
+ } else if (e == "video-03") {
+ this.handleCollectResource(
+ "26aaec2c0eb64bed629e13f68b9ce848",
+ "26aaec2c0eb64bed629e13f68b9ce848",
+ "",
+ "瑙嗛",
+ "bits",
+ "瑙嗛锛氭皵璐ㄥ瀷鍙戝瀷"
+ );
+ this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo01;
+ }else if (e == "video-04") {
+ this.handleCollectResource(
+ "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
+ "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
+ "",
+ "瑙嗛",
+ "bits",
+ "瑙嗛锛氫紭闆呭瀷鍙戝瀷"
+ );
+ this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo01;
}
this.handleChapter002();
this.handleChapterData();
diff --git a/src/books/aviationEtiquette/view/components/index.vue b/src/books/aviationEtiquette/view/components/index.vue
index 6678169..fa88e34 100644
--- a/src/books/aviationEtiquette/view/components/index.vue
+++ b/src/books/aviationEtiquette/view/components/index.vue
@@ -1,165 +1,165 @@
<template>
- <div class="page-main" @scroll="throttledScrollHandler">
- <div id="searchDomBox" style="display: none">
- <div id="searchContent"></div>
- </div>
- <div class="page-content" :style="{
- fontSize: fontSize + 'px',
- transform: `scale(${pageZoom})`,
- transformOrigin: 'center top',
- }">
- <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
- <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne>
- <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
- <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
- <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
- <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"> </chapterFive>
- </div>
+ <div class="page-main" @scroll="throttledScrollHandler">
+ <div id="searchDomBox" style="display: none">
+ <div id="searchContent"></div>
</div>
- </template>
-
- <script>
- import pageHeader from "./header.vue";
- import chapterOne from "./chapter001.vue";
- import chapterTwo from "./chpater002.vue";
- import chapterThree from "./chapter003.vue";
- import chapterFour from "./chapter004.vue";
- import chapterFive from "./chapter005.vue";
- import NoteIcon from "@/assets/images/biji.png";
- import _ from "lodash";
- import Swiper from "swiper/bundle";
- import "swiper/swiper-bundle.css";
- import Viewer from "viewerjs";
- import "viewerjs/dist/viewer.css";
- export default {
- name: "pageContent",
- data() {
- return {
- catalogLength: 6, // 鎬荤珷鑺傛暟
- showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
- loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
- throttleThreshold: 100, // 鑺傛祦闃堝��
- previousScrollTop: 0,
- throttledScrollHandler: null,
- observer: null,
- loadPageObserver: null,
- loadPageList: [],
- questionDataMap: {},
- renderSignMap: {},
- highlightData: null,
- audioPath: "",
- currentTime: null,
- videoList: [],
- };
+ <div class="page-content" :style="{
+ fontSize: fontSize + 'px',
+ transform: `scale(${pageZoom})`,
+ transformOrigin: 'center top',
+ }">
+ <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
+ <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne>
+ <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
+ <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
+ <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
+ <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"> </chapterFive>
+ </div>
+ </div>
+</template>
+
+<script>
+import pageHeader from "./header.vue";
+import chapterOne from "./chapter001.vue";
+import chapterTwo from "./chpater002.vue";
+import chapterThree from "./chapter003.vue";
+import chapterFour from "./chapter004.vue";
+import chapterFive from "./chapter005.vue";
+import NoteIcon from "@/assets/images/biji.png";
+import _ from "lodash";
+import Swiper from "swiper/bundle";
+import "swiper/swiper-bundle.css";
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
+export default {
+ name: "pageContent",
+ data() {
+ return {
+ catalogLength: 6, // 鎬荤珷鑺傛暟
+ showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+ loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+ throttleThreshold: 100, // 鑺傛祦闃堝��
+ previousScrollTop: 0,
+ throttledScrollHandler: null,
+ observer: null,
+ loadPageObserver: null,
+ loadPageList: [],
+ questionDataMap: {},
+ renderSignMap: {},
+ highlightData: null,
+ audioPath: "",
+ currentTime: null,
+ videoList: [],
+ };
+ },
+ computed: {
+ fontSize() {
+ this.transformDom(this.$store.state.qiankun.fontSize)
+ return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 17;
},
- computed: {
- fontSize() {
- this.transformDom(this.$store.state.qiankun.fontSize)
- return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 17;
- },
- pageZoom() {
- return this.$store.state.qiankun.scale ? this.$store.state.qiankun.scale / 100 : 1;
+ pageZoom() {
+ return this.$store.state.qiankun.scale ? this.$store.state.qiankun.scale / 100 : 1;
+ },
+ },
+ watch: {
+ showCatalogList: {
+ handler(newVal, oldVal) {
+ if (
+ this.$store.state.qiankun &&
+ this.$store.state.qiankun.catalogChange
+ ) {
+ // 璋冪敤鐖跺眰鏂规硶
+ this.$store.state.qiankun.catalogChange({
+ showCatalogList: newVal,
+ });
+ }
+ // 鍚姩椤电爜瑙傚療
+ setTimeout(() => {
+ this.initObservation();
+ this.initThemeColor();
+ }, 500);
},
},
- watch: {
- showCatalogList: {
- handler(newVal, oldVal) {
- if (
- this.$store.state.qiankun &&
- this.$store.state.qiankun.catalogChange
- ) {
- // 璋冪敤鐖跺眰鏂规硶
- this.$store.state.qiankun.catalogChange({
- showCatalogList: newVal,
- });
- }
- // 鍚姩椤电爜瑙傚療
- setTimeout(() => {
- this.initObservation();
- this.initThemeColor();
- }, 500);
- },
- },
- loadPageList: {
- handler(newVal, oldVal) {
- setTimeout(() => {
- this.transformDom(this.$store.state.qiankun.fontSize)
- this.initSwiper();
- this.initViewer();
- this.closeAudio();
- this.closeVideo();
- }, 200);
- },
- },
- pageZoom: {
- handler(newVal, oldVal) {
- const scrollBox = (
- this.container ? this.container : document
- ).querySelector(".page-main");
- scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
- },
+ loadPageList: {
+ handler(newVal, oldVal) {
+ setTimeout(() => {
+ this.transformDom(this.$store.state.qiankun.fontSize)
+ this.initSwiper();
+ this.initViewer();
+ this.closeAudio();
+ this.closeVideo();
+ }, 200);
},
},
- 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锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ 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);
+ },
});
-
- 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(6, 166);
+ }
+
+ // 鍒涘缓涓�涓柊鐨� Intersection Observer 瀹炰緥锛岀敤浜庤瀵熺洰鏍囧厓绱犲拰鎵ц鐩稿簲鐨勫洖璋冨嚱鏁般��
+ // new IntersectionObserver(callback, options)锛氫娇鐢ㄤ箣鍓嶅畾涔夌殑 callback 鍥炶皟鍑芥暟鍜� options 閰嶇疆閫夐」鏉ュ垵濮嬪寲 Intersection Observer 瀹炰緥銆�
+ this.observer = new IntersectionObserver(this.pageChangeCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
+ root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+ rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+ threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ });
+
+ // 鍚姩椤电爜瑙傚療
+ setTimeout(() => {
+ this.initObservation();
+ this.initThemeColor();
+ }, 500);
+
+ // 娴嬭瘯椤甸潰璺宠浆
+ // setTimeout(() => {
+ // this.gotoPage(2, 6);
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
@@ -173,607 +173,415 @@
// 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;
+ // }, 500);
+
+ // const pageDom = (this.container ? this.container : document)
+ // .querySelector("#app")
+ // .querySelectorAll(".page-box");
+ // 妫�绱�
+ // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+ // 妫�绱㈣烦杞�
+ // this.searchItemLocation({
+ // catalog: 2,
+ // page: 10,
+ // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+ // txtIndex: 57
+ // });
+ // }, 500);
+ },
+ methods: {
+ // setZoom1() {
+ // let scale = this.$store.state.qiankun.scale + 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // setZoom2() {
+ // let scale = this.$store.state.qiankun.scale - 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // 婊氬姩鐩戝惉
+ scrollFun(event) {
+ this.handleVideoPicture()
+ // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
+ if (event.target.scrollTop > this.previousScrollTop) {
+ this.getAduio();
+ // 鍚戜笅
+ const currentScrollTop =
+ event.target.scrollTop + event.target.offsetHeight;
+ if (
+ currentScrollTop >=
+ event.target.scrollHeight - this.loadThreshold
+ ) {
+ console.log(1);
+ // 鍒拌揪闃堝��
if (
- currentScrollTop >=
- event.target.scrollHeight - this.loadThreshold
+ this.showCatalogList[this.showCatalogList.length - 1] <
+ this.catalogLength
) {
- console.log(1);
- // 鍒拌揪闃堝��
- if (
- this.showCatalogList[this.showCatalogList.length - 1] <
- this.catalogLength
- ) {
- // 鍔犺浇涓嬩竴绔�
- this.showCatalogList.push(
- this.showCatalogList[this.showCatalogList.length - 1] + 1
- );
- if (this.showCatalogList.length > 3) {
- // 瓒呰繃涓夌珷闅愯棌椤堕儴涓�绔�
- this.showCatalogList.shift();
- }
- }
- }
- } else if (event.target.scrollTop < this.previousScrollTop) {
- this.handleAudio();
- // 鍚戜笂
- const currentScrollTop = event.target.scrollTop;
- if (currentScrollTop <= this.loadThreshold) {
- // 鍒拌揪闃堝��
- if (this.showCatalogList[0] > 0) {
- // 鍔犺浇涓婁竴绔�
- this.showCatalogList.unshift(this.showCatalogList[0] - 1);
- if (this.showCatalogList.length > 3) {
- // 瓒呰繃涓夌珷闅愯棌搴曢儴涓�绔�
- this.showCatalogList.pop();
- }
+ // 鍔犺浇涓嬩竴绔�
+ this.showCatalogList.push(
+ this.showCatalogList[this.showCatalogList.length - 1] + 1
+ );
+ if (this.showCatalogList.length > 3) {
+ // 瓒呰繃涓夌珷闅愯棌椤堕儴涓�绔�
+ this.showCatalogList.shift();
}
}
}
- // 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("椤电爜閿欒锛�");
+ } 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();
}
- }, 500);
+ }
+ }
+ }
+ // 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 {
- console.log("绔犺妭閿欒锛�");
+ this.showCatalogList = [catalog - 1, catalog, catalog + 1];
}
- },
-
- // 澶勭悊鏍囪鏁版嵁
- 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) {
+ setTimeout(() => {
+ // 璺宠浆椤电爜
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();
+ ).querySelector(`[page="${page}"]`);
+ if (pageDom) {
+ pageDom.scrollIntoView();
+ } else {
+ console.log("椤电爜閿欒锛�");
}
- 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;
- }
+ }, 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 = (
+ }
+ },
+ // 鍒犻櫎鏍囪娓叉煋
+ 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
- ).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
- );
+ ).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;
}
}
- },
- initObservation() {
- const sections = (
- this.container ? this.container : document
- ).querySelectorAll(".page-box");
- sections.forEach((section) => {
- if (this.config.activeBook && this.config.activeBook.tryPageCount) {
- const page = section.getAttribute("page");
- if (Number(page) > this.config.activeBook.tryPageCount) {
- let chapterDom = this.getParentWithClass(section, "chapter");
- const chapterNum = chapterDom.getAttribute("num");
- this.catalogLength = Number(chapterNum) - 1;
- section.remove();
- return false;
- }
- }
- // observer 瑙傚療姣忎釜鍏冪礌锛屼互渚垮湪瀹冧滑杩涘叆鎴栫寮�瑙嗙獥鏃惰Е鍙戝洖璋冨嚱鏁般��
- const isObserver = section.getAttribute("observer");
- const isLoadObserver = section.getAttribute("loadObserver");
- if (!isObserver) {
- this.observer.observe(section);
- section.setAttribute("observer", "1");
- }
- if (!isLoadObserver) {
- this.loadPageObserver.observe(section);
- section.setAttribute("loadObserver", "1");
- }
- });
- },
- initThemeColor() {
- // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐�
- const colorDom = (
- this.container ? this.container : document
- ).querySelectorAll(".theme-color");
- const backgroundColorDom = (
- this.container ? this.container : document
- ).querySelectorAll(".theme-back");
- const borderColorDom = (
- this.container ? this.container : document
- ).querySelectorAll(".theme-border");
- // 鑾峰彇閰嶇疆鐨勪富棰樿壊
- const bookThemeColor =
- this.config.activeBook && this.config.activeBook.bookThemeColor
- ? this.config.activeBook.bookThemeColor
- : null;
- const chapterThemeColor =
- this.config.activeBook && this.config.activeBook.chapterThemeColor
- ? this.config.activeBook.chapterThemeColor
- : null;
- const pageThemeColor =
- this.config.activeBook && this.config.activeBook.pageThemeColor
- ? this.config.activeBook.pageThemeColor
- : null;
- colorDom.forEach((domItem) => {
- // 鑾峰彇绔犺妭銆侀〉鐮�
- let pageDom = this.getParentWithClass(domItem, "page-box");
- let chapterDom = this.getParentWithClass(domItem, "chapter");
- let page, chapterNum;
- if (pageDom) page = pageDom.getAttribute("page");
- if (chapterDom) chapterNum = chapterDom.getAttribute("num");
- // 鍚戜笂鍖归厤涓婚鑹�
- const themeColor =
- page && pageThemeColor && pageThemeColor[page]
- ? pageThemeColor[page]
- : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
- ? chapterThemeColor[chapterNum]
- : bookThemeColor;
- if (themeColor) {
- domItem.style.color = themeColor;
- }
- });
- backgroundColorDom.forEach((domItem) => {
- // 鑾峰彇绔犺妭銆侀〉鐮�
- let pageDom = this.getParentWithClass(domItem, "page-box");
- let chapterDom = this.getParentWithClass(domItem, "chapter");
- let page, chapterNum;
- if (pageDom) page = pageDom.getAttribute("page");
- if (chapterDom) chapterNum = chapterDom.getAttribute("num");
- // 鍚戜笂鍖归厤涓婚鑹�
- const themeColor =
- page && pageThemeColor && pageThemeColor[page]
- ? pageThemeColor[page]
- : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
- ? chapterThemeColor[chapterNum]
- : bookThemeColor;
- if (themeColor) {
- domItem.style.backgroundColor = themeColor;
- }
- });
- borderColorDom.forEach((domItem) => {
- // 鑾峰彇绔犺妭銆侀〉鐮�
- let pageDom = this.getParentWithClass(domItem, "page-box");
- let chapterDom = this.getParentWithClass(domItem, "chapter");
- let page, chapterNum;
- if (pageDom) page = pageDom.getAttribute("page");
- if (chapterDom) chapterNum = chapterDom.getAttribute("num");
- // 鍚戜笂鍖归厤涓婚鑹�
- const themeColor =
- page && pageThemeColor && pageThemeColor[page]
- ? pageThemeColor[page]
- : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
- ? chapterThemeColor[chapterNum]
- : bookThemeColor;
- if (themeColor) {
- domItem.style.borderColor = themeColor;
- }
- });
- },
- getParentWithClass(element, className) {
- while (element.parentElement) {
- element = element.parentElement;
- if (element.classList.contains(className)) {
- return element;
- }
+ // observer 瑙傚療姣忎釜鍏冪礌锛屼互渚垮湪瀹冧滑杩涘叆鎴栫寮�瑙嗙獥鏃惰Е鍙戝洖璋冨嚱鏁般��
+ const isObserver = section.getAttribute("observer");
+ const isLoadObserver = section.getAttribute("loadObserver");
+ if (!isObserver) {
+ this.observer.observe(section);
+ section.setAttribute("observer", "1");
}
- },
- pageChangeCallback(entries, observer) {
- //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
- entries.forEach((entry) => {
- //entry.isIntersecting锛氭鏌ュ綋鍓嶇洰鏍囧厓绱犳槸鍚︿笌鏍瑰厓绱犵浉浜ゃ��
- if (entry.isIntersecting) {
- const target = entry.target;
- //entry.target锛氳幏鍙栧綋鍓嶇洰鏍囧厓绱�
- const page = target.getAttribute("page");
+ if (!isLoadObserver) {
+ this.loadPageObserver.observe(section);
+ section.setAttribute("loadObserver", "1");
+ }
+ });
+ },
+ initThemeColor() {
+ // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐�
+ const colorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-color");
+ const backgroundColorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-back");
+ const borderColorDom = (
+ this.container ? this.container : document
+ ).querySelectorAll(".theme-border");
+ // 鑾峰彇閰嶇疆鐨勪富棰樿壊
+ const bookThemeColor =
+ this.config.activeBook && this.config.activeBook.bookThemeColor
+ ? this.config.activeBook.bookThemeColor
+ : null;
+ const chapterThemeColor =
+ this.config.activeBook && this.config.activeBook.chapterThemeColor
+ ? this.config.activeBook.chapterThemeColor
+ : null;
+ const pageThemeColor =
+ this.config.activeBook && this.config.activeBook.pageThemeColor
+ ? this.config.activeBook.pageThemeColor
+ : null;
+ colorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.color = themeColor;
+ }
+ });
+ backgroundColorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.backgroundColor = themeColor;
+ }
+ });
+ borderColorDom.forEach((domItem) => {
+ // 鑾峰彇绔犺妭銆侀〉鐮�
+ let pageDom = this.getParentWithClass(domItem, "page-box");
+ let chapterDom = this.getParentWithClass(domItem, "chapter");
+ let page, chapterNum;
+ if (pageDom) page = pageDom.getAttribute("page");
+ if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+ // 鍚戜笂鍖归厤涓婚鑹�
+ const themeColor =
+ page && pageThemeColor && pageThemeColor[page]
+ ? pageThemeColor[page]
+ : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
+ if (themeColor) {
+ domItem.style.borderColor = themeColor;
+ }
+ });
+ },
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
+ },
+ pageChangeCallback(entries, observer) {
+ //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
+ entries.forEach((entry) => {
+ //entry.isIntersecting锛氭鏌ュ綋鍓嶇洰鏍囧厓绱犳槸鍚︿笌鏍瑰厓绱犵浉浜ゃ��
+ if (entry.isIntersecting) {
+ const target = entry.target;
+ //entry.target锛氳幏鍙栧綋鍓嶇洰鏍囧厓绱�
+ const page = target.getAttribute("page");
+ const catalogDom = this.tool.getParentNodeByClassName(
+ target,
+ "chapter"
+ );
+ const catalog = catalogDom.getAttribute("num");
+ let text = null;
+ if (target.querySelector("p")) {
+ text = target.querySelector("p").textContent.substring(0, 50);
+ }
+ // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
+ if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
+ this.$store.state.qiankun.pageChange({
+ page: page,
+ catalog: catalog,
+ text,
+ });
+ // const sections = Array.from(document.querySelectorAll(".section"));
+ //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
+ // let index = sections.findIndex((section) => section === target) + 1;
+ //index锛氭煡鎵惧綋鍓嶇洰鏍囧厓绱犲湪 sections 鏁扮粍涓殑绱㈠紩锛屽苟鍔� 1锛岀敤浜庣‘瀹氬綋鍓嶉〉鐮併��
+ }
+ });
+ },
+ loadPageCallback(entries, observer) {
+ entries.forEach(async (entry) => {
+ if (entry.isIntersecting) {
+ const target = entry.target;
+ const page = target.getAttribute("page");
+ if (this.loadPageList.indexOf(Number(page)) == -1) {
const catalogDom = this.tool.getParentNodeByClassName(
target,
"chapter"
);
+ // 娣诲姞椤电爜
+ this.loadPageList.push(Number(page));
const catalog = catalogDom.getAttribute("num");
- 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 // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑�
+ // 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);
+ // }
+ // }
// }
- });
- }
- const pptDoms = (
- this.container ? this.container : document
- ).querySelectorAll(".swiper_ppt");
- for (let i = 0; i < pptDoms.length; i++) {
- const dom = pptDoms[i];
- new Swiper(dom, {
- loop: false, // 鏃犵紳
- autoplay: false,
- paginationClickable: true,
- slidesPerView: 1, // 涓�缁勪笁涓�
- spaceBetween: 30, // 闂撮殧
- // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
- navigation: {
- nextEl: dom.querySelector(".swiper-button-next"),
- prevEl: dom.querySelector(".swiper-button-prev"),
- },
- // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
- observer: true,
- observeParents: true,
- on: {
- init: (value) => {
- let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
- let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
- var paginationInfoEl = dom.querySelector(".pageBox");
- if (paginationInfoEl)
- paginationInfoEl.textContent = currentPage + "/" + totalPages;
- },
- slideChange: (value) => {
- let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
- let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
- var paginationInfoEl = dom.querySelector(".pageBox");
- if (paginationInfoEl)
- paginationInfoEl.textContent = currentPage + "/" + totalPages;
- },
- },
- });
- }
- },
- initViewer() {
- const doms = (
- this.container ? this.container : document
- ).querySelectorAll(".openImgBox");
- for (let i = 0; i < doms.length; i++) {
- const dom = doms[i];
- new Viewer(dom, {
- container: this.container
- ? this.container.querySelector("#app")
- : "body",
- navbar: true, // 鏄剧ず瀵艰埅鏍�
- toolbar: true, // 鏄剧ず宸ュ叿鏍�
- title: true, // 鏄剧ず鏍囬
- });
- }
- },
- // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
- searchTextByPage(keyword) {
- const searchResult = [];
- let catalogIndex = 0;
- // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
- const pageData = {
- pageHeader,
- chapterOne,
- chapterTwo,
- chapterThree,
- chapterFour,
- chapterFive
- };
- // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
- for (const key in pageData) {
- catalogIndex++;
- let pageComponent, pageExample;
- // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
- pageComponent = Vue.extend(pageData[key]);
- pageExample = new pageComponent({
- propsData: {
- showPageList: [],
- questionData: {},
- isSearch: true,
- },
- });
- pageExample.$mount(
- (this.container ? this.container : document).querySelector(
- "#searchContent"
- )
- );
- // 鑾峰彇椤电爜
- const pageDom = (this.container ? this.container : document)
- .querySelector("#searchDomBox")
- .querySelectorAll(".page-box");
- const pages = [];
- for (let i = 0; i < pageDom.length; i++) {
- const pageDomItem = pageDom[i];
- pages.push(Number(pageDomItem.getAttribute("page")));
- }
- // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
- pageExample.$destroy();
- (this.container ? this.container : document).querySelector(
- "#searchDomBox"
- ).innerHTML = '<div id="searchContent"></div>';
- // 閬嶅巻椤电爜
- if (pages.length) {
- for (let i = 0; i < pages.length; i++) {
- const pageNum = pages[i];
- // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
- pageComponent = Vue.extend(pageData[key]);
- pageExample = new pageComponent({
- propsData: {
- showPageList: [pageNum],
- questionData: {},
- isSearch: true,
- },
- });
- pageExample.$mount(
- (this.container ? this.container : document).querySelector(
- "#searchContent"
- )
- );
- // 鑾峰彇瀵瑰簲椤甸潰dom
- const thisPageDom = (this.container ? this.container : document)
- .querySelector("#searchDomBox")
- .querySelector(`[page="${pageNum}"]`);
- if (thisPageDom) {
+ // 娓叉煋杩欎竴椤电殑鏍囪
+ 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(
- thisPageDom,
+ target,
NodeFilter.SHOW_TEXT
);
// 鍖归厤鍏抽敭瀛�
@@ -785,178 +593,369 @@
}
for (let i = 0; i < allPageTextNodes.length; i++) {
const textDom = allPageTextNodes[i];
- let txtIndex = textDom.textContent.indexOf(keyword);
+ let txtIndex = textDom.textContent.indexOf(
+ this.highlightData.txt
+ );
if (txtIndex > -1) {
- // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
- searchResult.push({
- page: pageNum,
- catalog: catalogIndex,
- txt: textDom.textContent,
- txtIndex: txtIndex,
- });
+ textDom.parentNode.style.transition =
+ "background-color 0.8s";
+ textDom.parentNode.scrollIntoView();
+ textDom.parentNode.style.backgroundColor = "#79bbf0";
+ setTimeout(() => {
+ textDom.parentNode.style.backgroundColor = "";
+ }, 1000);
}
}
- // 缁撴潫锛屽嵏杞介攢姣�
- pageExample.$destroy();
- (this.container ? this.container : document).querySelector(
- "#searchDomBox"
- ).innerHTML = '<div id="searchContent"></div>';
- }
+ }, 100);
+ }
+ if (this.loadPageList.length > 5) {
+ // 瓒呰繃5椤�
+ this.loadPageList.shift();
}
}
}
- // 杈撳嚭鎼滅储缁撴灉
- 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;
+ });
+ },
+ initSwiper() {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper-img");
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ new Swiper(dom, {
+ loop: false, // 鏃犵紳
+ autoplay: {
+ //鑷姩寮�濮�
+ delay: 3000, //鏃堕棿闂撮殧
+ disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+ },
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
+ },
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ // observer: true,
+ // observeParents: true
+ // // 濡傛灉闇�瑕佸垎椤靛櫒
+ // pagination: {
+ // el: (this.container ? this.container : document).querySelector(
+ // ".swiper-pagination"
+ // ),
+ // clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑�
+ // }
+ });
+ }
+ const pptDoms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".swiper_ppt");
+ for (let i = 0; i < pptDoms.length; i++) {
+ const dom = pptDoms[i];
+ new Swiper(dom, {
+ loop: false, // 鏃犵紳
+ autoplay: false,
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
+ },
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ observer: true,
+ observeParents: true,
+ on: {
+ init: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ slideChange: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ },
+ });
+ }
+ },
+ initViewer() {
+ const doms = (
+ this.container ? this.container : document
+ ).querySelectorAll(".openImgBox");
+ for (let i = 0; i < doms.length; i++) {
+ const dom = doms[i];
+ new Viewer(dom, {
+ container: this.container
+ ? this.container.querySelector("#app")
+ : "body",
+ navbar: true, // 鏄剧ず瀵艰埅鏍�
+ toolbar: true, // 鏄剧ず宸ュ叿鏍�
+ title: true, // 鏄剧ず鏍囬
+ });
+ }
+ },
+ // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+ searchTextByPage(keyword) {
+ const searchResult = [];
+ let catalogIndex = 0;
+ // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+ const pageData = {
+ pageHeader,
+ chapterOne,
+ chapterTwo,
+ chapterThree,
+ chapterFour,
+ chapterFive
+ };
+ // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+ for (const key in pageData) {
+ catalogIndex++;
+ let pageComponent, pageExample;
+ // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [],
+ questionData: {},
+ isSearch: true,
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇椤电爜
+ const pageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelectorAll(".page-box");
+ const pages = [];
+ for (let i = 0; i < pageDom.length; i++) {
+ const pageDomItem = pageDom[i];
+ pages.push(Number(pageDomItem.getAttribute("page")));
+ }
+ // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ // 閬嶅巻椤电爜
+ if (pages.length) {
+ for (let i = 0; i < pages.length; i++) {
+ const pageNum = pages[i];
+ // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [pageNum],
+ questionData: {},
+ isSearch: true,
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇瀵瑰簲椤甸潰dom
+ const thisPageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelector(`[page="${pageNum}"]`);
+ if (thisPageDom) {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(
+ thisPageDom,
+ NodeFilter.SHOW_TEXT
+ );
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(keyword);
+ if (txtIndex > -1) {
+ // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+ searchResult.push({
+ page: pageNum,
+ catalog: catalogIndex,
+ txt: textDom.textContent,
+ txtIndex: txtIndex,
+ });
+ }
+ }
+ // 缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
}
}
}
- },
- // 椤甸潰鍚戜笂婊氬姩锛岄煶棰戝皬绐楀洖鏀�
- 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
+ }
+ // 杈撳嚭鎼滅储缁撴灉
+ 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 (playVudio) {
- const bottomGap = playVudio.getBoundingClientRect().bottom;
- const topGap = playVudio.getBoundingClientRect().top;
- if (bottomGap < 0 || topGap > window.innerHeight) {
- if(playVudio.readyState) playVudio.requestPictureInPicture();
+ if (playAudio) {
+ const bottomGap = playAudio.getBoundingClientRect().bottom;
+ if (bottomGap < 0) {
+ playAudio.pause();
+ this.audioPath = playAudio.src;
+ this.currentTime = playAudio.currentTime;
}
- }
- },
- //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
- transformDom(fs) {
- if(!fs) return
- let doms = (
- this.container ? this.container : document
- ).querySelectorAll('.block')
- if(!doms.length) return
- for (let index = 0; index < doms.length; index++) {
- const dom = doms[index];
- dom.style.fontSize = fs + 'px'
}
}
},
- components: {
- pageHeader,
- chapterOne,
- chapterTwo,
- chapterThree,
- chapterFour,
- chapterFive
+ // 椤甸潰鍚戜笂婊氬姩锛岄煶棰戝皬绐楀洖鏀�
+ 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();
+ }
+ }
+ }
+ }
},
- };
- </script>
-
- <style lang="less" scoped>
- .page-main {
- width: 100% !important;
- height: 100% !important;
- overflow: auto;
-
- .page-content {
- max-width: 816px;
- min-width: 375px;
- margin: 0 auto;
- padding-bottom: 100px;
+ // 鍏抽棴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();
+ }
+ }
+ },
+ //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
+ transformDom(fs) {
+ if (!fs) return
+ let doms = (
+ this.container ? this.container : document
+ ).querySelectorAll('.block')
+ if (!doms.length) return
+ for (let index = 0; index < doms.length; index++) {
+ const dom = doms[index];
+ dom.style.fontSize = fs + 'px'
+ }
}
+ },
+ components: {
+ pageHeader,
+ chapterOne,
+ chapterTwo,
+ chapterThree,
+ chapterFour,
+ chapterFive
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.page-main {
+ width: 100% !important;
+ height: 100% !important;
+ overflow: auto;
+
+ .page-content {
+ max-width: 816px;
+ min-width: 375px;
+ margin: 0 auto;
+ padding-bottom: 100px;
}
- </style>
-
\ No newline at end of file
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.1