From db8134538a7721edade94e07c03ef59c063126ba Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期三, 29 五月 2024 18:29:43 +0800 Subject: [PATCH] 优化 --- src/books/embedded/view/components/chapter001.vue | 130 +++++++++++++++++++++++++++++++++---------- 1 files changed, 99 insertions(+), 31 deletions(-) diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue index a7b28d7..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=""> @@ -451,8 +460,25 @@ <p class="imgdescript">鍥�1-14銆�TPC7062K涓庝笁鑿盕X绯诲垪PLC閫氫俊鎺ョ嚎</p> </div> <p class="content">璇勫垎琛ㄨ琛�1-1銆�</p> - <p class="table-title"> - 琛�1-1銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i> + <p class="table-title fl ju-cn al-cn"> + <span>琛�1-1銆�璇勫垎琛�</span> + <!-- <i class="el-icon-share cu-pr"></i> --> + <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"> <tr class="table-bc"> @@ -698,11 +724,25 @@ </div> <!-- 鍐呭 --> <p class="content">璇勫垎琛ㄨ琛�1-2銆�</p> - <div class="qrbodyPic"> - <p class="table-title"> - 琛�1-2銆�璇勫垎琛� <i class="el-icon-share cu-pr"></i> - </p> - </div> + <p class="table-title"> + <span> 琛�1-2銆�璇勫垎琛� </span> + <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"> <tr class="table-bc"> <td class="table-cn" colspan="2"> @@ -860,7 +900,7 @@ src="../../assets/images/icon/download.png" class="downlod-icon cu-pr" /> --> - <span class="svg-btn" @click="downloadWord('椹卞姩鏁欑▼璧勬簮')"> + <span class="svg-btn" @click="downloadWord('椹卞姩鏁欑▼璧勬簮')"> <svg t="1716796212460" class="icon" @@ -897,7 +937,7 @@ src="../../assets/images/icon/download.png" class="downlod-icon cu-pr" /> --> - <span class="svg-btn" @click="downloadWord('纭欢鏁欑▼璧勬簮')"> + <span class="svg-btn" @click="downloadWord('纭欢鏁欑▼璧勬簮')"> <svg t="1716796212460" class="icon" @@ -1307,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"> @@ -1342,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"> @@ -1611,7 +1679,7 @@ }, downloadRar(type) { const path = "/閰嶅瀛︿範璧勬簮/p7/" + type + ".rar"; - window.open(this.config.activeBook.resourceUrl+ path); + window.open(this.config.activeBook.resourceUrl + path); }, downloadWord(type) { const path = "/閰嶅瀛︿範璧勬簮/p9/鏁欑▼璧勬簮/" + type + ".doc"; -- Gitblit v1.9.1