From 37f987a51c2e64a9d08e31ccf2bb58ff15b09af1 Mon Sep 17 00:00:00 2001 From: litian <2804272236@qq.com> Date: 星期五, 03 一月 2025 14:11:21 +0800 Subject: [PATCH] css --- src/books/aviationEtiquette/view/components/chpater002.vue | 457 ++++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 304 insertions(+), 153 deletions(-) diff --git a/src/books/aviationEtiquette/view/components/chpater002.vue b/src/books/aviationEtiquette/view/components/chpater002.vue index b721c37..2d7fcf8 100644 --- a/src/books/aviationEtiquette/view/components/chpater002.vue +++ b/src/books/aviationEtiquette/view/components/chpater002.vue @@ -40,12 +40,12 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p> 鏉庝附鍐冲畾閫氳繃鏈嶈鎼厤浠ュ強鏇村鍦颁簡瑙h埅鍙哥殑褰㈣薄鏂囧寲鏉ヤ负鑷繁鐨勯潰璇曞姞鍒嗐�傞偅涔堬紝鏉庝附璇ユ�庢牱鍘讳簡瑙h埅鍙告湇瑁呮枃鍖栵紵濡備綍寰椾綋鍦版惌閰嶅拰淇グ鑷繁鍛紵 </p> <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -57,7 +57,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">47</li> + <li class="p-Num">47</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> @@ -141,7 +141,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">49</li> + <li class="p-Num">49</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> @@ -248,7 +248,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">51</li> + <li class="p-Num">51</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> @@ -341,7 +341,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">53</li> + <li class="p-Num">53</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> @@ -446,7 +446,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">55</li> + <li class="p-Num">55</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> @@ -528,13 +528,13 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>1.濯涘獩涓轰粈涔堜細灏村艾鍛紵</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="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> <p>2.浣犵煡閬撶殑姘戣埅鍒舵湇瑙勮寖鏈夊摢浜涘憿锛�</p> - <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <p> @@ -552,7 +552,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">57</li> + <li class="p-Num">57</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> @@ -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> 涓嶇鏄埗鏈嶈繕鏄竴鑸晢鍔¤タ鏈嶏紝棣栧厛瑕佷笌棰嗗甫鎼厤銆傞甯︿篃鏄敺澹湪浠〃鏂归潰鐨勪竴涓爣蹇楋紝閰嶄笂鍚堜綋鐨勮タ鏈嶏紝鍙互浣跨┛鑰呮樉寰楁絿娲掋�佺簿绁炪�佺粎澹�佺ǔ閲嶏紝鍚屾椂涔熶綋鐜板嚭瀵瑰満鍚堢殑閲嶈銆� @@ -661,7 +687,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">59</li> + <li class="p-Num">59</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> @@ -674,8 +700,8 @@ <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p> <p>1.锛堛��銆�锛変綋褰㈢殑鐗圭偣鏄笂韬槮銆佽噣閮ㄥぇ銆�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="one" :disabled="questionData.isComplete" value="A" id="1" @@ -683,8 +709,8 @@ @change="setBookQuestion" />A.O鍨�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="one" :disabled="questionData.isComplete" value="B" id="1" @@ -692,8 +718,8 @@ @change="setBookQuestion" />B.H鍨�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="one" :disabled="questionData.isComplete" value="C" id="1" @@ -701,8 +727,8 @@ @change="setBookQuestion" />C.A鍨�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="one" :disabled="questionData.isComplete" value="D" id="1" @@ -711,8 +737,8 @@ />D.X鍨�</p> <p>2.鍦嗚劯鍨嬬殑浜洪�夋嫨琛i鏃讹紝搴旈�夛紙銆�銆�锛夈��</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="two" :disabled="questionData.isComplete" value="A" id="2" @@ -720,8 +746,8 @@ @change="setBookQuestion" />A.鍦嗗舰</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="two" :disabled="questionData.isComplete" value="B" id="2" @@ -729,8 +755,8 @@ @change="setBookQuestion" />B.涓�瀛楀舰</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="two" :disabled="questionData.isComplete" value="C" id="2" @@ -738,8 +764,8 @@ @change="setBookQuestion" />C.姊舰</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="two" :disabled="questionData.isComplete" value="D" id="2" @@ -748,8 +774,8 @@ />D.V鍨�</p> <p>3.鏈嶈鐨勶紙銆�銆�锛夌殑鏍峰紡锛屼笌鑴稿瀷鏈夌洿鎺ュ叧绯汇��</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="three" :disabled="questionData.isComplete" value="A" id="3" @@ -757,8 +783,8 @@ @change="setBookQuestion" />A.瑁ゅ瓙</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="three" :disabled="questionData.isComplete" value="B" id="3" @@ -766,8 +792,8 @@ @change="setBookQuestion" />B.琛。</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="three" :disabled="questionData.isComplete" value="C" id="3" @@ -775,8 +801,8 @@ @change="setBookQuestion" />C.棰嗗瓙</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="three" :disabled="questionData.isComplete" value="D" id="3" @@ -862,7 +888,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">61</li> + <li class="p-Num">61</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> @@ -975,7 +1001,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">63</li> + <li class="p-Num">63</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> @@ -1065,7 +1091,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">65</li> + <li class="p-Num">65</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> @@ -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> @@ -1156,7 +1220,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">67</li> + <li class="p-Num">67</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> @@ -1270,7 +1334,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">69</li> + <li class="p-Num">69</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> @@ -1375,6 +1439,25 @@ <p> 鈶ф鏌ワ細姝i潰鏃犵鍙戯紝绾圭悊鏁撮綈锛岃〃闈㈠厜婊戯紱渚ч潰鍙戝す瀵圭О锛屽彂楂诲簳绔笉浣庝簬涓よ�冲瀭锛涜儗闈㈠彂楂诲渾娑︺�侀ケ婊★紝鐩村緞涓嶅皬浜�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> @@ -1391,7 +1474,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">71</li> + <li class="p-Num">71</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> @@ -1415,6 +1498,25 @@ <p> 鈶ㄦ鏌ワ細姝i潰鍒樻捣鍖虹汗鐞嗘暣榻愶紝琛ㄩ潰鍏夋粦锛屽垬娴锋渶浣庣偣涓庣湁灏炬湁涓�鎸囪嚦涓ゆ寚瀹借窛绂汇�備晶闈㈡棤纰庡彂锛屽垎缂濈嚎涓嶅闇层�傚彂楂诲渾娑︺�侀ケ婊★紝鐩村緞涓嶅皬浜�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" /> @@ -1447,8 +1549,8 @@ <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p> <p>1.鑴搁儴鑹茶皟鍋忕孩锛屽彲鐢紙銆�銆�锛変慨楗般��</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.one" :disabled="questionData.isComplete" value="A" id="1" @@ -1456,8 +1558,8 @@ @change="setBookQuestion" />A.娣$传鑹�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.one" :disabled="questionData.isComplete" value="B" id="1" @@ -1465,8 +1567,8 @@ @change="setBookQuestion" />B.娣$豢鑹�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.one" :disabled="questionData.isComplete" value="C" id="1" @@ -1475,8 +1577,8 @@ />C.绫宠壊</p> <p>2.娑傞珮鍏夎壊搴旂敤锛堛��銆�锛夌殑鎵嬫硶娑傛姽銆�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.two" :disabled="questionData.isComplete" value="A" id="2" @@ -1484,8 +1586,8 @@ @change="setBookQuestion" />A.骞虫秱娉�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.two" :disabled="questionData.isComplete" value="B" id="2" @@ -1493,8 +1595,8 @@ @change="setBookQuestion" />B.鎸夊帇娉�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.two" :disabled="questionData.isComplete" value="C" id="2" @@ -1503,8 +1605,8 @@ />C.鐐规媿娉�</p> <p>3.鍦嗚劯鍨嬭�呭湪姊崇悊澶村彂鏃讹紙銆�銆�锛夐儴鍒嗛�傚疁钃澗浜涖��</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.three" :disabled="questionData.isComplete" value="A" id="3" @@ -1512,8 +1614,8 @@ @change="setBookQuestion" />A.澶撮《涓や晶</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.three" :disabled="questionData.isComplete" value="B" id="3" @@ -1521,8 +1623,8 @@ @change="setBookQuestion" />B.澶撮《</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.three" :disabled="questionData.isComplete" value="C" id="3" @@ -1531,8 +1633,8 @@ />C.闈㈠瀷涓や晶</p> <p>4.姝f柟褰㈣劯鍨嬭�呴�傚疁鎻忕敾锛堛��銆�锛夌殑鐪夊舰銆�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.three" :disabled="questionData.isComplete" value="A" id="4" @@ -1540,8 +1642,8 @@ @change="setBookQuestion" />A.涓嬫寕</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.three" :disabled="questionData.isComplete" value="B" id="4" @@ -1549,8 +1651,8 @@ @change="setBookQuestion" />B.鎷卞舰</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.three" :disabled="questionData.isComplete" value="C" id="5" @@ -1559,8 +1661,8 @@ />C.骞崇洿</p> <p>5.涓ょ溂闂磋窛绂昏繎锛岀溂褰辩殑淇グ閲嶇偣搴旀斁鍦紙銆�銆�锛夈��</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.five" :disabled="questionData.isComplete" value="A" id="5" @@ -1568,8 +1670,8 @@ @change="setBookQuestion" />A.鍐呯溂瑙�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.five" :disabled="questionData.isComplete" value="B" id="5" @@ -1577,8 +1679,8 @@ @change="setBookQuestion" />B.鐪奸儴涓ぎ</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.five" :disabled="questionData.isComplete" value="C" id="5" @@ -1587,8 +1689,8 @@ />C.澶栫溂瑙�</p> <p>6.涓夌偣涓�绾挎槸鎸囧皢锛堛��銆�锛夎繛鎴愪竴鏉$嚎銆�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.six" :disabled="questionData.isComplete" value="A" id="6" @@ -1596,8 +1698,8 @@ @change="setBookQuestion" />A.鐪夊ご銆佸唴鐪艰銆佸槾瑙�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.six" :disabled="questionData.isComplete" value="B" id="6" @@ -1605,8 +1707,8 @@ @change="setBookQuestion" />B.澶栫溂瑙掋�佺湁姊€�佸槾瑙�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.six" :disabled="questionData.isComplete" value="C" id="6" @@ -1615,8 +1717,8 @@ />C.鐪夊ご銆佸唴鐪艰銆侀蓟缈�</p> <p>7.涓哄姞寮虹溂閮ㄧ珛浣撴劅锛屽彲鍦ㄧ湁楠ㄦ姽涓婏紙銆�銆�锛夌溂褰便��</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.seven" :disabled="questionData.isComplete" value="A" id="7" @@ -1624,8 +1726,8 @@ @change="setBookQuestion" />A.鏆楄壊</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.seven" :disabled="questionData.isComplete" value="B" id="7" @@ -1633,8 +1735,8 @@ @change="setBookQuestion" />B.鏄庝寒鑹�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.seven" :disabled="questionData.isComplete" value="C" id="7" @@ -1643,8 +1745,8 @@ />C.瑜愯壊</p> <p>8.涓庡攪鑶忕殑棰滆壊鐩告瘮锛屽攪绾跨瑪鐨勯鑹插簲锛堛��銆�锛夈��</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.eight" :disabled="questionData.isComplete" value="A" id="8" @@ -1652,8 +1754,8 @@ @change="setBookQuestion" />A.鐣ユ繁涓�搴�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.eight" :disabled="questionData.isComplete" value="B" id="8" @@ -1661,8 +1763,8 @@ @change="setBookQuestion" />B.鐣ユ祬涓�搴�</p> <p><input - type="checkbox" - name="ball2" + type="radio" + name="projectTwo.eight" :disabled="questionData.isComplete" value="C" id="8" @@ -1678,7 +1780,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">73</li> + <li class="p-Num">73</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> @@ -1741,10 +1843,10 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>璇疯皥璋堝井绗戝姘戣埅鏈嶅姟宸ヤ綔鐨勯噸瑕佹�с��</p> <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <p> @@ -1774,7 +1876,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">75</li> + <li class="p-Num">75</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> @@ -1886,7 +1988,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">77</li> + <li class="p-Num">77</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> @@ -1989,7 +2091,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">79</li> + <li class="p-Num">79</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> @@ -2062,10 +2164,10 @@ class="zt-zysx1">闂�</span> </p> </div> - <div class="bj3"> + <div class="bj3 fz-15"> <p>璇磋浣犵煡閬撶殑閫氱敤鎵嬪娍璇兘鏈夊摢浜涳紵</p> <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" - class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + class="fz-15 textarea-box" @change="setBookQuestion"></textarea> </div> </div> <h4 id="d057">涓�銆佹墜鍔跨殑鍒嗙被鍙婁娇鐢ㄨ寖鍥�</h4> @@ -2107,7 +2209,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">81</li> + <li class="p-Num">81</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> @@ -2198,7 +2300,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">83</li> + <li class="p-Num">83</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> @@ -2294,7 +2396,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">85</li> + <li class="p-Num">85</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> @@ -2406,7 +2508,7 @@ <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> <li class="header-right-Number header-right-title">妯″潡浜�</li> <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li> - <li class="header-right-Number pNum">87</li> + <li class="p-Num">87</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> @@ -2427,8 +2529,8 @@ <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p> <p>1.涓庡瀹㈡尌鎵嬩綔鍒悗锛屽簲锛堛��銆�锛夈��</p> <p><input - type="checkbox" - name="ball1" + type="radio" + name="projectThree.one" :disabled="questionData.isComplete" value="A" id="1" @@ -2436,8 +2538,8 @@ @change="setBookQuestion" />A.绔欏湪鍘熷湴锛屽緟杞﹁締娑堝け鍦ㄨ绾胯寖鍥村唴涔嬪悗鎵嶈兘缂撴參绂诲紑</p> <p><input - type="checkbox" - name="ball1" + type="radio" + name="projectThree.one" :disabled="questionData.isComplete" value="B" id="1" @@ -2445,8 +2547,8 @@ @change="setBookQuestion" />B.绔嬮┈杞韩绂诲紑</p> <p><input - type="checkbox" - name="ball1" + type="radio" + name="projectThree.one" :disabled="questionData.isComplete" value="C" id="1" @@ -2454,8 +2556,8 @@ @change="setBookQuestion" />C.涓庢梺杈圭殑鍚屼簨浜ゆ祦</p> <p><input - type="checkbox" - name="ball1" + type="radio" + name="projectThree.one" :disabled="questionData.isComplete" value="D" id="1" @@ -2482,8 +2584,8 @@ 2.浠婂ぉ浣犱唬琛ㄥ叕鍙稿嚭甯細璁紝鍒拌揪浼氳鍘呮椂澶у宸插氨搴с�傜獊鐒堕亣瑙佷竴浣嶆湅鍙嬶紝璺濈绾�5绫筹紝浠栧悜浣犺〃杈鹃棶鍊欙紝姝ゆ椂浣犲簲锛堛��銆�锛夈�� </p> <p><input - type="checkbox" - name="ball1" + type="radio" + name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2" @@ -2491,8 +2593,8 @@ @change="setBookQuestion" />A.绔嬮┈绔欒捣鏉ワ紝鎸ユ墜绀烘剰</p> <p><input - type="checkbox" - name="ball1" + type="radio" + name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2" @@ -2500,8 +2602,8 @@ @change="setBookQuestion" />B.寰瑧鐐瑰ご绀烘剰</p> <p><input - type="checkbox" - name="ball1" + type="radio" + name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2" @@ -2509,8 +2611,8 @@ @change="setBookQuestion" />C.浠庝細璁巺涓棿绌胯繃鍘伙紝鎻℃墜绀烘剰</p> <p><input - type="checkbox" - name="ball1" + type="radio" + name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2" @@ -2519,8 +2621,8 @@ />D.鎵撻�氱數璇濈ず鎰�</p> <p>3.闈㈣瘯鏃讹紝浠ラ灎韬ぜ闂ソ鐨勮韩浣撳集鏇插害鏁板簲涓猴紙銆�銆�锛夈��</p> <p><input - type="checkbox" - name="ball1" + type="radio" + name="projectThree.three" :disabled="questionData.isComplete" value="A" id="3" @@ -2528,8 +2630,8 @@ @change="setBookQuestion" />A.15掳</p> <p><input - type="checkbox" - name="ball1" + type="radio" + name="projectThree.three" :disabled="questionData.isComplete" value="B" id="3" @@ -2537,8 +2639,8 @@ @change="setBookQuestion" />B.30掳</p> <p><input - type="checkbox" - name="ball1" + type="radio" + name="projectThree.three" :disabled="questionData.isComplete" value="C" id="3" @@ -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, @@ -2587,13 +2692,13 @@ }, projectOne:{ one:{ - value:[] + value:"" }, two:{ value:[] }, three:{ - value:[] + value:'' }, four:{ value:'' @@ -2601,40 +2706,40 @@ }, projectTwo:{ one:{ - value:[] + value:"" }, two:{ - value:[] + value:"" }, three:{ - value:[] + value:"" }, four:{ - value:[] + value:"" }, five:{ - value:[] + value:"" }, six:{ - value:[] + value:"" }, seven:{ - value:[] + value:"" }, eight:{ - value:[] + value:"" } }, projectThree:{ one:{ - value:[] + value:"" }, two:{ - value:[] + value:"" }, three:{ - value:[] + value:"" }, four:{ value:'' @@ -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(); -- Gitblit v1.9.1