From 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 27 十二月 2024 15:21:21 +0800
Subject: [PATCH] 轮播图优化
---
src/books/aviationSafety/view/components/chapter003.vue | 301 +++++++++++--------------------------------------
1 files changed, 71 insertions(+), 230 deletions(-)
diff --git a/src/books/aviationSafety/view/components/chapter003.vue b/src/books/aviationSafety/view/components/chapter003.vue
index 2455df6..27ae969 100644
--- a/src/books/aviationSafety/view/components/chapter003.vue
+++ b/src/books/aviationSafety/view/components/chapter003.vue
@@ -4,11 +4,7 @@
<div class="page-box" page="34">
<div v-if="showPageList.indexOf(34) > -1">
<ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
- <img
- class="headerImg mr-10"
- src="../../assets/images/headerlogo.png"
- alt=""
- />
+ <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
<li class="headerText">椤圭洰涓�</li>
<li class="headerText">鍓嶄紶妫�鏌�</li>
<li class="headerNumber">27</li>
@@ -20,9 +16,7 @@
<p><br /></p>
<div class="bk">
<p class="bj1-qjms fl al-c">
- <span class="span-box"></span
- ><span class="span-text">椤圭洰瀵煎叆</span
- ><span class="span-box"></span>
+ <span class="span-box"></span><span class="span-text">椤圭洰瀵煎叆</span><span class="span-box"></span>
</p>
<p class="fz-16">
鍓嶄紶妫�鏌ュ矖浣嶆槸姘戣埅瀹夋杩囩▼涓殑閲嶈涓�鐜紝瀵逛簬淇濋殰鏈哄満瀹夊叏杩愯惀鍜屾彁楂樿繃妫�鏁堢巼鍏锋湁閲嶈鎰忎箟銆傚墠浼犲憳闇�瑕佸紩瀵兼梾瀹㈡纭憜鏀捐繃妫�琛屾潕锛岀淮鎸佽繃妫�绉╁簭锛屽鐞嗙獊鍙戠姸鍐碉紝纭繚瀹夋杩囩▼椤虹晠鏈夊簭銆傛帉鎻″墠浼犳鏌ュ矖浣嶇殑宸ヤ綔瑙勮寖锛岀啛缁冭繍鐢ㄥ缃紓甯告儏鍐电殑鏂规硶锛屾棦鑳芥彁楂樿嚜韬笟鍔＄礌璐紝涔熻兘鏈夋晥淇濋殰鏈哄満瀹夊叏銆傛湰椤圭洰灏嗚缁嗕粙缁嶅墠浼犳鏌ュ矖浣嶇殑鍚箟銆佽亴璐ｅ畨鎺掋�佸伐浣滄祦绋嬩互鍙婄壒娈婃儏鍐靛缃殑鍐呭銆�
@@ -30,40 +24,20 @@
</div>
<div class="video-box-cover">
<p class="center text">
- <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>
+ <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 == '3be8acd96beeba7bfb62cf26e46fb7dd'
- ) > -1
- ? collectCheck
- : collectImg
- "
- alt=""
- class="collect-btn"
- @click="handleCollect('video-01')"
- />
+ <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+ placement="top-start">
+ <img :src="collectResourceList.findIndex(
+ (item) => item.id == '3be8acd96beeba7bfb62cf26e46fb7dd'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ " alt="" class="collect-btn" @click="handleCollect('video-01')" />
</el-tooltip>
</p>
</div>
@@ -88,13 +62,8 @@
</ul>
<div class="bodystyle p-odd">
<p class="left mt-20 mb-20"><span class="bj2">路瀛︿範浠诲姟鍗暵�</span></p>
- <table
- border="1"
- cellpadding="4"
- cellspacing="0"
- style="border-color: #fff; border-collapse: collapse"
- class="fz-14 img-0"
- >
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
+ class="fz-14 img-0">
<tr class="table-th-bc">
<td class="center" rowspan="3">浠诲姟鐩爣</td>
<td class="center">鐭ヨ瘑鐩爣</td>
@@ -152,13 +121,8 @@
<tr class="table-tr-bc">
<td class="center w15">瀛︿範鍙嶆��</td>
<td class="center" colspan="2">
- <textarea
- v-model="tableData.teskTableOne.one"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="6"
- class="img-0 b0 table-textarea textarea-box"
- @change="setBookTableData"
- ></textarea>
+ <textarea v-model="tableData.teskTableOne.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
</td>
</tr>
</table>
@@ -185,11 +149,7 @@
<div class="page-box" page="36">
<div v-if="showPageList.indexOf(36) > -1">
<ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
- <img
- class="headerImg mr-10"
- src="../../assets/images/headerlogo.png"
- alt=""
- />
+ <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
<li class="headerText">椤圭洰涓�</li>
<li class="headerText">鍓嶄紶妫�鏌�</li>
<li class="headerNumber">29</li>
@@ -212,62 +172,32 @@
<p>锛�6锛夊崗鍔╅獙璇佹鏌ュ憳澶嶆煡鏃呭鐧绘満鐗岋紝闃叉鍑虹幇婕忔鐜拌薄銆�</p>
<div class="video-box-cover">
<p class="center text">
- <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>
+ <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.isCollectVideo2 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start"
- >
- <img
- :src="
- collectResourceList.findIndex(
- (item) => item.id == '1a8b239d665e109faeb1ad12e229a674'
- ) > -1
- ? collectCheck
- : collectImg
- "
- alt=""
- class="collect-btn"
- @click="handleCollect('video-02')"
- />
+ <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo2 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+ placement="top-start">
+ <img :src="collectResourceList.findIndex(
+ (item) => item.id == '1a8b239d665e109faeb1ad12e229a674'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ " alt="" class="collect-btn" @click="handleCollect('video-02')" />
</el-tooltip>
</p>
</div>
<p class="left mt-20 mb-20"><span class="bj2">路鏁堟灉妫�娴嬄�</span></p>
<p>1.璇锋牴鎹墠浼犲憳鐨勫伐浣滆亴璐ｏ紝涓や汉涓�缁勮繘琛屾儏澧冩ā鎷熻缁冦��</p>
- <textarea
- v-model="questionData.teskOne.one"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="6"
- class="fz-14 textarea-box-right"
- @change="setBookQuestion"
- ></textarea>
+ <textarea v-model="questionData.teskOne.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" class="fz-14 textarea-box-right"
+ @change="setBookQuestion"></textarea>
<p>
2.璇锋梾瀹㈠彇鍑哄寘鍐呭ぇ浠堕噾灞炵墿鍝佹椂锛屾梾瀹㈣〃绀轰笉鐞嗚В涓斾笉閰嶅悎锛屼綘搴旇濡備綍澶勭悊锛�
</p>
- <textarea
- v-model="questionData.teskOne.two"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="6"
- class="fz-14 textarea-box-right"
- @change="setBookQuestion"
- ></textarea>
+ <textarea v-model="questionData.teskOne.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" class="fz-14 textarea-box-right"
+ @change="setBookQuestion"></textarea>
<h2 id="b007">浠诲姟浜�<br />閬靛畧宀椾綅瑙勮寖鍙婃儏鍐靛缃師鍒�</h2>
<p class="left mt-20 mb-20"><span class="bj2">路浠诲姟鎻忚堪路</span></p>
<p>
@@ -285,13 +215,8 @@
</ul>
<div class="bodystyle p-odd">
<p class="left mb-20 mt-20"><span class="bj2">路瀛︿範浠诲姟鍗暵�</span></p>
- <table
- border="1"
- cellpadding="4"
- cellspacing="0"
- style="border-color: #fff; border-collapse: collapse"
- class="fz-14 img-0"
- >
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
+ class="fz-14 img-0">
<tr class="table-th-bc">
<td class="center" rowspan="3">浠诲姟鐩爣</td>
<td class="center">鐭ヨ瘑鐩爣</td>
@@ -345,20 +270,15 @@
<tr class="table-tr-bc">
<td class="center w15">瀛︿範鍙嶆��</td>
<td class="center" colspan="2">
- <textarea
- v-model="tableData.teskTableTwo.one"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="6"
- class="img-0 b0 table-textarea textarea-box"
- @change="setBookTableData"
- ></textarea>
+ <textarea v-model="tableData.teskTableTwo.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
</td>
</tr>
</table>
<p class="left"><span class="bj2">路鐭ヨ瘑鍑嗗路</span></p>
<h3 id="c015">涓�銆佸矖浣嶅伐浣滄祦绋�</h3>
<p>鍓嶄紶妫�鏌ュ矖浣嶇殑宸ヤ綔娴佺▼濡傚浘3-2鎵�绀恒��</p>
- <p class="center">
+ <p class="center openImgBox">
<img class="img-f" alt="" src="../../assets/images/0041-2.jpg" />
</p>
<p class="img">鍥�3-2 鍓嶄紶妫�鏌ュ矖浣嶅伐浣滄祦绋�</p>
@@ -369,11 +289,7 @@
<div class="page-box" page="38">
<div v-if="showPageList.indexOf(38) > -1">
<ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
- <img
- class="headerImg mr-10"
- src="../../assets/images/headerlogo.png"
- alt=""
- />
+ <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
<li class="headerText">椤圭洰涓�</li>
<li class="headerText">鍓嶄紶妫�鏌�</li>
<li class="headerNumber">31</li>
@@ -397,78 +313,38 @@
</p>
<div class="video-box-cover">
<p class="center text">
- <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>
+ <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.isCollectVideo3 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start"
- >
- <img
- :src="
- collectResourceList.findIndex(
- (item) => item.id == '94b00baff32320b0c5f06e94951c0d22'
- ) > -1
- ? collectCheck
- : collectImg
- "
- alt=""
- class="collect-btn"
- @click="handleCollect('video-03')"
- />
+ <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo3 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+ placement="top-start">
+ <img :src="collectResourceList.findIndex(
+ (item) => item.id == '94b00baff32320b0c5f06e94951c0d22'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ " alt="" class="collect-btn" @click="handleCollect('video-03')" />
</el-tooltip>
</p>
</div>
<p class="left mt-20 mb-20"><span class="bj2">路鏁堟灉妫�娴嬄�</span></p>
<p>1.璇锋弿杩板墠浼犳鏌ュ矖浣嶅伐浣滅殑鍩烘湰娴佺▼銆�</p>
- <textarea
- v-model="questionData.teskTwo.one"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="6"
- class="fz-14 textarea-box-right"
- @change="setBookQuestion"
- ></textarea>
+ <textarea v-model="questionData.teskTwo.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" class="fz-14 textarea-box-right"
+ @change="setBookQuestion"></textarea>
<p>2.褰撴梾瀹㈠湪鍓嶄紶妫�鏌ュ矖浣嶆彁鍑烘惡甯︿簡鏄撶鐗╁搧鏃讹紝搴斿浣曞鐞嗭紵</p>
- <textarea
- v-model="questionData.teskTwo.two"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="6"
- class="fz-14 textarea-box-right"
- @change="setBookQuestion"
- ></textarea>
+ <textarea v-model="questionData.teskTwo.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" class="fz-14 textarea-box-right"
+ @change="setBookQuestion"></textarea>
<p>
3.閬囧埌涓嶅疁閫氳繃閲戝睘鎺㈡祴闂ㄦ鏌ョ殑鏃呭锛屽墠浼犲憳搴斿仛浠�涔堬紵闇�瑕佹敞鎰忎粈涔堬紵
</p>
- <textarea
- v-model="questionData.teskTwo.three"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="6"
- class="fz-14 textarea-box-right"
- @change="setBookQuestion"
- ></textarea>
+ <textarea v-model="questionData.teskTwo.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" class="fz-14 textarea-box-right"
+ @change="setBookQuestion"></textarea>
<p class="fz-14 center" style="color: #8091bc">浠诲姟妫�娴嬭〃</p>
- <table
- border="1"
- cellpadding="4"
- cellspacing="0"
- style="border-color: #fff; border-collapse: collapse"
- class="fz-14 img-0"
- >
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
+ class="fz-14 img-0">
<tr class="table-title-bc">
<td class="center">浠诲姟鐩爣</td>
<td class="center">鍒嗗��</td>
@@ -479,78 +355,43 @@
<td class="center w15">宀椾綅宸ヤ綔娴佺▼</td>
<td class="center">20</td>
<td class="center">
- <textarea
- v-model="tableData.teskTableTwo.two"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2"
- class="b0 table-textarea textarea-box"
- @change="setBookTableData"
- ></textarea>
+ <textarea v-model="tableData.teskTableTwo.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
</td>
<td class="center">
- <textarea
- v-model="tableData.teskTableTwo.three"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2"
- class="b0 table-textarea textarea-box"
- @change="setBookTableData"
- ></textarea>
+ <textarea v-model="tableData.teskTableTwo.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td class="center">鐗规畩鎯呭喌澶勭疆</td>
<td class="center w15">50</td>
<td class="center">
- <textarea
- v-model="tableData.teskTableTwo.four"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2"
- class="b0 table-textarea textarea-box"
- @change="setBookTableData"
- ></textarea>
+ <textarea v-model="tableData.teskTableTwo.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
</td>
<td class="center">
- <textarea
- v-model="tableData.teskTableTwo.five"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2"
- class="b0 table-textarea textarea-box"
- @change="setBookTableData"
- ></textarea>
+ <textarea v-model="tableData.teskTableTwo.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
</td>
</tr>
<tr class="table-th-bc">
<td class="center w25">宀椾綅鑱岃矗</td>
<td class="center">30</td>
<td class="center">
- <textarea
- v-model="tableData.teskTableTwo.six"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2"
- class="b0 table-textarea textarea-box"
- @change="setBookTableData"
- ></textarea>
+ <textarea v-model="tableData.teskTableTwo.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
</td>
<td class="center">
- <textarea
- v-model="tableData.teskTableTwo.seven"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="2"
- class="b0 table-textarea textarea-box"
- @change="setBookTableData"
- ></textarea>
+ <textarea v-model="tableData.teskTableTwo.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
</td>
</tr>
</table>
</div>
</div>
</div>
- <preView
- :isClear="dialogVisible"
- :md5="p_md5"
- :pdfTitle="somePdfTitleValue"
- ref="pdfDialogRef"
- ></preView>
+ <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
</div>
</template>
--
Gitblit v1.9.1