From bb584963c6abe77c5577cbcad3c9956b69444ae9 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期二, 01 七月 2025 17:17:30 +0800 Subject: [PATCH] 无人机样章 --- src/books/aviationEtiquette/view/components/chapter003.vue | 138 ++++++++++----------------------------------- 1 files changed, 31 insertions(+), 107 deletions(-) diff --git a/src/books/aviationEtiquette/view/components/chapter003.vue b/src/books/aviationEtiquette/view/components/chapter003.vue index 0d3ab3b..555d14c 100644 --- a/src/books/aviationEtiquette/view/components/chapter003.vue +++ b/src/books/aviationEtiquette/view/components/chapter003.vue @@ -190,7 +190,7 @@ <!-- 91 --> <div class="page-box" page="97"> <div v-if="showPageList.indexOf(97) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <ul class="fl al-fe pad-t-55 pad-l-80 jc-fe mb-45 h-25"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li> <li class="p-Num">91</li> @@ -308,7 +308,7 @@ <!-- 93 --> <div class="page-box" page="99"> <div v-if="showPageList.indexOf(99) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <ul class="fl al-fe pad-t-55 pad-l-80 jc-fe mb-45 h-25"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li> <li class="p-Num">93</li> @@ -429,7 +429,7 @@ <!-- 95 --> <div class="page-box" page="101"> <div v-if="showPageList.indexOf(101) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <ul class="fl al-fe pad-t-55 pad-l-80 jc-fe mb-45 h-25"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li> <li class="p-Num">95</li> @@ -560,7 +560,7 @@ <!-- 97 --> <div class="page-box" page="103"> <div v-if="showPageList.indexOf(103) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <ul class="fl al-fe pad-t-55 pad-l-80 jc-fe mb-45 h-25"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li> <li class="p-Num">97</li> @@ -714,7 +714,7 @@ <!-- 99 --> <div class="page-box" page="105"> <div v-if="showPageList.indexOf(105) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <ul class="fl al-fe pad-t-55 pad-l-80 jc-fe mb-45 h-25"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li> <li class="p-Num">99</li> @@ -906,7 +906,7 @@ <!-- 101 --> <div class="page-box" page="107"> <div v-if="showPageList.indexOf(107) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <ul class="fl al-fe pad-t-55 pad-l-80 jc-fe mb-45 h-25"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li> <li class="p-Num">101</li> @@ -1013,35 +1013,11 @@ </div> <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p> <p>瀛﹀畬鏈」鐩唴瀹癸紝璇疯皥璋堜綘鍦ㄧ敓娲诲涔犱腑娌熼�氱殑鏂规硶鍜屼笉瓒充箣澶勩��</p> - <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p> - <p>1.绠�杩颁笌鍚屼簨娌熼�氱殑鎶�宸с��</p> - <textarea v-model="questionData.projectOne.one.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box" - @change="setBookQuestion"></textarea> - <p>2.绠�杩板伐浣滀腑鍒嗘鐨勫鐞嗘柟寮忋��</p> - <textarea v-model="questionData.projectOne.two.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box" - @change="setBookQuestion"></textarea> - <p>3.绠�杩颁笌鐢熺梾鏃呭鐨勬矡閫氭柟娉曘��</p> - <textarea v-model="questionData.projectOne.three.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> - <p>4.姘戣埅鏈嶅姟浜哄憳涓庝汉娌熼�氱殑鍘熷垯搴斿寘鎷紙銆�銆�锛夈�傦紙澶氶�夐锛�</p> - <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1" - v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.鐖卞績</p> - <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1" - v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.璐d换蹇�</p> - <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1" - v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.鍖呭蹇�</p> - <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1" - v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.鍚屾儏蹇�</p> - <p>5.涓庨噸瑕佹梾瀹㈣濡備綍娌熼�氾紵璋堣皥浣犵殑瑙佽В銆�</p> - <textarea v-model="questionData.projectOne.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box" - @change="setBookQuestion"></textarea> - <p>6.娌熼�氫腑鈥滀簲蹇冩湇鍔♀�濇槸鎸囧摢浜斿績锛�</p> - <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box" - @change="setBookQuestion"></textarea> - <p class="dialogQuestion"> + <p class="td-0 mb-10 mt-20"><span class="bj2">路椤圭洰鑷祴路</span></p> + <p class="dialogQuestion" @click="openQuestion(1)"> <span class="td-0">銆愭湰鑺傛祴璇曘��</span> <span class="td-0"> - <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1" + <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28"> <path @@ -1063,7 +1039,7 @@ <!-- 103 --> <div class="page-box" page="109"> <div v-if="showPageList.indexOf(109) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <ul class="fl al-fe pad-t-55 pad-l-80 jc-fe mb-45 h-25"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li> <li class="p-Num">103</li> @@ -1146,20 +1122,20 @@ <p>3.鐞嗚В姝g‘澶勭悊鏃呭鎶曡瘔鐨勬剰涔夈��</p> <div class="video-box"> <p class="center text td-0"> - <video :src="videoPathNine" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" + <video :src="videoPathEleven" 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.isCollectVideoEight ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + <span>瑙嗛锛氭梾瀹㈡姇璇夊師鍥犵殑璁ょ煡</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTen ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> <img :src="collectResourceList.findIndex( - (item) => item.id == '1f04f081f61aa13373daa7b8b92cc750' + (item) => item.id == 'b0ff55db0549ccb2f6c1b332798aa8d3' ) > -1 ? collectCheck : collectImg - " alt="" class="collect-btn" @click="handleCollect('video-09')" /> + " alt="" class="collect-btn" @click="handleCollect('video-11')" /> </el-tooltip> </p> </div> @@ -1211,7 +1187,7 @@ <!-- 105 --> <div class="page-box" page="111"> <div v-if="showPageList.indexOf(111) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <ul class="fl al-fe pad-t-55 pad-l-80 jc-fe mb-45 h-25"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li> <li class="p-Num">105</li> @@ -1320,7 +1296,7 @@ <!-- 107 --> <div class="page-box" page="113"> <div v-if="showPageList.indexOf(113) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <ul class="fl al-fe pad-t-55 pad-l-80 jc-fe mb-45 h-25"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li> <li class="p-Num">107</li> @@ -1442,7 +1418,7 @@ <!-- 109 --> <div class="page-box" page="115"> <div v-if="showPageList.indexOf(115) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <ul class="fl al-fe pad-t-55 pad-l-80 jc-fe mb-45 h-25"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li> <li class="p-Num">109</li> @@ -1555,20 +1531,20 @@ <p>2.鑳藉瀹屾垚澶勭悊鏃呭鎶曡瘔鐨勫疄璁换鍔°��</p> <div class="video-box"> <p class="center text td-0"> - <video :src="videoPathEleven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" + <video :src="videoPathNine" 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.isCollectVideoTen ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + <span>瑙嗛锛氭皯鑸梾瀹㈡姇璇夊簲瀵规妧宸�</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoEight ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> <img :src="collectResourceList.findIndex( - (item) => item.id == 'b0ff55db0549ccb2f6c1b332798aa8d3' + (item) => item.id == '1f04f081f61aa13373daa7b8b92cc750' ) > -1 ? collectCheck : collectImg - " alt="" class="collect-btn" @click="handleCollect('video-11')" /> + " alt="" class="collect-btn" @click="handleCollect('video-09')" /> </el-tooltip> </p> </div> @@ -1578,7 +1554,7 @@ <!-- 111 --> <div class="page-box" page="117"> <div v-if="showPageList.indexOf(117) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <ul class="fl al-fe pad-t-55 pad-l-80 jc-fe mb-45 h-25"> <li class="header-right-Number header-right-title">妯″潡涓�</li> <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li> <li class="p-Num">111</li> @@ -1590,63 +1566,11 @@ <p class="center"> <img class="img-0" alt="" src="../../assets/images/0117-1.jpg" /> </p> - <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> - 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.绉瀬娌熼�氥�佷富鍔ㄦ媴璐g殑鍘熷垯</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.鍙婃椂瑙e喅銆佺粷涓嶆嫋寤剁殑鍘熷垯</p> - <p>3.鍏充簬瀹㈡埛鎶曡瘔瀵硅埅鍙哥殑鎰忎箟锛岃〃杩颁笉姝g‘鐨勬槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</p> - <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="A" id="3" - v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.鍙互鎸界暀浣忛【瀹�</p> - <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="B" id="3" - v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.鎸藉洖瀹㈡埛瀵硅埅鍙哥殑淇′换</p> - <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="C" id="3" - v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.澧炲姞鑸徃鐭ュ悕搴�</p> - <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="D" id="3" - v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.甯姪浼佷笟鍙婃椂鍙戠幇闂</p> - <p>4.鍦ㄦ姇璇夊鐞嗗悗锛屽鏈嶄汉鍛樼殑宸ヤ綔涓嶅寘鎷紙銆�銆�锛夈�傦紙鍗曢�夐锛�</p> - <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="A" id="4" - v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.鑷垜鎺у埗</p> - <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="B" id="4" - v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.鑷垜瀵硅瘽</p> - <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="C" id="4" - v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.鑷垜妫�璁�</p> - <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="D" id="4" - v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鑷垜瀹夋叞</p> - <p> - 5.涓嬪垪閫夐」涓笉灞炰簬姘戣埅鍛樺伐姝g‘澶勭悊鏃呭鎶曡瘔鐨勫師鍒欑殑鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛� - </p> - <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="A" id="5" - v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />A.杩呴�熼噰鍙栬鍔�</p> - <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="B" id="5" - v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />B.绔欏湪鏃呭鐨勭珛鍦哄皢蹇冩瘮蹇�</p> - <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="C" id="5" - v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />C.鍏堝鐞嗕簨浠讹紝鍚庡鐞嗘儏鎰�</p> - <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="D" id="5" - v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />D.鑰愬績鍊惧惉鏃呭鐨勬姳鎬�</p> - <p class="dialogQuestion"> + <p class="td-0 mb-10 mt-20"><span class="bj2">路椤圭洰鑷祴路</span></p> + <p class="dialogQuestion" @click="openQuestion(2)"> <span class="td-0">銆愭湰鑺傛祴璇曘��</span> <span class="td-0"> - <svg @click="openQuestion(2)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1" + <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28"> <path @@ -1661,7 +1585,7 @@ </svg> </span> </p> - </div> + </div> </div> </div> <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor" @@ -2121,7 +2045,7 @@ "瑙嗛锛氭皯鑸亴鍦烘矡閫氳鐭�" ); this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven; - }else if (e == "video-09") { + } else if (e == "video-09") { this.handleCollectResource( "1f04f081f61aa13373daa7b8b92cc750", "1f04f081f61aa13373daa7b8b92cc750", @@ -2131,7 +2055,7 @@ "瑙嗛锛氭皯鑸梾瀹㈡姇璇夊簲瀵规妧宸�" ); this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven; - }else if (e == "video-10") { + } else if (e == "video-10") { this.handleCollectResource( "222a20d4bcb6805836684e0d96752ae3", "222a20d4bcb6805836684e0d96752ae3", @@ -2141,7 +2065,7 @@ "瑙嗛锛氶鏈烘晠闅滃鑷存姇璇夌殑澶勭悊璇濇湳" ); this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven; - }else if (e == "video-11") { + } else if (e == "video-11") { this.handleCollectResource( "b0ff55db0549ccb2f6c1b332798aa8d3", "b0ff55db0549ccb2f6c1b332798aa8d3", -- Gitblit v1.9.1