From 0fcbda11823ac21e26f6ec660d497749e6afd17f Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期二, 31 十二月 2024 18:03:41 +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 | 1290 ++++++++-----------
src/books/aviationEtiquette/assets/main.less | 39
src/books/aviationEtiquette/view/components/chapter005.vue | 450 +++---
src/books/aviationEtiquette/view/components/index.vue | 1771 ++++++++++++++--------------
src/books/aviationEtiquette/view/components/chapter004.vue | 22
7 files changed, 1,867 insertions(+), 1,886 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 ed5023b..822dbcf 100644
--- a/src/books/aviationEtiquette/assets/main.less
+++ b/src/books/aviationEtiquette/assets/main.less
@@ -704,9 +704,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%;
}
@@ -1582,6 +1587,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 58d09ef..e7b1a88 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,42 +581,22 @@
</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"
@@ -656,116 +628,56 @@
<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 +688,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 +731,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 +798,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 +814,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 +905,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 +919,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 +950,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 +969,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 +1016,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 +1032,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 +1049,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 +1068,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 +1125,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 +1153,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 +1169,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 +1216,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 +1251,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 +1264,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 +1329,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 +1349,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 +1370,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 +1514,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 +1530,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 +1554,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 +1595,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 +1627,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 +1716,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 +1763,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 +1799,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 +1812,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 +1831,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 +1886,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 +1920,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 +1941,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 +1982,9 @@
<p class="block">
褰撹埅绌哄叕鍙告寜鐓у父瑙勭粰鍑轰笉浜堣禂鍋挎剰瑙佸悗锛屽皬鍚翠竴杈瑰濠夊湴鍚戜箻瀹㈣浆杈撅紝涓�杈逛笉鎳堝湴鍚戣埅绌哄叕鍙镐簤鍙栥�傜粓浜庯紝灏忓惔鎬ユ梾瀹箣鎵�鎬ャ�佹兂鏃呭涔嬫墍鎯崇殑鏈嶅姟鎰熷姩浜嗚埅绌哄叕鍙革紝鑸┖鍏徃鏈�缁堝喅瀹氱粰浜堣ˉ鍋裤��
</p>
- <p class="block">褰撳皬鍚村皢姝ゆ秷鎭憡璇夋梾瀹㈠悗锛岃耽寰椾簡鏃呭鐨勮禐璁稿拰鎰熻阿銆�</p>
+ <p class="block">
+ 褰撳皬鍚村皢姝ゆ秷鎭憡璇夋梾瀹㈠悗锛岃耽寰椾簡鏃呭鐨勮禐璁稿拰鎰熻阿銆�
+ </p>
<div class="bk2">
<div class="zysx">
<p>
@@ -2133,8 +1996,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 +2021,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 +2046,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 +2116,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 +2136,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 +2222,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 +2290,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 +2321,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 +2373,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 +2408,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 +2436,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,108 +2457,53 @@
<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>
@@ -2701,7 +2570,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 +2577,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 +2690,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,28 +2714,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",
JSON.stringify(this.questionData)
- );
- },
- handleChapter001() {
- localStorage.setItem(
- "civilAviatyonSevervices-book-chapter001",
- JSON.stringify(this.chapter001)
);
},
handleFocus(id) {
@@ -2897,38 +2731,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 鏂囦欢璺緞锛�
@@ -2960,8 +2781,7 @@
this.config.activeBook.bookId,
this.collectResourceList
);
- }
-
+ },
},
};
</script>
diff --git a/src/books/aviationEtiquette/view/components/chapter004.vue b/src/books/aviationEtiquette/view/components/chapter004.vue
index 8aa457d..70def05 100644
--- a/src/books/aviationEtiquette/view/components/chapter004.vue
+++ b/src/books/aviationEtiquette/view/components/chapter004.vue
@@ -2272,12 +2272,10 @@
琛ㄨ揪鎶�宸э細涓嶆伆褰撳湴杩愮敤娌熼�氭妧宸э紝浼氬奖鍝嶆湁鏁堟矡閫氾紝濡傛敼鍙樿瘽棰橈紝缁欐梾瀹竴绉嶄笉鎰夸笌涔嬫矡閫氱殑鎰熻锛涗富瑙傚垽鏂垨鍖嗗繖涓嬬粨璁哄父甯镐細浣挎矡閫氫腑鏂紱铏氬亣銆佷笉鎭板綋鐨勫畨鎱帮紝閽堝鎬т笉寮虹殑瑙ｉ噴浼氱粰鏃呭涓�绉嶆暦琛嶄簡浜嬨�佷笉璐熻矗鐨勬劅瑙夈��
</p>
<p class="block">涓汉鍥犵礌锛氫釜浜鸿〃杈捐兘鍔涗笉瓒虫椂浼氫骇鐢熸矡閫氶殰纰嶃��</p>
- <p class="block">
- 鐜鍥犵礌锛氬鑸辩殑鍏夌嚎銆佹俯搴︺�佸櫔澹般�佹暣娲佸害绛夐兘浼氬奖鍝嶆矡閫氱殑鏁堟灉銆�
- </p>
- <p><span class="bj2">路绀间箣瀹炶返路</span></p>
+ <p class="block">鐜鍥犵礌锛氬鑸辩殑鍏夌嚎銆佹俯搴︺�佸櫔澹般�佹暣娲佸害绛夐兘浼氬奖鍝嶆矡閫氱殑鏁堟灉銆�</p>
+ <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
<p><b>鎯呭婕旂粌锛�</b></p>
- <p>
+ <p class="block">
璇峰悓瀛︿滑浜掔浉鎵紨鏃呭鍜屼箻鍔″憳鐨勮鑹诧紝鏃呭鍚戜箻鍔″憳鎻愰棶锛屼箻鍔″憳浣滃嚭搴旂瓟銆�
</p>
<h4 id="d106">鍥涖�佸鑸卞畨鍏ㄦ鏌ョ殑绀间华瑙勮寖</h4>
@@ -2316,9 +2314,9 @@
<li class="header-right-end" style=""><br /></li>
</ul>
<div class="bodystyle">
- <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
- <p>涓轰粈涔堣杩涜瀹夊叏妫�鏌ワ紵</p>
- <p>
+ <p class="mb-10 mt-10 td-0"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+ <p class="block">涓轰粈涔堣杩涜瀹夊叏妫�鏌ワ紵</p>
+ <p class="block">
璧烽涓嬮檷鏈熼棿鏄鏈轰簨鏁呯巼鏈�楂樼殑闃舵銆備负闄嶄綆鏃犲噯澶囪揩闄嶇殑浼や骸鐜囷紝姘戣埅椋炴満鍦ㄨ繍琛岃繃绋嬩腑瑕佹眰鍦ㄨ捣椋炲拰闄嶈惤鏃惰繘琛屽畨鍏ㄦ鏌ャ��
</p>
<div class="bk4">
@@ -2329,15 +2327,15 @@
鍦ㄦ垜鍥斤紝绀间华鏂囧寲涓暣鍚潃璐ｄ换鎷呭綋銆傚鑸卞畨鍏ㄦ鏌ュ伐浣滄槸椋炴満椋炶鍏抽敭闃舵鐨勯噸鐐瑰伐浣滀换鍔★紝浣滀负涓�鍚嶆皯鑸粠涓氫汉鍛橈紝瀹夊叏鎰忚瘑銆佽矗浠绘剰璇嗘案杩滄槸澶勪簬绗竴浣嶇殑銆傛帉鎻″ソ瀹㈣埍瀹夊叏妫�鏌ョぜ浠紝鑳藉鍩瑰吇姘戣埅浠庝笟浜哄憳鐨勫綋浠ｆ皯鑸簿绁烇紝鍑濊仛姘戣埅浜虹殑鑱屼笟鑷豹鎰熷拰绮炬皵绁烇紝浠庤�屾洿楂樻爣鍑嗗湴瀹屾垚瀹夊叏妫�鏌ョ浉鍏冲伐浣溿��
</p>
</div>
- <p><span class="bj2">路绀间箣瀹炶返路</span></p>
+ <p class="mb-10 mt-10 td-0"><span class="bj2">路绀间箣瀹炶返路</span></p>
<p><b>鎯呭婕旂粌锛�</b></p>
- <p>
+ <p class="block">
1.璇风粨鍚堟湰浠诲姟鎵�瀛︾殑瀹夋鐨勮璧般�佹墜鍔裤�佽瑷�瑙勮寖锛屽湪妯℃嫙鑸卞紑灞曞畨鍏ㄦ鏌ユ儏澧冩ā鎷熸椿鍔ㄣ��
</p>
- <p>
+ <p class="block">
2.瀹夊叏妫�鏌ユ湡闂达紝涔樺姟鍛樺皬鏉庡彂鐜版梺杈圭殑鏃呭姝ｅ湪浣跨敤鎵嬫満鎵撶數璇濓紝姝ゆ椂灏忔潕搴旇濡備綍杩涜娌熼�氾紵
</p>
- <p><span class="bj2">路椤圭洰妫�娴嬄�</span></p>
+ <p class="mb-10 mt-10 td-0"><span class="bj2">路椤圭洰妫�娴嬄�</span></p>
<p>1.鍒舵湇缁熶竴瑙勮寖瑕佹眰涓紝鏈嶈鐨勶紙銆�銆�锛夊繀椤荤粺涓�銆�</p>
<p>
<input
diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index f92a471..3e9cd1f 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -9,37 +9,35 @@
</ul>
<div class="bodystyle">
<h1 id="a009">
- <span class="h1-bj">鎷撳睍妯″潡</span
- ><span class="h1-bk">绀间华娲诲姩绛栧垝</span>
+ <span class="h1-bj">鎷撳睍妯″潡</span><span class="h1-bk">绀间华娲诲姩绛栧垝</span>
</h1>
<h2 id="b011">椤圭洰涓�銆�瀛︿範绛栧垝绀间华鎯呮櫙鍓�</h2>
<div class="tp-3">
- <p class="center">
+ <p class="tl-f td-0">
<img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
</p>
</div>
<div class="bk">
- <div class="bk1">
- <p><span class="bj1">鈻犮��椤圭洰鎻忚堪銆�鈻�</span></p>
- </div>
- <p>
+ <p class="bj1-qjms fl al-c">
+ <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+ </p>
+ <p class="fz-15">
瀹炰範缁撴潫鐨勬潕涓藉洖鍒版牎鍥紝鐔熸倝鐨勬牎鍥敓娲昏濂瑰厖婊℃椿鍔涖�傚張鍒颁簡涓�骞翠竴搴︾殑鑹烘湳鑺傦紝鏉庝附鍜屽悓瀛︿滑鎯崇潃瑕佸皢瀹炰範鏈熼棿鐨勭粡鍘嗛�氳繃鎯呮櫙鍓у悜鍏朵粬鍚屽灞曠ず锛屼絾鏄�庢牱鍒涗綔鍜岀紪鎺掔ぜ浠儏鏅墽灏遍毦浣忎簡濂广�傞�氳繃鏈」鐩殑瀛︿範锛屼簡瑙ｆ儏鏅墽鐨勯噴涔夊拰浣滅敤锛屽浼氬垱浣滄儏鏅墽銆�
</p>
</div>
<div class="bk">
- <div class="bk1">
- <p><span class="bj1">鈻犮��绀煎湪韬竟銆�鈻�</span></p>
- </div>
- <p>
+ <p class="bj1-qjms fl al-c">
+ <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
+ </p>
+ <p class="fz-15">
鎯呮櫙鍓ф槸涓�闂ㄧ患鍚堟�ц〃婕旇壓鏈紝婕斿憳鏍规嵁鏁呬簨鎯呰妭锛岄�氳繃璇█銆佽〃鎯呫�佽偄浣撱�佹儏鎰熺殑鍚堢悊閰嶅悎锛岀敓鍔ㄥ舰璞″湴灏嗘晠浜嬫渶鍘熷銆佹渶鐪熷疄鐨勪竴闈㈠睍鐜扮粰瑙備紬銆傜ぜ浠儏鏅墽浣滀负鍜屽鐢熺敓娲绘渶涓鸿创杩戠殑鑹烘湳锛屽畠缁煎悎浜嗘枃瀛︺�佺編鏈�侀煶涔愩�佽垶韫堛�佽瑷�銆佺ぞ浼氭儏鎰熺瓑澶氫釜棰嗗煙锛岃兘澶熷湪绀间华璁粌涓捣鍒伴噸瑕佺殑浣滅敤锛屼績杩涘鐢熷叏闈㈠彂灞曘��
</p>
</div>
<div class="bk2">
<div class="zysx">
<p>
- <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
- ><span class="zt-zysx1">涔�</span
- ><span class="zt-zysx1">闂�</span>
+ <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+ class="zt-zysx1">闂�</span>
</p>
</div>
<div class="bj3">
@@ -54,8 +52,7 @@
</div>
</div>
<h3 id="c034">
- <span class="h3-zt1">浠诲姟1</span
- ><span class="h3-bk">绀间华鎯呮櫙鍓ц鐭�</span>
+ <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">绀间华鎯呮櫙鍓ц鐭�</span>
</h3>
<p><b>浠诲姟鐩爣锛�</b></p>
<p>1.浜嗚В鎯呮櫙鍓х殑閲婁箟鍜屼綔鐢ㄣ��</p>
@@ -68,8 +65,8 @@
<div v-if="showPageList.indexOf(154) > -1">
<ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
<li class="header-left-Number">
- <span class="mr-10 pNum">148</span>
- <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+ <span class="mr-10 pNum">148</span>
+ <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
</li>
<li class="header-left-text">
<img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -110,12 +107,12 @@
<li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
<li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
<li class="header-right-Number pNum">149</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+ <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
<li class="header-right-last" style=""><br></li>
<li class="header-right-end" style=""><br></li>
</ul>
<div class="bodystyle">
- <p>杩愮敤鎯宠薄杩涜鍐嶅垱閫狅紝浠庤�屾彁楂樺垱鏂拌兘鍔涳紝鍩瑰吇璇█鑳藉姏銆�</p>
+ <p class="td-0">杩愮敤鎯宠薄杩涜鍐嶅垱閫狅紝浠庤�屾彁楂樺垱鏂拌兘鍔涳紝鍩瑰吇璇█鑳藉姏銆�</p>
<h4 id="d108">浜屻�佺ぜ浠儏鏅墽鐨勭壒鐐瑰拰鍒涗綔鎬濊矾</h4>
<h5 id="e145">锛堜竴锛夌ぜ浠儏鏅墽鐨勭壒鐐�</h5>
<p>鎯呮櫙鍓у叿澶囦互涓嬩袱涓壒鐐广��</p>
@@ -139,8 +136,7 @@
锛�2锛夊鎯呮櫙涓汉鐗╃殑瀵圭櫧鍜屽敱璇嶇殑璁捐鎬濊矾锛氱嫭鐧姐�佹梺鐧姐�佸鐧斤紝鏄墽鏈殑涓昏缁勬垚閮ㄥ垎锛屽叾浠诲姟鏄睍寮�鎯呰妭銆佹彁绀轰汉鐗╂�ф牸銆佽〃鐜颁富棰樻�濇兂銆�
</p>
<h3 id="c035">
- <span class="h3-zt1">浠诲姟2</span
- ><span class="h3-bk">绀间华鎯呮櫙鍓ц垶鍙拌〃鐜板疄璁�</span>
+ <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">绀间华鎯呮櫙鍓ц垶鍙拌〃鐜板疄璁�</span>
</h3>
<p><b>浠诲姟鐩爣锛�</b></p>
<p>1.浜嗚В绀间华鎯呮櫙鍓х殑鑸炲彴鈥滃叆鐢烩�濄��</p>
@@ -157,16 +153,16 @@
<div v-if="showPageList.indexOf(156) > -1">
<ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
<li class="header-left-Number">
- <span class="mr-10 pNum">150</span>
- <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+ <span class="mr-10 pNum">150</span>
+ <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
</li>
<li class="header-left-text">
<img class="w80" src="../../assets/images/yemei01.png" alt="" />
</li>
</ul>
<div class="bodystyle">
- <p>1涓虹劍鐐瑰尯锛�2銆�3銆�4涓烘鐒︾偣鍖猴紝5銆�6涓烘湯鐒︾偣鍖猴紙瑙佸浘5-1-1锛夈��</p>
- <p class="center">
+ <p class="td-0">1涓虹劍鐐瑰尯锛�2銆�3銆�4涓烘鐒︾偣鍖猴紝5銆�6涓烘湯鐒︾偣鍖猴紙瑙佸浘5-1-1锛夈��</p>
+ <p class="center openImgBox">
<img class="img-c" alt="" src="../../assets/images/0156-1.jpg" />
</p>
<p class="img">鍥�5-1-1 鑸炲彴鍖�</p>
@@ -204,12 +200,12 @@
<li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
<li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
<li class="header-right-Number pNum">151</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+ <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
<li class="header-right-last" style=""><br></li>
<li class="header-right-end" style=""><br></li>
</ul>
<div class="bodystyle">
- <p>
+ <p class="td-0">
寮忋�傜ぜ浠儏鏅墽鐨勫垱浣滆鍏堥�夋嫨涓婚锛岀劧鍚庤繘琛屼汉鐗╄璁★紝鎾板啓鍓ф湰锛屾渶鍚庡啀鏂熷瓧閰屽彞鍦颁慨鏀癸紝涓�鏄浣撶幇鎯呮櫙鍓у眰闈㈢殑鍘熷垱鎬с�佸畬鏁存�с�佹垙鍓ф�э紝浜屾槸瑕佷綋鐜颁环鍊艰灞傞潰鐨勬暀鑲叉�с�佸垱鏂版�у拰鍚稿紩鎬с��
</p>
<p>
@@ -234,7 +230,7 @@
渚嬪锛屽湪琛ㄦ紨銆婃棤闄即鍎跨銆嬩箻鏈烘晠浜嬫椂锛岃儗鏅煶涔愭槸娓╅Θ銆佸拰璋愮殑鏃犱汉澹颁即濂忋��
</p>
<p>
- 缁间笂鎵�杩帮紝绀间华鎯呮櫙鍓х殑鍒涗綔鍜岀紪鎺掍笉浠呰鍔犲己涓撲笟绀间华鏁欒偛鐨勭煡璇嗘笚閫忥紝鏇磋瀹炵幇涓庢枃鍖栫礌璐ㄦ暀鑲茬殑鏈夋満璐�氥�傛暀甯堝彲閫氳繃绀间华鎯呮櫙鍓х殑鏁欏鏂规硶锛屽垱鏂扮ぜ浠鍫傛暀瀛﹀舰寮忥紝鎻愰珮璇惧爞鍚稿紩鍔涳紝瀹炵幇鏁欎功涓庤偛浜虹殑瀹岀編缁撳悎锛屽寮哄鐢熲�滃緥宸辨暚浜衡�濈殑浣撻獙鍜屾劅鎮燂紝鎻愬崌鍏堕亾寰锋儏鎿嶅拰绮剧澧冪晫銆傚悓鏃讹紝涔熻骞垮ぇ闈掑勾瀛︾敓浠庝腑鍗庝紭绉�绀间华鏂囧寲涓緱鍒�
+ 缁间笂鎵�杩帮紝绀间华鎯呮櫙鍓х殑鍒涗綔鍜岀紪鎺掍笉浠呰鍔犲己涓撲笟绀间华鏁欒偛鐨勭煡璇嗘笚閫忥紝鏇磋瀹炵幇涓庢枃鍖栫礌璐ㄦ暀鑲茬殑鏈夋満璐�氥�傛暀甯堝彲閫氳繃绀间华鎯呮櫙鍓х殑鏁欏鏂规硶锛屽垱鏂扮ぜ浠鍫傛暀瀛﹀舰寮忥紝鎻愰珮璇惧爞鍚稿紩鍔涳紝瀹炵幇鏁欎功涓庤偛浜虹殑瀹岀編缁撳悎锛屽寮哄鐢熲�滃緥宸辨暚浜衡�濈殑浣撻獙鍜屾劅鎮燂紝鎻愬崌鍏堕亾寰锋儏鎿嶅拰绮剧澧冪晫銆傚悓鏃讹紝涔熻骞垮ぇ闈掑勾瀛︾敓浠庝腑鍗庝紭绉�绀间华鏂囧寲涓緱
</p>
</div>
</div>
@@ -244,61 +240,72 @@
<div v-if="showPageList.indexOf(158) > -1">
<ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
<li class="header-left-Number">
- <span class="mr-10 pNum">152</span>
- <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+ <span class="mr-10 pNum">152</span>
+ <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
</li>
<li class="header-left-text">
<img class="w80" src="../../assets/images/yemei01.png" alt="" />
</li>
</ul>
<div class="bodystyle">
- <p>
- 婊嬪吇锛屽寮哄簳姘旓紝鏇村姞鍧氬畾鏂囧寲鑷涓庢枃鍖栬嚜淇★紝鍔姏鎴愪负绀句細涓讳箟浜嬩笟鐨勫悎鏍煎缓璁捐�呬笌鍙潬鎺ョ彮浜恒��
+ <p class="td-0">
+ 鍒版粙鍏伙紝澧炲己搴曟皵锛屾洿鍔犲潥瀹氭枃鍖栬嚜瑙変笌鏂囧寲鑷俊锛屽姫鍔涙垚涓虹ぞ浼氫富涔変簨涓氱殑鍚堟牸寤鸿鑰呬笌鍙潬鎺ョ彮浜恒��
</p>
<div class="bk2">
<div class="zysx">
<p>
- <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
- ><span class="zt-zysx1">涔�</span
- ><span class="zt-zysx1">闂�</span>
+ <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+ class="zt-zysx1">闂�</span>
</p>
</div>
<div class="bj3">
<p class="center">
<span class="cs1">浣犱細鎬庢牱璁捐鎯呮櫙鍓х粨鏋�</span>
</p>
- <p>鎭伴�㈣�佸笀鐢熸棩銆備笁鍚嶅悓瀛︿竴璧峰幓鑰佸笀瀹舵嫓璁裤��</p>
- <p>
+ <p class="block">鎭伴�㈣�佸笀鐢熸棩銆備笁鍚嶅悓瀛︿竴璧峰幓鑰佸笀瀹舵嫓璁裤��</p>
+ <p class="block">
鏉ュ埌鑰佸笀瀹讹紝鑰佸笀澶鐑儏鎷涘緟锛堝叿浣撳唴瀹硅嚜宸卞畨鎺掞紝濡傜О鍛间笂銆侀キ妗屼笂绛夌殑缁嗚妭锛夈�傛鏃讹紝鍙︿竴娉㈠悓瀛﹀墠鏉ユ嫓璁裤�傜浉澶勪腑鍥犱负涔犳儻涓嶅悓闂瑰嚭浜嗙瑧璇濄��
</p>
- <p>
+ <p class="block">
涓変汉鍦ㄥ洖瀹惰矾涓婁簰鎻�佸簳锛屾倝鏁板鏂圭ぜ浠笉鍒颁綅涔嬪锛堝灏卞骇鐨勪綅缃�佹彙鎵嬬殑鍔涘害浠ｈ〃浠�涔堢瓑锛夈�備笁浜鸿〃绀鸿绔嬪織瀛︿範鏂囨槑绀间华銆�
</p>
- <p>
+ <p class="block">
鏍规嵁浣犲绀间华瑙勮寖鐨勪簡瑙ｏ紝鍙惁瀵瑰叾涓殑鏁呬簨杩涜鎯呮櫙鍓х粨鏋勫垱閫狅紵浣犱細鎬庝箞璁捐鎯呮櫙鍓х殑缁撴瀯鍛紵
</p>
<textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
- <p><span class="bj2">路绀间箣瀹炶返路</span></p>
- <p class="center">
- <img class="img-c" alt="" src="../../assets/images/0158-1.jpg" />
- </p>
- <p class="img">鍥�5-1-2 閿�鍞満鏅�</p>
- <p class="center">
- <img class="img-c" alt="" src="../../assets/images/0158-2.jpg" />
- </p>
- <p class="img">鍥�5-1-3 闈㈣瘯鍦烘櫙</p>
- <p class="center">
- <img class="img-c" alt="" src="../../assets/images/0158-3.jpg" />
- </p>
- <p class="img">鍥�5-1-4 椁愬巺鍦烘櫙</p>
- <p class="center">
- <img class="img-c" alt="" src="../../assets/images/0158-4.jpg" />
- </p>
- <p class="img">鍥�5-1-5 鏈哄満鏈嶅姟鍦烘櫙</p>
- <p>
+ <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
+ <div class="fl al-fe mt-10">
+ <span>
+ <p class="center openImgBox">
+ <img class="w80" alt="" src="../../assets/images/0158-1.jpg" />
+ </p>
+ <p class="img">鍥�5-1-2 閿�鍞満鏅�</p>
+ </span>
+ <span>
+ <p class="center openImgBox">
+ <img class="w80" alt="" src="../../assets/images/0158-2.jpg" />
+ </p>
+ <p class="img">鍥�5-1-3 闈㈣瘯鍦烘櫙</p>
+ </span>
+ </div>
+ <div class="fl al-fe mt-10">
+ <span>
+ <p class="center openImgBox">
+ <img class="img-b" alt="" src="../../assets/images/0158-3.jpg" />
+ </p>
+ <p class="img">鍥�5-1-4 椁愬巺鍦烘櫙</p>
+ </span>
+ <span>
+ <p class="center openImgBox">
+ <img class="img-b" alt="" src="../../assets/images/0158-4.jpg" />
+ </p>
+ <p class="img">鍥�5-1-5 鏈哄満鏈嶅姟鍦烘櫙</p>
+ </span>
+ </div>
+ <p class="block">
1.鑷閫夊彇鍥剧墖锛屽垎鏋愮敾闈腑鐨勫彲瑙嗗唴瀹癸紝浠庤�岃繘琛屼汉鐗╁叧绯诲拰浜嬩欢鐨勫垎鏋愯璁恒��
</p>
</div>
@@ -311,14 +318,14 @@
<li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
<li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
<li class="header-right-Number pNum">153</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+ <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
<li class="header-right-last" style=""><br></li>
<li class="header-right-end" style=""><br></li>
</ul>
<div class="bodystyle">
- <p>2.鍑嗗涓ゅ箙鍏ョ敾鐨勫浘鐗囪繘琛屼綔涓氱殑缂栨帓銆�</p>
- <p>3.鍒涢�犱竴涓叿鏈夎鍔ㄦ�у拰瀹炶返鎬х殑鑸炲彴鐜锛屼粠鑰屽紑灞曟椿鍔ㄣ��</p>
- <p><span class="bj2">路椤圭洰鑷祴路</span></p>
+ <p class="block">2.鍑嗗涓ゅ箙鍏ョ敾鐨勫浘鐗囪繘琛屼綔涓氱殑缂栨帓銆�</p>
+ <p class="block">3.鍒涢�犱竴涓叿鏈夎鍔ㄦ�у拰瀹炶返鎬х殑鑸炲彴鐜锛屼粠鑰屽紑灞曟椿鍔ㄣ��</p>
+ <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
<p>
1.绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯鍒嗕负锛堛��銆�锛変釜鍖恒�傦紙鍗曢�夐锛�
</p>
@@ -481,8 +488,8 @@
<div v-if="showPageList.indexOf(160) > -1">
<ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
<li class="header-left-Number">
- <span class="mr-10 pNum">154</span>
- <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+ <span class="mr-10 pNum">154</span>
+ <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
</li>
<li class="header-left-text">
<img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -491,36 +498,50 @@
<div class="bodystyle">
<h2 id="b012">椤圭洰浜屻��姘戣埅鏈嶅姟绀间华琛ㄦ紨</h2>
<div class="tp-3">
- <p class="center">
+ <p class="tl-f td-0">
<img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
</p>
</div>
<div class="bk">
- <div class="bk1">
- <p><span class="bj1">鈻犮��椤圭洰鎻忚堪銆�鈻�</span></p>
- </div>
- <p>
+ <p class="bj1-qjms fl al-c">
+ <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+ </p>
+ <p class="fz-15">
鏉庝附鍜屽悓瀛︿滑鍙楅個涓虹ぞ鍖哄仛涓�鍦烘湁鍏虫皯鑸湇鍔＄ぜ浠殑琛ㄦ紨锛屼粬浠潪甯搁珮鍏达紝甯屾湜閫氳繃杩欐鐨勮〃婕斿睍绀哄悓瀛︿滑鑹ソ鐨勭ぜ浠礌鍏伙紝骞跺悜绀惧尯浼犻�掓皯鑸ぜ浠煡璇嗭紝璁╂洿澶氱殑浜轰簡瑙ｆ皯鑸�佺悊瑙ｆ皯鑸紝涓烘皯鑸湇鍔¤川閲忕殑鎻愬崌鍋氳础鐚�傛�庢牱鎵嶈兘缂栨帓鍑哄ソ鐨勬皯鑸湇鍔＄ぜ浠〃婕斿憿锛熸潕涓藉拰鍚屽浠竴璧峰姫鍔涘噯澶囩潃銆傛湰椤圭洰灏嗗姘戣埅鏈嶅姟绀间华鎶�鑳界殑灞曠ず绱犳潗瑕佹眰銆佸唴瀹硅璁°�佸垎鏋愪笌鍒涗綔鎬濊矾杩涜鎺㈣锛岀敤鑹烘湳鐨勮〃杈句紶閫掔ぜ浠枃鍖栵紝寮哄寲鏈嶅姟绀间华鎰忚瘑銆�
</p>
</div>
<div class="bk">
- <div class="bk1">
- <p><span class="bj1">鈻犮��绀煎湪韬竟銆�鈻�</span></p>
- </div>
- <p class="center">
- <img class="img-f" alt="" src="" />
+ <p class="bj1-qjms fl al-c">
+ <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
</p>
- <p class="img">瑙嗛锛氱ぜ浠椂瑁呯</p>
- <p>
+ <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">
<p>
- <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
- ><span class="zt-zysx1">涔�</span
- ><span class="zt-zysx1">闂�</span>
+ <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+ class="zt-zysx1">闂�</span>
</p>
</div>
<div class="bj3">
@@ -532,15 +553,14 @@
</div>
</div>
<h3 id="c036">
- <span class="h3-zt1">浠诲姟1</span
- ><span class="h3-bk">绀间华琛ㄦ紨璁ょ煡</span>
+ <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">绀间华琛ㄦ紨璁ょ煡</span>
</h3>
<p><b>浠诲姟鐩爣锛�</b></p>
<p>1.璁よ瘑绀间华琛ㄦ紨銆�</p>
<p>2.鎺屾彙绀间华琛ㄦ紨鐨勮姹備笌鍘熷垯銆�</p>
<h4 id="d111">涓�銆佷綍涓虹ぜ浠〃婕�</h4>
<p>
- 鏈夆�滅洓涓栭缚鍎掆�濅箣绉扮殑鍞愪唬鏂囧寲鍚嶄汉瀛旈杈炬浘璇达細鈥滀腑鍥界ぜ浠箣澶э紝鏁呯О澶忥紱鏈夋湇绔犱箣
+ 鏈夆�滅洓涓栭缚鍎掆�濅箣绉扮殑鍞愪唬鏂囧寲鍚嶄汉瀛旈杈炬浘璇达細鈥滀腑鍥界ぜ浠箣澶э紝鏁呯О澶忥紱鏈夋湇
</p>
</div>
</div>
@@ -552,13 +572,13 @@
<li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
<li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
<li class="header-right-Number pNum">155</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+ <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
<li class="header-right-last" style=""><br></li>
<li class="header-right-end" style=""><br></li>
</ul>
<div class="bodystyle">
- <p>
- 缇庯紝璋撲箣鍗庛�傚崕锛屽涓�涔熴�傗�濅腑鍥芥槸浼犳壙鍗冨勾鐨勭ぜ浠箣閭︼紝澹版暀鎾簬娴峰銆傜浉浼犲湪3000澶氬勾鍓嶇殑娈峰懆涔嬮檯锛屽懆鍏埗绀间綔涔愶紝灏辨彁鍑轰簡绀兼不鐨勭翰棰嗐�傚叾鍚庣粡杩囧瓟瀛愬拰涓冨崄瀛愬悗瀛︼紝浠ュ強瀛熷瓙銆佽崁瀛愮瓑浜虹殑鎻愬�″拰瀹屽杽锛岀ぜ涔愭枃鏄庢垚涓哄剴瀹舵枃鍖栫殑鏍稿績銆傝タ姹変互鍚庯紝浣滀负绀间箰鏂囧寲鐨勭悊璁哄舰鎬佸拰涓婂彜绀煎埗鐨勬笂钖紝銆婁华绀笺�嬨�婂懆绀笺�嬨�婄ぜ璁般�嬪厛鍚庤鍒楀叆瀛﹀畼锛屼笉浠呮垚涓哄彜浠ｆ枃浜哄繀璇荤殑缁忓吀锛岃�屼笖鎴愪负鍘嗕唬鐜嬫湞鍒剁ぜ鐨勫熀纭�锛屽浜庝腑鍥芥枃鍖栧拰鍘嗗彶鐨勫奖鍝嶄箣娣辫繙锛岃嚜涓嶅緟瑷�銆�
+ <p class="td-0">
+ 绔犱箣缇庯紝璋撲箣鍗庛�傚崕锛屽涓�涔熴�傗�濅腑鍥芥槸浼犳壙鍗冨勾鐨勭ぜ浠箣閭︼紝澹版暀鎾簬娴峰銆傜浉浼犲湪3000澶氬勾鍓嶇殑娈峰懆涔嬮檯锛屽懆鍏埗绀间綔涔愶紝灏辨彁鍑轰簡绀兼不鐨勭翰棰嗐�傚叾鍚庣粡杩囧瓟瀛愬拰涓冨崄瀛愬悗瀛︼紝浠ュ強瀛熷瓙銆佽崁瀛愮瓑浜虹殑鎻愬�″拰瀹屽杽锛岀ぜ涔愭枃鏄庢垚涓哄剴瀹舵枃鍖栫殑鏍稿績銆傝タ姹変互鍚庯紝浣滀负绀间箰鏂囧寲鐨勭悊璁哄舰鎬佸拰涓婂彜绀煎埗鐨勬笂钖紝銆婁华绀笺�嬨�婂懆绀笺�嬨�婄ぜ璁般�嬪厛鍚庤鍒楀叆瀛﹀畼锛屼笉浠呮垚涓哄彜浠ｆ枃浜哄繀璇荤殑缁忓吀锛岃�屼笖鎴愪负鍘嗕唬鐜嬫湞鍒剁ぜ鐨勫熀纭�锛屽浜庝腑鍥芥枃鍖栧拰鍘嗗彶鐨勫奖鍝嶄箣娣辫繙锛岃嚜涓嶅緟瑷�銆�
</p>
<p>
绀间华琛ㄦ紨锛屽嵆鎶婄害瀹氫織鎴愮殑绀间华瑙勮寖鎴栬姹傞�氳繃鍏紬琛ㄦ紨鐨勬柟寮忥紝灏嗛璨屻�侀灏氥�佺礌鍏汇�佺壒鑹插睍绀哄嚭鏉ャ��
@@ -566,9 +586,8 @@
<div class="bk2">
<div class="zysx">
<p>
- <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
- ><span class="zt-zysx1">涔�</span
- ><span class="zt-zysx1">闂�</span>
+ <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+ class="zt-zysx1">闂�</span>
</p>
</div>
<div class="bj3">
@@ -579,17 +598,17 @@
class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
- <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+ <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
<p class="center"><span class="cs1">缇庢潵鑷綍澶勶紵</span></p>
<p><b>1.缇庢簮浜庡ぇ鑷劧</b></p>
- <p>
+ <p class="block">
鑷劧鐣岀殑鍚勭鍔ㄦ鐗╂渶鑳藉紩璧蜂汉浠殑瀹＄編鎰熷彈銆傚彜浠ｄ汉绫诲湪澶ц嚜鐒朵腑閲囬泦鍜岀嫨鐚庯紝灏变細瀵规墍閲囬泦鍜岀寧鍙栫殑鍔ㄦ鐗╄繘琛岄壌鍒拰姣旇緝锛氬畠浠叿鏈変粈涔堝睘鎬э紵瀹冧滑瀵逛汉鏈変粈涔堢泭澶勶紵瀹冧滑鐢熼暱鍦ㄤ粈涔堝湴鏂癸紵鍚屾椂浜虹被瀵规棩鍑烘棩钀姐�侀闆ㄩ浄鐢点�佹枟杞槦绉荤瓑鑷劧鐜拌薄锛屼篃鏈変簡鏈�鍘熷鐨勮璇嗗拰鎯宠薄銆備汉绫绘渶鍩烘湰鐨勭編鎰熸簮浜庤嚜鐒躲��
</p>
- <p>
+ <p class="block">
褰撲汉浠粠鎯呮劅涓婃妸鑷劧鐣屽悓浜虹被鍔犱互鑱旂郴锛屽苟杩涜瀵规瘮鍜岃瘎浠凤紝鑷劧鐜拌薄灏辫璧嬩簣浜嗘剰璇嗗舰鎬佺殑鎰忎箟銆備緥濡傦紝鎴戜滑鍙や唬绁炶瘽涓殑鐩樺彜銆佸悗缇裤�佸濞ヤ互鍙婃渤绁炪�佸北绁炵瓑銆傚綋鑷劧涓庝汉绫荤ぞ浼氬疄璺碉紙鐢熶骇鐢熸椿锛変骇鐢熶簡鑱旂郴锛岃嚜鐒剁墿灏辨垚浜嗕汉鍖栫殑鑷劧鐗┿�傝嚜鐒剁墿灏变笉浠呮湁鍗曠函鐨勮嚜鐒跺睘鎬э紝涔熷叿鏈変簡绀句細灞炴�с�備汉鐢熸椿鍦ㄥぇ鑷劧涓紝蹇呯劧鍙楀埌澶ц嚜鐒剁殑鎰熸煋鍜岀啅闄讹紝鎰熷彈鍒颁竴绉嶆儏瓒ｅ拰娲诲姏锛屾棤鐤戝氨浼氬皢鑷劧浜烘牸鍖栥�備緥濡傦紝鐢ㄩ珮灞辨瘮鍠讳汉鍝佸痉鐨勫帤閲嶏紝鐢ㄥぇ娴锋瘮鍠讳汉蹇冪伒鐨勫骞匡紝鐢ㄨ姳鏈垫瘮鍠荤編濂炽�傚ぇ鑷劧鐨勭編鍖栦负绮剧缇庛�佸績鐏电編锛屼粠鑰屾縺鍙戜汉绫绘洿楂樼殑杩芥眰鈥斺�旂敓娲荤編銆備粠鑷劧缇庡埌蹇冪伒缇庯紝鍐嶅埌鐢熸椿缇庯紝澶ц嚜鐒朵腑鐨勪竴鍒囬兘鏈変簡绀句細鎰忎箟銆�
</p>
<p><b>2.缇庢簮浜庡姵鍔�</b></p>
- <p>
+ <p class="block">
鑷彜鑷充粖锛岀編閮芥潵鑷姵鍔ㄣ�傚綋浜虹被鐩寸珛琛岃蛋锛屽湪鍔冲姩涓В鏀惧嚭鑷繁鐨勫弻鎵嬩互鍚庯紝涔�
</p>
</div>
@@ -600,35 +619,35 @@
<div v-if="showPageList.indexOf(162) > -1">
<ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
<li class="header-left-Number">
- <span class="mr-10 pNum">156</span>
- <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+ <span class="mr-10 pNum">156</span>
+ <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
</li>
<li class="header-left-text">
<img class="w80" src="../../assets/images/yemei01.png" alt="" />
</li>
</ul>
<div class="bodystyle">
- <p>
+ <p class="td-0 block">
灏辫В鏀句簡鑷繁鐨勮韩浣撱�備粬浠瓚宸€�佽�曚綔銆佸彇鐏�佺嫨鐚庯紝涓嶄粎鍙互鏇村ソ鍦扮敓瀛橈紝涔熸彁鍗囦簡韬綋鐨勫寑绉版�у拰鍔ㄤ綔鐨勭簿纭�с�佷紭缇庢�с�傛湁鑺傚鐨勫姵鍔ㄤ腑鏄剧幇浜嗙敺鎬х殑鍔涘害鍜屽コ鎬х殑鏌旂編锛岄敾鐐间簡闈㈤儴琛ㄦ儏鐨勭伒娲绘�с�傞�氳繃鍔冲姩銆佸緛鎴樸�佺绁风殑鍚勭鍔ㄤ綔銆佸Э鎬佸強鑺傚锛屼汉浠湅鍒颁簡浜轰綋鑷韩鐨勭編锛岀敱姝ゅ紑濮嬫敞閲嶇簿绁炲唴瀹圭殑琛ㄨ揪銆傚鏀惰幏鏃剁殑鍠滄偊銆佸緛鎴樻椂鐨勫媷鏁€�佺绁锋椂鐨勮檾璇氱瓑锛屾墍浠ョ绁枫�佹眰绂忋�佹彃绉с�佷紣鏈ㄥ潎鏈変笉鍚岃妭濂忕殑姝屾洸锛屼笉浠呰〃杈句簡鍔冲姩缇庯紝涔熷垱閫犱簡鑹烘湳缇庛�傚洜姝わ紝缇庢潵婧愪簬鍔冲姩锛屽畠瀛樺湪浜庡姵鍔ㄤ箣涓��
</p>
<p><b>3.缇庢簮浜庣ぞ浼�</b></p>
- <p>
+ <p class="block">
浜虹被鍦ㄥ彂灞曡繃绋嬩腑涓嶄粎灞ヨ鑷繁鐨勫姵鍔ㄨ亴鑳斤紝涔熷饱琛岃嚜宸辩殑绀句細鑱岃兘銆備緥濡傦紝鍙や唬浜轰滑鍥寸寧銆佸緛鎴樸�佺绁枫�佺キ绁�鏃讹紝閮戒細浠ヤ竴绉嶆湁鑺傚鐨勫舰浣撳姩浣溿�佺粺涓�鐨勬浼愬拰澹伴煶琛ㄨ揪鍏卞悓鐨勫績鐞嗚瘔姹傘�備汉浠互绀句細鎴愬憳鐨勮韩浠藉弬鍔犵敓浜у姵鍔紝鏍规嵁鐢熶骇鎴愭灉銆佺ぞ浼氳亴鑳界殑澶у皬鎺掑簭銆傝繖璇存槑浜轰滑宸插浼氫粠绀句細鎬х殑瀹＄編瑙掑害璇勪环銆佸睍绀鸿嚜宸便�備緥濡傦紝鍦ㄤ竴浜涙椿鍔ㄤ腑锛岄噸瑕佷汉鐗╂�昏鎺掑湪鍓嶉潰锛屾瑕佷汉鐗╂帓鍦ㄥ悗闈紝杩欏氨琛ㄧ幇浜嗗浜虹殑绀句細鎬х殑灏婇噸銆傚張濡傦紝鍘熷閮ㄦ棌涓己澹殑鐚庝汉锛屽洜涓轰粬浠媷鏁€�佸仴澹�佹湁鍔涢噺锛岃兘鑾峰緱鏇村鐨勭敓娲诲繀闇�鍝侊紝浜轰滑灏辩埍鎴翠粬浠�佸皧鏁粬浠�傚悓鏃讹紝浠栦滑涔熺敤鐚庣墿鐨勭墮榻跨瓑瑁呴グ鑷繁銆傞儴鏃忛棰嗕篃甯哥敤閲庡吔鐨勬瘺鐨仛澶撮グ锛屼互琛ㄦ槑鑷繁鐨勮韩浠藉拰鍦颁綅锛岀粰浜堣韩浠藉拰鑽ｈ獕浠ョ壒娈婄殑寮鸿皟銆傝繖鏍凤紝缇庡氨鍏锋湁浜嗙ぞ浼氭�с��
</p>
- <p>
+ <p class="block">
鎴戜滑涔嬫墍浠ュ磭鏁竴浜涗汉鈥斺�旀斂娌诲銆佷紒涓氬銆佹枃瀛﹀銆侀煶涔愬銆佽嫳闆勬ā鑼冿紝寰堥噸瑕佺殑鍘熷洜灏辨槸浠栦滑鎵�鍏锋湁鐨勭ぞ浼氭�с�備緥濡傦紝鍔╀汉涓轰箰鐨勯儹鏄庝箟銆佸厠宸变负浜虹殑鐧芥柟绀笺�佲�滄墦宸ョ殗鍚庘�濆惔澹畯銆佷箟鍔″埌鍐滄潙鏀暀鐨勫ぇ瀛︾敓寮犵埥銆佽垗宸变负浜虹殑鈥滄渶缇庢暀甯堚�濆紶涓借帀銆佲�滄渶缇庡徃鏈衡�濆惔鏂岀瓑锛岄兘浣撶幇浜嗗叾绀句細鎬с��
</p>
<p><b>4.缇庢簮浜庣鏃忕壒鎬�</b></p>
- <p>
+ <p class="block">
鍦ㄤ汉绫荤殑鍙戝睍杩涚▼涓紝涓嶅悓鐨勭鏃忋�佹皯鏃忔湁鐫�涓嶅悓鐨勫巻鍙插拰鍦板煙鐗圭偣锛屽崈鐧惧勾鐨勫彂灞曟紨鍙樹娇鍏跺舰鎴愪簡涓嶅悓鐨勭ぞ浼氱壒寰佸拰鐢熶骇鐢熸椿鏂瑰紡銆�
</p>
- <p>
+ <p class="block">
涓嶅悓鐨勭敓娲绘柟寮忔墍灞曠ず鍑虹殑楂樺害鐨勭鏃忕壒鎬э紝缁欎汉浠ユ繁鍒荤殑瀹＄編鍗拌薄骞跺叿鏈夌嫭绔嬬殑瀹＄編浠峰�笺�備緥濡傦紝钘忔棌鐢熸椿鍦ㄨタ閮ㄩ珮鍘燂紝鎵�浠ユ湁涓�绉嶇矖鐘峰姜鎮嶇殑缇庯紱鑰屽偅鏃忕敓娲诲湪瑗垮弻鐗堢撼锛屽倣姘磋�屽眳锛屽洜姝ゅ叿鏈夋煍鍜屾竻涓界殑姘戞棌鐗硅壊鍜岀嫭鏈夌殑褰綋闊靛緥鐗瑰緛銆�
</p>
- <p>
+ <p class="block">
姝ｅ姝屽痉鎵�璇达細鈥滄垜浠懆鍥存湁鍏変篃鏈夐鑹诧紝浣嗘槸鎴戜滑鑷繁鐪奸噷濡傛灉娌℃湁鍏夊拰棰滆壊锛屼篃灏辩湅涓嶅埌澶栭潰鐨勫厜鍜岄鑹蹭簡銆傗�濇墍浠ユ垜浠簲璇ュ彂鐜扮編锛屼粠澶ц嚜鐒躲�佸姵鍔ㄣ�佺ぞ浼氱敓娲诲強姘戞棌鐗规�х瓑鏂归潰鍙戠幇缇庛�佸涔犵編銆備汉浠缇庣殑杩芥眰浠庢潵娌℃湁涓柇杩囷紝浜轰滑瀵圭編鐨勬璧忎粠鏉ユ病鏈夋敼鍙樿繃锛屼汉浠磭灏氱編銆佽拷姹傜編銆傛墍浠ワ紝寮�鍙戣嚜韬殑琛ㄧ幇鍔涳紝鍙湁浠ョ編涓哄墠鎻愶紝鎵嶈兘琚ぞ浼氬拰浠栦汉娆ｈ祻鎺ュ彈锛屾墠浼氫娇鑷繁鏇村叿浜插拰鍔涖�佸惛寮曞姏銆�
</p>
- <p>鎯充竴鎯筹細鍝簺瀵硅薄鑳藉紩璧蜂汉浠殑缇庢劅锛熺編绌剁珶鏉ヨ嚜鍝噷锛�</p>
+ <p class="block">鎯充竴鎯筹細鍝簺瀵硅薄鑳藉紩璧蜂汉浠殑缇庢劅锛熺編绌剁珶鏉ヨ嚜鍝噷锛�</p>
</div>
</div>
</div>
@@ -639,7 +658,7 @@
<li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
<li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
<li class="header-right-Number pNum">157</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+ <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
<li class="header-right-last" style=""><br></li>
<li class="header-right-end" style=""><br></li>
</ul>
@@ -651,29 +670,32 @@
<p>
杩愬姩鏄竴鍒囦簨鐗╁彂灞曠殑鍩烘湰瑙勫緥锛屼篃鏄簨鐗╃敓鍛藉姏鐨勫叿浣撹〃鐜板舰寮忋�傜ぜ浠〃婕斾綔涓烘渶鎺ヨ繎鐢熸椿褰㈡�佺殑鑹烘湳闂ㄧ被锛屽弽鏄犵殑鎭版伆鏄疄闄呭伐浣滀腑浜虹殑绀间华琛屼负銆佸姩浣溿�佹�濇兂鍜屼簨鐗╀箣闂村鏉傜殑鍙樺寲杩囩▼锛屽洜姝ょぜ浠鑼冭嚜鐒惰�岀劧鍦颁篃灏辨垚浜嗙ぜ浠〃婕旇壓鏈殑鏍稿績銆傝繖涔熸槸绀间华琛ㄦ紨鐨勫師鍒欙紝浠庡舰璞°�佽涓恒�佺溂绁炵瓑鏂归潰閮藉繀椤讳綋鐜扳�滆鑼冣�濅簩瀛椼��
</p>
- <p><span class="bj2">路绀间箣瀹炶返路</span></p>
- <p>
+ <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
+ <p class="block">
鍋氣�滀綘鍦ㄥ摢閲屸�濈粌涔犮�傞�氳繃鑷繁鐨勫舰浣撳姩浣滃拰绀间华琛屼负琛ㄦ槑鑷繁鍦ㄥ摢閲岋紝濡傚湪瀹㈣埍銆佽吹瀹惧銆佷細璁绛夛紝鍔犲己褰綋琛ㄧ幇鍔涘拰绀间华琛屼负鍙鎬с��
</p>
- <p>娉細鑷冲皯琛ㄧ幇涓夌涓嶅悓鐨勭幆澧冦��</p>
+ <p class="block">娉細鑷冲皯琛ㄧ幇涓夌涓嶅悓鐨勭幆澧冦��</p>
<h3 id="c037">
- <span class="h3-zt1">浠诲姟2</span
- ><span class="h3-bk">姘戣埅鏈嶅姟绀间华琛ㄦ紨绱犳潗璁ょ煡</span>
+ <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">姘戣埅鏈嶅姟绀间华琛ㄦ紨绱犳潗璁ょ煡</span>
</h3>
<p><b>浠诲姟鐩爣锛�</b></p>
<p>1.鎺屾彙姘戣埅绀间华鎶�鑳藉睍绀虹殑绱犳潗瑕佹眰銆�</p>
<p>2.浜嗚В姘戣埅绀间华鎶�鑳藉睍绀虹殑鍐呭璁捐銆�</p>
<h4 id="d113">涓�銆佹皯鑸ぜ浠妧鑳藉睍绀虹殑绱犳潗瑕佹眰</h4>
- <p class="center">
- <img class="img-c" alt="" src="../../assets/images/0163-1.jpg" />
- </p>
- <p class="img">鍥�5-2-1 绀间华鎶�鑳藉睍绀�1</p>
- <p>
- 绀间华鎶�鑳藉睍绀虹殑鐩殑鏄瀛︾敓鎶婁功鏈腑鐨勭悊璁虹煡璇嗐�佸钩闈㈢殑鏂囧瓧褰㈣薄杞寲涓洪矞娲荤殑鑸炲彴褰㈣薄锛屾妸绀间华鐞嗚褰撲腑鍏锋湁琛屽姩鎬х殑璇█鍒涢�犳�у湴杞寲涓哄叿鏈夎瑷�鎬х殑琛屽姩锛屼粠鑰屽煿鍏诲鐢熺殑鍒涢�犲姏銆傚鐢熷簲灏藉彲鑳藉鍦板涔犵悊璁猴紝鎻愰珮瀵圭ぜ浠殑閴磋祻銆佺悊瑙ｃ�佹劅鍙楀拰鍒嗘瀽鐨勮兘鍔涖��
- </p>
- <p>
- 閫夋嫨绱犳潗涓�滃彲瑙嗘�у己銆佽鍔ㄦ�у己銆佹儏鎰熸�у己銆佸疄闄呮�у己鈥濈殑鐗囨锛屼綔涓烘彁楂樿嚜韬汉鐗╁垱閫犺兘鍔涚殑绱犳潗锛屼负濉戦�犳爣鍑嗚涓恒�佷紭闆呮皵璐ㄦ墦涓嬪熀纭�銆�
- </p>
+ <div class="img-rights w250 openImgBox ">
+ <p class="center">
+ <img class="img-c" alt="" src="../../assets/images/0163-1.jpg" />
+ </p>
+ <p class="img">鍥�5-2-1 绀间华鎶�鑳藉睍绀�1</p>
+ </div>
+ <span>
+ <p>
+ 绀间华鎶�鑳藉睍绀虹殑鐩殑鏄瀛︾敓鎶婁功鏈腑鐨勭悊璁虹煡璇嗐�佸钩闈㈢殑鏂囧瓧褰㈣薄杞寲涓洪矞娲荤殑鑸炲彴褰㈣薄锛屾妸绀间华鐞嗚褰撲腑鍏锋湁琛屽姩鎬х殑璇█鍒涢�犳�у湴杞寲涓哄叿鏈夎瑷�鎬х殑琛屽姩锛屼粠鑰屽煿鍏诲鐢熺殑鍒涢�犲姏銆傚鐢熷簲灏藉彲鑳藉鍦板涔犵悊璁猴紝鎻愰珮瀵圭ぜ浠殑閴磋祻銆佺悊瑙ｃ�佹劅鍙楀拰鍒嗘瀽鐨勮兘鍔涖��
+ </p>
+ <p>
+ 閫夋嫨绱犳潗涓�滃彲瑙嗘�у己銆佽鍔ㄦ�у己銆佹儏鎰熸�у己銆佸疄闄呮�у己鈥濈殑鐗囨锛屼綔涓烘彁楂樿嚜韬汉鐗╁垱閫犺兘鍔涚殑绱犳潗锛屼负濉戦�犳爣鍑嗚涓恒�佷紭闆呮皵璐ㄦ墦涓嬪熀纭�銆�
+ </p>
+ </span>
</div>
</div>
</div>
@@ -682,22 +704,28 @@
<div v-if="showPageList.indexOf(164) > -1">
<ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
<li class="header-left-Number">
- <span class="mr-10 pNum">158</span>
- <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+ <span class="mr-10 pNum">158</span>
+ <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
</li>
<li class="header-left-text">
<img class="w80" src="../../assets/images/yemei01.png" alt="" />
</li>
</ul>
<div class="bodystyle">
- <p class="center">
- <img class="img-c" alt="" src="../../assets/images/0164-1.jpg" />
- </p>
- <p class="img">鍥�5-2-2 绀间华鎶�鑳藉睍绀�2</p>
- <p class="center">
- <img class="img-c" alt="" src="../../assets/images/0164-2.jpg" />
- </p>
- <p class="img">鍥�5-2-3 绀间华鎶�鑳藉睍绀�3</p>
+ <div class="fl al-fe mt-10">
+ <span>
+ <p class="center openImgBox">
+ <img class="w80" alt="" src="../../assets/images/0164-1.jpg" />
+ </p>
+ <p class="img">鍥�5-2-2 绀间华鎶�鑳藉睍绀�2</p>
+ </span>
+ <span>
+ <p class="center openImgBox">
+ <img class="w80" alt="" src="../../assets/images/0164-2.jpg" />
+ </p>
+ <p class="img">鍥�5-2-3 绀间华鎶�鑳藉睍绀�3</p>
+ </span>
+ </div>
<p>
棣栧厛锛岀ぜ浠妧鑳藉睍绀烘槸鍦ㄤ功鏈悊璁鸿杩扮殑鍩虹涓婏紝瀛︾敓杩涜鐨勪簩搴﹀垱浣滃拰灞曠ず銆傚洜姝わ紝蹇呴』涓ユ牸鎸夌収鐞嗚瑕佹眰鐨勭ぜ浠鑼冨拰鐭ヨ瘑鐐硅繘琛屽叏闈㈠睍绀猴紝鎶婃爣鍑嗙殑鍔ㄤ綔琛屼负鍜屽墠鍥犲悗鏋滃睍绀哄嚭鏉ャ��
</p>
@@ -710,9 +738,8 @@
<div class="bk2">
<div class="zysx">
<p>
- <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
- ><span class="zt-zysx1">涔�</span
- ><span class="zt-zysx1">闂�</span>
+ <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+ class="zt-zysx1">闂�</span>
</p>
</div>
<div class="bj3">
@@ -729,7 +756,7 @@
<h4 id="d114">浜屻�佹皯鑸ぜ浠妧鑳藉睍绀虹殑鍐呭璁捐</h4>
<h5 id="e153">锛堜竴锛夋槑纭睍绀虹洰鐨�</h5>
<p>
- 姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀虹ぜ浠�佽绌舵枃鏄庛�佹彁鍗囩礌璐ㄣ�佸己鍖栦笓涓氣�濅负涓婚锛屼互鈥滅ぜ浠�佺ぜ璨屻�佺ぜ鑺傗�濇暀鑲蹭负閲嶇偣鍐呭锛屼互閬靛畧瑙勮寖銆佸畧鍒欑瓑鍏绘垚鏁欒偛涓虹獊鐮村彛锛�
+ 姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀虹ぜ浠�佽绌舵枃鏄庛�佹彁鍗囩礌璐ㄣ�佸己鍖栦笓涓氣�濅负涓婚锛屼互鈥滅ぜ浠�佺ぜ璨屻�佺ぜ鑺傗�濇暀鑲蹭负閲嶇偣鍐呭锛屼互閬靛畧瑙勮寖銆佸畧鍒欑瓑鍏绘垚鏁欒偛涓虹獊
</p>
</div>
</div>
@@ -741,13 +768,13 @@
<li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
<li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
<li class="header-right-Number pNum">159</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+ <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
<li class="header-right-last" style=""><br></li>
<li class="header-right-end" style=""><br></li>
</ul>
<div class="bodystyle">
- <p>
- 鐫�鐪间簬灞曠ず瀛︾敓鐨勬�濇兂閬撳痉绱犺川銆佹枃鏄庣ぜ浠礌鍏汇�佷笓涓氭妧鑳姐�傞�氳繃绀间华鎶�鑳藉睍绀烘椿鍔紝寮哄寲鏂囨槑鎰忚瘑銆佽鑼冭█琛屼妇姝€�佸己鍖栦笓涓氭妧鑳姐�佹彁鍗囩患鍚堢礌璐ㄣ��
+ <p class="td-0">
+ 鐮村彛锛岀潃鐪间簬灞曠ず瀛︾敓鐨勬�濇兂閬撳痉绱犺川銆佹枃鏄庣ぜ浠礌鍏汇�佷笓涓氭妧鑳姐�傞�氳繃绀间华鎶�鑳藉睍绀烘椿鍔紝寮哄寲鏂囨槑鎰忚瘑銆佽鑼冭█琛屼妇姝€�佸己鍖栦笓涓氭妧鑳姐�佹彁鍗囩患鍚堢礌璐ㄣ��
</p>
<h5 id="e154">锛堜簩锛夎瀹氬舰璞″睍绀�</h5>
<p>
@@ -758,8 +785,7 @@
姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀虹殑鏈�澶т綔鐢ㄥ氨鏄�氳繃姘戣埅瀹為檯鎯呮櫙杩涜绀间华鎶�鑳借�冩煡锛岃姘戣埅绀间华瑙勮寖涓嶅厜鍋滅暀鍦ㄧ悊璁哄拰瑙ｈ涓娿�傚叾鍐呭鍖呭惈杩庡绀间华銆佺О鍛肩ぜ浠�佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠�佸悕鐗囩ぜ浠�佸紩棰嗙ぜ浠�佹暚鑼剁ぜ浠�佸骇娆＄ぜ浠�侀�佸绀间华绛夛紝杩樺寘鎷皯鑸矖浣嶇殑鏈嶅姟鐢ㄨ銆佹湇鍔℃妧鑳界瓑銆�
</p>
<h3 id="c038">
- <span class="h3-zt1">浠诲姟3</span
- ><span class="h3-bk">姘戣埅鏈嶅姟绀间华琛ㄦ紨鍒涗綔瀹炶</span>
+ <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">姘戣埅鏈嶅姟绀间华琛ㄦ紨鍒涗綔瀹炶</span>
</h3>
<p><b>浠诲姟鐩爣锛�</b></p>
<p>1.鎺屾彙姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鐨勫垎鏋愪笌鍒涗綔鏂规硶銆�</p>
@@ -781,15 +807,15 @@
<div v-if="showPageList.indexOf(166) > -1">
<ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
<li class="header-left-Number">
- <span class="mr-10 pNum">160</span>
- <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+ <span class="mr-10 pNum">160</span>
+ <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
</li>
<li class="header-left-text">
<img class="w80" src="../../assets/images/yemei01.png" alt="" />
</li>
</ul>
<div class="bodystyle">
- <p>鏃堕棿銆佸湴鐐广�佷笓涓氳姹備互鍙婃墍鍖呭惈鐨勪汉鏂囨�濇兂鍜岀ぞ浼氶棶棰樼瓑銆�</p>
+ <p class="td-0">鏃堕棿銆佸湴鐐广�佷笓涓氳姹備互鍙婃墍鍖呭惈鐨勪汉鏂囨�濇兂鍜岀ぞ浼氶棶棰樼瓑銆�</p>
<h5 id="e158">锛堜笁锛夋槑纭儏鏅墽涓婚鎬濇兂</h5>
<p>
涓婚鏄寚浣滆�呴�氳繃鍓ф湰鍐茬獊鎻愬嚭鐨勫熀鏈棶棰樸�備富棰樻�濇兂鏄鍓ф湰鎻愬嚭鐨勫熀鏈棶棰樼殑鍥炵瓟锛屽寘鎷繖涓綔鍝佹�荤殑鎬濇兂鍚箟銆�
@@ -823,7 +849,7 @@
<li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
<li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
<li class="header-right-Number pNum">161</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+ <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
<li class="header-right-last" style=""><br></li>
<li class="header-right-end" style=""><br></li>
</ul>
@@ -845,9 +871,8 @@
<div class="bk2">
<div class="zysx">
<p>
- <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
- ><span class="zt-zysx1">涔�</span
- ><span class="zt-zysx1">闂�</span>
+ <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+ class="zt-zysx1">闂�</span>
</p>
</div>
<div class="bj3">
@@ -859,15 +884,21 @@
class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
</div>
</div>
- <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
- <p class="center">
- <img class="img-c" alt="" src="../../assets/images/0167-1.jpg" />
- </p>
- <p class="img">鍥�5-2-4 瀹㈣埍涔樺姟鍛樼ぜ浠睍绀�1</p>
- <p class="center">
- <img class="img-c" alt="" src="../../assets/images/0167-2.jpg" />
- </p>
- <p class="img">鍥�5-2-5 瀹㈣埍涔樺姟鍛樼ぜ浠睍绀�2</p>
+ <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+ <div class="fl al-fe mt-10">
+ <span>
+ <p class="center openImgBox">
+ <img class="w80" alt="" src="../../assets/images/0167-1.jpg" />
+ </p>
+ <p class="img">鍥�5-2-4 瀹㈣埍涔樺姟鍛樼ぜ浠睍绀�1</p>
+ </span>
+ <span>
+ <p class="center openImgBox">
+ <img class="w80" alt="" src="../../assets/images/0167-2.jpg" />
+ </p>
+ <p class="img">鍥�5-2-5 瀹㈣埍涔樺姟鍛樼ぜ浠睍绀�2</p>
+ </span>
+ </div>
</div>
</div>
</div>
@@ -876,22 +907,29 @@
<div v-if="showPageList.indexOf(168) > -1">
<ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
<li class="header-left-Number">
- <span class="mr-10 pNum">162</span>
- <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+ <span class="mr-10 pNum">162</span>
+ <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
</li>
<li class="header-left-text">
<img class="w80" src="../../assets/images/yemei01.png" alt="" />
</li>
</ul>
<div class="bodystyle">
- <p class="center">
- <img class="img-c" alt="" src="../../assets/images/0168-1.jpg" />
- </p>
- <p class="img">鍥�5-2-6 瀹㈣埍瀹夊叏绀鸿寖婕旂ず1</p>
- <p class="center">
- <img class="img-c" alt="" src="../../assets/images/0168-2.jpg" />
- </p>
- <p class="img">鍥�5-2-7 瀹㈣埍瀹夊叏绀鸿寖婕旂ず2</p>
+
+ <div class="fl al-fe mt-10">
+ <span>
+ <p class="center openImgBox">
+ <img class="w80" alt="" src="../../assets/images/0168-1.jpg" />
+ </p>
+ <p class="img">鍥�5-2-6 瀹㈣埍瀹夊叏绀鸿寖婕旂ず1</p>
+ </span>
+ <span>
+ <p class="center openImgBox">
+ <img class="w80" alt="" src="../../assets/images/0168-2.jpg" />
+ </p>
+ <p class="img">鍥�5-2-7 瀹㈣埍瀹夊叏绀鸿寖婕旂ず2</p>
+ </span>
+ </div>
<p>
鍦ㄦ煇楂樻牎2023骞村鐢熻亴涓氭妧鑳藉ぇ璧涚殑璧涘満涓婏紝绌轰腑涔樺姟涓撲笟瀛﹀瓙閫氳繃鎯呮櫙鍐嶇幇鐨勬柟寮忥紝浠ユ湇鍔℃妧鑳戒负钃濇湰锛岃繘琛屼簡瀹㈣埍涔樺姟鍛樿亴涓氱ぜ浠睍绀恒�佸鑸卞畨鍏ㄧず鑼冩紨缁冪瓑姣旀嫾锛屼綋鐜颁簡绌轰腑涔樺姟涓撲笟瀛︾敓瀹岀編鐨勭患鍚堢礌璐ㄥ拰涓撲笟鐨勮亴涓氶閲囥�傞�氳繃鐞嗚缁撳悎瀹炶返锛屼互璧涗績瀛︺�佷互璧涗績鏁欍�佷互璧涗績璁紝鍏ㄦ柟浣嶆彁鍗囦簡绌轰箻浜哄憳鐨勬暣浣撲笓涓氭妧鑳斤紝褰㈡垚浜嗘湁鐗硅壊鐨勫涔犲瀷绌轰箻鏈嶅姟浣撶郴锛屼娇瀛︾敓灏嗘潵鍙互涓轰箻瀹㈡彁渚涙洿涓撲笟銆佹洿浼樿川銆佹洿蹇嵎鐨勬湇鍔°��
</p>
@@ -907,11 +945,11 @@
绀间华鏁欒偛鏄�濇兂鏀挎不鏁欒偛鐨勬湁鏁堣浇浣撱�傛�濇兂閬撳痉鏄竴涓汉鐨勫唴鍦ㄧ礌鍏伙紝鑰岀ぜ浠叿鏈夎浇浣撶殑鍔熻兘锛屼娇鍐呭湪鐨勬�濇兂閬撳痉閫氳繃澶栧湪鐨勮〃鐜板舰寮忎綋鐜板嚭鏉ャ�傚湪鎴戜滑鐪嬫潵锛岄亾寰峰睘浜庝汉鐨勭簿绁炵礌鍏伙紝濡傛灉浠呬粎閲囧彇璇存暀鐨勬柟寮忎笉浣嗙己涔忚鏈嶅姏锛岃�屼笖鎶借薄銆佹櫐娑┿�侀毦鎳傦紝鎬濇兂鏀挎不鏁欒偛涔熷緢闅捐揪鍒拌壇濂界殑鏁堟灉銆傚湪鎬濇兂鏀挎不鏁欒偛鐨勮繃绋嬩腑锛屽皢绀间华鏁欒偛浣滀负杞戒綋锛屽仛鍒拌偛寰蜂簬绀硷紝娼滅Щ榛樺寲涓彁楂樹簡鎬濇兂鏀挎不鏁欒偛鐨勬湁鏁堟�с��
</p>
</div>
- <p><span class="bj2">路绀间箣瀹炶返路</span></p>
+ <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
<p>
鏍规嵁浣犵殑涓撲笟锛屽皾璇曞埗浣滀竴浠芥皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鏂规锛屼竴瀹氳鍖呮嫭鎯呮櫙浠嬬粛銆佽鑹茶瀹氥�佺ぜ浠睍绀哄厓绱犵瓑鍐呭锛屽苟鑷鍒嗙粍杩涜缂栨帓銆傛椂闀垮湪5锝�8鍒嗛挓銆�
</p>
- <p><span class="bj2">路椤圭洰鑷祴路</span></p>
+ <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
<p>1.姘戣埅绀间华鎶�鑳藉睍绀轰富瑕佹槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</p>
<p><input
type="checkbox"
@@ -959,7 +997,7 @@
<li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
<li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
<li class="header-right-Number pNum">163</li>
- <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+ <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
<li class="header-right-last" style=""><br></li>
<li class="header-right-end" style=""><br></li>
</ul>
@@ -1129,10 +1167,10 @@
</div>
<!-- 164椤� -->
<div class="page-box mt-20" page="170" style="min-height: auto">
- <div v-if="showPageList.indexOf(170) > -1">
- <img class="img-0" alt="" src="../../assets/images/fengdi.png" />
- </div>
- </div>
+ <div v-if="showPageList.indexOf(170) > -1">
+ <img class="img-0" alt="" src="../../assets/images/FD.jpg" />
+ </div>
+ </div>
</div>
</template>
@@ -1213,25 +1251,8 @@
}
},
},
- chapter004: {
- videoMd5: [
- {
- isCollectVideo: false,
- handleMd5: "",
- md5: "7454A10BD25ED828FF31D0702DA63D55",
- name: "浠�涔堟槸蹇冪悊鍋ュ悍",
- },
- {
- isCollectVideo: false,
- handleMd5: "",
- md5: "E4AC28F178D660E96355C17E6F283E66",
- name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
- },
- ],
- },
chapterData: {
isCollectVideo: false,
- isCollectVideo01: false,
},
};
},
@@ -1244,18 +1265,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
@@ -1264,17 +1279,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() {
@@ -1286,17 +1292,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
},
@@ -1305,38 +1304,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 b721c37..0a188a0 100644
--- a/src/books/aviationEtiquette/view/components/chpater002.vue
+++ b/src/books/aviationEtiquette/view/components/chpater002.vue
@@ -633,6 +633,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>
涓嶇鏄埗鏈嶈繕鏄竴鑸晢鍔¤タ鏈嶏紝棣栧厛瑕佷笌棰嗗甫鎼厤銆傞甯︿篃鏄敺澹湪浠〃鏂归潰鐨勪竴涓爣蹇楋紝閰嶄笂鍚堜綋鐨勮タ鏈嶏紝鍙互浣跨┛鑰呮樉寰楁絿娲掋�佺簿绁炪�佺粎澹�佺ǔ閲嶏紝鍚屾椂涔熶綋鐜板嚭瀵瑰満鍚堢殑閲嶈銆�
@@ -1083,6 +1109,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锛夈��
@@ -1147,6 +1192,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>
@@ -1375,6 +1439,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>
@@ -1415,6 +1498,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" />
@@ -2575,6 +2677,9 @@
collectImg: require("../../assets/images/icon/heart.png"),
collectCheck: require("../../assets/images/icon/heart-check.png"),
videoPathOne: "",
+ videoPathTwo: "",
+ videoPathThree: "",
+ videoPathFour: "",
collectResourceList: [],
questionData: {
isComplete: false,
@@ -2649,20 +2754,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,
},
};
},
@@ -2695,10 +2820,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];
@@ -2716,13 +2847,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)
);
},
@@ -2746,24 +2877,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 bf700c0..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(1, 6);
+ }
+
+ // 鍒涘缓涓�涓柊鐨� 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