From 3768c08a1b81aafce9fa188586b9728b33a6b2cc Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期三, 29 五月 2024 21:55:50 +0800 Subject: [PATCH] 轮播 --- src/books/embedded/view/components/chapter001.vue | 89 +++++++++++++++++++++++++++++++------------- 1 files changed, 62 insertions(+), 27 deletions(-) diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue index 4a3928a..b415e24 100644 --- a/src/books/embedded/view/components/chapter001.vue +++ b/src/books/embedded/view/components/chapter001.vue @@ -175,23 +175,27 @@ 鑳斤紝鏈夋晥甯姪鐢ㄦ埛寤洪�犱粠宓屽叆寮忚澶囥�佺幇鍦虹洃鎺у伐浣滅珯鍒颁紒涓氱敓浜х洃鎺т俊鎭綉鍦ㄥ唴鐨勫畬鏁寸殑鑷姩鍖栬В鍐虫柟妗堛�傚浘1-1锝炲浘1-4鎵�绀轰负宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鍚勪釜琛屼笟鐨勬儏鍐点�� </p> <div class="qrbodyPic"> - <el-image - :src="imgOne" - :preview-src-list="[imgOne]" - class="w100" - /> + <div class="openImgBox"> + <img src="../../assets/images/img00014001.jpg" alt="" class="w100"> + </div> <p class="imgdescript">鍥�1-1銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟</p> </div> <div class="qrbodyPic"> - <el-image :src="imgTwo" :preview-src-list="[imgTwo]" /> + <div class="openImgBox"> + <img src="../../assets/images/img00014002.jpg" alt="" class="w100"> + </div> <p class="imgdescript">鍥�1-2銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟</p> </div> <div class="qrbodyPic"> - <el-image :src="imgThree" :preview-src-list="[imgThree]" /> + <div class="openImgBox"> + <img src="../../assets/images/img00014003.jpg" alt="" class="w100"> + </div> <p class="imgdescript">鍥�1-3銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟</p> </div> <div class="qrbodyPic"> - <el-image :src="imgFour" :preview-src-list="[imgFour]" /> + <div class="openImgBox"> + <img src="../../assets/images/img00014004.jpg" alt="" class="w100"> + </div> <p class="imgdescript">鍥�1-4銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟</p> </div> </div> @@ -254,7 +258,9 @@ MCGS宓屽叆鐗堢粍鎬佽蒋浠剁敓鎴愮殑鐢ㄦ埛搴旂敤绯荤粺锛岀敱涓绘帶绐楀彛銆佽澶囩獥鍙c�佺敤鎴风獥鍙c�佸疄鏃舵暟鎹簱鍜岃繍琛岀瓥鐣ヤ簲閮ㄥ垎鏋勬垚锛屽鍥�1-5鎵�绀恒�� </p> <div class="qrbodyPic"> - <el-image :src="imgFive" :preview-src-list="[imgFive]" /> + <div class="openImgBox"> + <img src="../../assets/images/img00015001.jpg" alt="" class="w100"> + </div> <p class="imgdescript">鍥�1-5銆�鐢ㄦ埛搴旂敤绯荤粺缁勬垚</p> </div> <p class="content"> @@ -354,11 +360,14 @@ </div> <div class="fl"> <div class=""> - <el-image + <!-- <el-image :src="imgSix" active="true" :preview-src-list="[imgSix]" - /> + /> --> + <div class="openImgBox"> + <img src="../../assets/images/img00017001.jpg" alt="" class="w100"> + </div> <p class="imgdescript">鍥�1-6銆�姝h鍥�</p> </div> <div class=""> @@ -715,10 +724,9 @@ </div> <!-- 鍐呭 --> <p class="content">璇勫垎琛ㄨ琛�1-2銆�</p> - <div class="qrbodyPic"> - <p class="table-title"> - 琛�1-2銆�璇勫垎琛� - <svg + <p class="table-title"> + <span> 琛�1-2銆�璇勫垎琛� </span> + <svg t="1716802335492" class="share-box icon" viewBox="0 0 1024 1024" @@ -734,8 +742,7 @@ p-id="1783" ></path> </svg> - </p> - </div> + </p> <table border="1" cellpadding="4" cellspacing="0"> <tr class="table-bc"> <td class="table-cn" colspan="2"> @@ -1340,11 +1347,25 @@ <img src="../../assets/images/header-one.png" alt="" /> </div> <p class="content">鍔熻兘娴嬭瘯琛ㄥ琛�1-3鎵�绀猴紝璇勫垎琛ㄥ琛�1-4鎵�绀恒��</p> - <div class="qrbodyPic"> - <p class="table-title"> - 琛�1-3銆�鍔熻兘娴嬭瘯琛� <i class="el-icon-share cu-pr"></i> - </p> - </div> + <p class="table-title"> + 琛�1-3銆�鍔熻兘娴嬭瘯琛� + <svg + t="1716802335492" + class="share-box icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="1782" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="18" + height="18" + > + <path + d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z" + p-id="1783" + ></path> + </svg> + </p> <table border="1" cellpadding="4" cellspacing="0" class="w100"> <tr class="table-bc"> <td class="table-cn"> @@ -1375,11 +1396,25 @@ <td><input style="width: 100%" class="border-0" /></td> </tr> </table> - <div class="qrbodyPic"> - <p class="table-title"> - 琛�1-4銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i> - </p> - </div> + <p class="table-title mt-20"> + 琛�1-4銆�璇勫垎琛� + <svg + t="1716802335492" + class="share-box icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="1782" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="18" + height="18" + > + <path + d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z" + p-id="1783" + ></path> + </svg> + </p> <table border="1" cellpadding="2" cellspacing="0"> <tr class="table-bc"> <td class="table-cn" colspan="2"> -- Gitblit v1.9.1