From 574ab216e6d4c9e9865801e3ccc0fa032b28b475 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 31 五月 2024 11:46:25 +0800 Subject: [PATCH] 嵌入式优化 --- src/books/embedded/view/components/chapter001.vue | 777 +++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 467 insertions(+), 310 deletions(-) diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue index f9ba615..9a59f99 100644 --- a/src/books/embedded/view/components/chapter001.vue +++ b/src/books/embedded/view/components/chapter001.vue @@ -84,19 +84,19 @@ /> --> <span class="svg-btn" @click="download('宸ョ▼鏍蜂緥')"> <svg - t="1716796212460" - class="theme-color icon" + t="1716978364001" + class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" - p-id="1598" + p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="15" > <path - d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z" - p-id="1599" + d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z" + p-id="13397" ></path> </svg> </span> @@ -111,26 +111,21 @@ src="../../assets/images/icon/rar.png" class="rar-icon" /> - <!-- <img - @click="download('绠℃帶涓�浣撴牱渚�')" - src="../../assets/images/icon/download.png" - class="downlod-icon cu-pr" - /> --> <span class="svg-btn" @click="download('绠℃帶涓�浣撴牱渚�')"> <svg - t="1716796212460" + t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" - p-id="1598" + p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="15" > <path - d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z" - p-id="1599" + d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z" + p-id="13397" ></path> </svg> </span> @@ -145,26 +140,21 @@ src="../../assets/images/icon/rar.png" class="rar-icon" /> - <!-- <img - @click="download('宓宊璁″垝鏇茬嚎鏍蜂緥')" - src="../../assets/images/icon/download.png" - class="downlod-icon cu-pr" - /> --> <span class="svg-btn" @click="download('宓宊璁″垝鏇茬嚎鏍蜂緥')"> <svg - t="1716796212460" + t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" - p-id="1598" + p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="15" > <path - d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z" - p-id="1599" + d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z" + p-id="13397" ></path> </svg> </span> @@ -179,36 +169,60 @@ </p> <div class="qrbodyPic"> <div class="openImgBox"> - <img src="../../assets/images/img00014001.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00014001.jpg" + alt="宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟" + class="w100" + /> </div> - <p class="imgdescript">鍥�1-1銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟</p> + <p class="imgdescript"> + 鍥�1-1銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟 + </p> </div> <div class="qrbodyPic"> <div class="openImgBox"> - <img src="../../assets/images/img00014002.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00014002.jpg" + alt="宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟" + class="w100" + /> </div> - <p class="imgdescript">鍥�1-2銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟</p> + <p class="imgdescript"> + 鍥�1-2銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟 + </p> </div> <div class="qrbodyPic"> <div class="openImgBox"> - <img src="../../assets/images/img00014003.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00014003.jpg" + alt="宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟" + class="w100" + /> </div> - <p class="imgdescript">鍥�1-3銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟</p> + <p class="imgdescript"> + 鍥�1-3銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟 + </p> </div> <div class="qrbodyPic"> <div class="openImgBox"> - <img src="../../assets/images/img00014004.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00014004.jpg" + alt="宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟" + class="w100" + /> </div> - <p class="imgdescript">鍥�1-4銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟</p> + <p class="imgdescript"> + 鍥�1-4銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟 + </p> </div> </div> </div> </div> - <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> - <li class="footer-num">2</li> - <li class="footer-box"></li> - </ul> </div> + <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> + <li class="footer-num">2</li> + <li class="footer-box"></li> + </ul> </div> <!-- 3 --> <div class="page-box fl fl-cl ju-bt al-end padding-86" page="13"> @@ -264,7 +278,11 @@ </p> <div class="qrbodyPic"> <div class="openImgBox"> - <img src="../../assets/images/img00015001.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00015001.jpg" + alt="鐢ㄦ埛搴旂敤绯荤粺缁勬垚" + class="w100" + /> </div> <p class="imgdescript">鍥�1-5銆�鐢ㄦ埛搴旂敤绯荤粺缁勬垚</p> </div> @@ -286,7 +304,11 @@ <div v-if="showPageList.indexOf(14) > -1"> <div> <div class="mt-20"> - <img src="../../assets/images/page-header.png" alt="" class="w100" /> + <img + src="../../assets/images/page-header.png" + alt="" + class="w100" + /> </div> <div class="padding-96"> <p class="content t0"> @@ -367,22 +389,21 @@ <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20"> <img src="../../assets/images/header-one.png" alt="" /> </div> - <div class="fl"> + <div class="fl openImgBox"> <div class=""> - <!-- <el-image - :src="imgSix" - active="true" - :preview-src-list="[imgSix]" - /> --> - <div class="openImgBox"> - <img src="../../assets/images/img00017001.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00017001.jpg" + alt="姝h鍥�" + class="w100" + /> <p class="imgdescript">鍥�1-6銆�姝h鍥�</p> </div> <div class=""> - <div class="openImgBox"> - <img src="../../assets/images/img00017002.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00017002.jpg" + alt="鑳岃鍥�" + class="w100" + /> <p class="imgdescript">鍥�1-7銆�鑳岃鍥�</p> </div> </div> @@ -392,30 +413,44 @@ <p class="content"> 鈶犲皢寮�鍏崇數婧�24V+绔嚎鎻掑叆TPC鐢垫簮鎻掑ご鎺ョ嚎1绔腑锛屽鍥�1-8鎵�绀恒�� </p> - <p class="content">鈶″皢寮�鍏崇數婧�24V-绔嚎鎻掑叆TPC鐢垫簮鎻掑ご鎺ョ嚎2绔腑銆�</p> + <p class="content"> + 鈶″皢寮�鍏崇數婧�24V-绔嚎鎻掑叆TPC鐢垫簮鎻掑ご鎺ョ嚎2绔腑銆� + </p> <p class="content">鈶娇鐢ㄤ竴瀛楀ご鏃嬪叿灏員PC鐢垫簮鎻掑ご铻洪拤閿佺揣銆�</p> </div> <div class="right"> <div class="openImgBox"> - <img src="../../assets/images/img00017003.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00017003.jpg" + alt="鐢垫簮鎻掑ご绀烘剰鍥惧強寮曡剼瀹氫箟" + class="w100" + /> </div> <p class="imgdescript">鍥�1-8銆�鐢垫簮鎻掑ご绀烘剰鍥惧強寮曡剼瀹氫箟</p> </div> </div> - + <p class="content"> 锛�4锛塗PC7062K澶栭儴鎺ュ彛銆傛帴鍙h鏄庡鍥�1-9鎵�绀猴紝涓插彛寮曡剼瀹氫箟濡傚浘1-10鎵�绀恒�� </p> <div> <div class="openImgBox"> - <img src="../../assets/images/img00017004.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00017004.jpg" + alt="鎺ュ彛璇存槑" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-9銆�鎺ュ彛璇存槑</p> </div> <div> <div class="openImgBox"> - <img src="../../assets/images/img00017005.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00017005.jpg" + alt="涓插彛寮曡剼瀹氫箟" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-10銆�涓插彛寮曡剼瀹氫箟</p> </div> <p class="content"> @@ -433,12 +468,20 @@ <div v-if="showPageList.indexOf(16) > -1"> <div> <div class="mt-20"> - <img src="../../assets/images/page-header.png" alt="" class="w100" /> + <img + src="../../assets/images/page-header.png" + alt="" + class="w100" + /> </div> <div class="padding-96"> <div> <div class="openImgBox"> - <img src="../../assets/images/img00018001.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00018001.jpg" + alt="TPC鍚姩杩囩▼" + class="w100" + /> </div> <p class="imgdescript">鍥�1-11銆�TPC鍚姩杩囩▼</p> </div> @@ -455,7 +498,11 @@ </p> <div style="width: 90%" class="m0-auto"> <div class="openImgBox"> - <img src="../../assets/images/img00018002.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00018002.jpg" + alt="TPC7062K涓庤タ闂ㄥ瓙S7-200绯诲垪PLC閫氫俊鎺ョ嚎" + class="w100" + /> </div> <p class="imgdescript"> 鍥�1-12銆�TPC7062K涓庤タ闂ㄥ瓙S7-200绯诲垪PLC閫氫俊鎺ョ嚎 @@ -463,17 +510,21 @@ </div> <div class="m0-auto" style="width: 90%"> <div class="openImgBox"> - <img src="../../assets/images/img00018003.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00018003.jpg" + alt="TPC7062K涓庢濮嗛緳PLC閫氫俊鎺ョ嚎" + class="w100" + /> </div> <p class="imgdescript">鍥�1-13銆�TPC7062K涓庢濮嗛緳PLC閫氫俊鎺ョ嚎</p> </div> </div> </div> - <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> - <li class="footer-num">6</li> - <li class="footer-box"></li> - </ul> </div> + <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> + <li class="footer-num">6</li> + <li class="footer-box"></li> + </ul> </div> <!-- 7 --> <div class="page-box fl fl-cl ju-bt al-end padding-96" page="17"> @@ -484,8 +535,12 @@ </div> <div> <div class="openImgBox"> - <img src="../../assets/images/img00019001.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00019001.jpg" + alt="TPC7062K涓庝笁鑿盕X绯诲垪PLC閫氫俊鎺ョ嚎" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-14銆�TPC7062K涓庝笁鑿盕X绯诲垪PLC閫氫俊鎺ョ嚎</p> </div> <p class="content">璇勫垎琛ㄨ琛�1-1銆�</p> @@ -518,7 +573,8 @@ <td class="table-cn"> 宸� 浣� 褰� 寮� <br /> <input type="checkbox" name="xingshi" value="prople" /> 涓汉 - <input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐 + <input type="checkbox" name="xingshi" value="fengong" /> + 灏忕粍鍒嗗伐 <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍 </td> <td colspan="2" class="table-cn"> @@ -625,14 +681,10 @@ </li> <li class="fl fl-cl al-cn p-10"> <div class="fl al-end"> - <img src="../../assets/images/icon/rar.png" class="rar-icon" /> - <!-- <img - @click=" - downloadRar('McgsPro 3.3.6.6354 SP1.3 缁勬�佽蒋浠跺畨瑁呭寘') - " - src="../../assets/images/icon/download.png" - class="downlod-icon cu-pr" - /> --> + <img + src="../../assets/images/icon/rar.png" + class="rar-icon" + /> <span class="svg-btn" @click=" @@ -640,19 +692,19 @@ " > <svg - t="1716796212460" + t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" - p-id="1598" + p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="15" > <path - d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z" - p-id="1599" + d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z" + p-id="13397" ></path> </svg> </span> @@ -666,10 +718,12 @@ </li> </ul> </div> - + <video - v-if="videoOne" - :src="config.resourceCtx + '/閰嶅瀛︿範璧勬簮/p7/MCGS瀹夎瑙嗛甯﹂煶棰�.mp4'" + :src=" + config.activeBook.resourceUrl + + '/閰嶅瀛︿範璧勬簮/p7/MCGS瀹夎瑙嗛甯﹂煶棰�.mp4' + " webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" @@ -698,7 +752,11 @@ <div v-if="showPageList.indexOf(18) > -1"> <div> <div class="mt-20"> - <img src="../../assets/images/page-header.png" alt="" class="w100" /> + <img + src="../../assets/images/page-header.png" + alt="" + class="w100" + /> </div> <div class="padding-96"> <p class="content"> @@ -720,33 +778,71 @@ 锛�6锛夊畨瑁呭畬鎴愬悗锛學indows鎿嶄綔绯荤粺鐨勬闈笂娣诲姞浜嗗鍥�1-20鎵�绀虹殑涓や釜蹇嵎鏂瑰紡鍥炬爣锛屽垎鍒敤浜庡惎鍔∕CGS宓屽叆寮忕粍鎬佺幆澧冨拰妯℃嫙杩愯鐜銆� </p> <div class="qrbodyPic"> - <el-carousel - trigger="click" - class="bones-carousel carousel-image" - arrow="always" - indicator-position="none" - > - <el-carousel-item - v-for="(item, index) in bonesList" - :key="index" - class="bones-carousel-item" - > - <el-image - :src="item" - :preview-src-list="bonesList" - :preview-teleported="true" - class="open-image" - /> - </el-carousel-item> - </el-carousel> + <div class="banshi openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/carousel-one.png" + alt="MCGS瀹夎绋嬪簭绐楀彛" + /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/carousel-two.png" + alt="鍚姩瀹夎绋嬪簭" + /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/carousel-three.png" + alt="鎸囧畾瀹夎鐩綍" + /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/carousel-four.png" + alt="閫夋嫨瀹夎璁惧椹卞姩" + /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/carousel-five.png" + alt="椹卞姩瀹夎绋嬪簭" + /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/carousel-six.png" + alt="缁勬�佺幆澧冨拰妯℃嫙杩愯鐜蹇嵎鏂瑰紡鍥炬爣" + /> + </div> + </div> + </div> + <div class="swiper-pagination"></div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> </div> </div> </div> - <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> - <li class="footer-num">8</li> - <li class="footer-box"></li> - </ul> </div> + <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> + <li class="footer-num">8</li> + <li class="footer-box"></li> + </ul> </div> <!-- 9 --> <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="19"> @@ -785,7 +881,8 @@ <td class="table-cn"> 宸� 浣� 褰� 寮� <br /> <input type="checkbox" name="xingshi" value="prople" /> 涓汉 - <input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐 + <input type="checkbox" name="xingshi" value="fengong" /> + 灏忕粍鍒嗗伐 <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍 </td> <td colspan="2" class="table-cn"> @@ -849,33 +946,19 @@ </div> <ul class="word-resource fl ju-ev"> <li class="fl fl-cl al-cn p08"> - <div class="fl al-end"> + <div class="fl al-end" style="margin: 10px 0"> <img src="../../assets/images/icon/word.png" class="word-icon" /> - <!-- <img - @click="downloadWord('鍒濈骇鏁欑▼璧勬簮')" - src="../../assets/images/icon/download.png" - class="downlod-icon cu-pr" - /> --> <span class="svg-btn" @click="downloadWord('鍒濈骇鏁欑▼璧勬簮')"> - <svg - t="1716796212460" - class="icon" - viewBox="0 0 1024 1024" - version="1.1" - xmlns="http://www.w3.org/2000/svg" - p-id="1598" - xmlns:xlink="http://www.w3.org/1999/xlink" - width="15" - height="15" - > - <path - d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z" - p-id="1599" - ></path> - </svg> + <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink" + width="15" height="15"> + <path + d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z" + p-id="13397"></path> + </svg> </span> </div> <div> @@ -886,33 +969,19 @@ <div class="word-border"></div> </li> <li class="fl fl-cl al-cn p08"> - <div class="fl al-end"> + <div class="fl al-end" style="margin: 10px 0"> <img src="../../assets/images/icon/word.png" class="word-icon" /> - <!-- <img - @click="downloadWord('涓骇鏁欑▼璧勬簮')" - src="../../assets/images/icon/download.png" - class="downlod-icon cu-pr" - /> --> <span class="svg-btn" @click="downloadWord('涓骇鏁欑▼璧勬簮')"> - <svg - t="1716796212460" - class="icon" - viewBox="0 0 1024 1024" - version="1.1" - xmlns="http://www.w3.org/2000/svg" - p-id="1598" - xmlns:xlink="http://www.w3.org/1999/xlink" - width="15" - height="15" - > - <path - d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z" - p-id="1599" - ></path> - </svg> + <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink" + width="15" height="15"> + <path + d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z" + p-id="13397"></path> + </svg> </span> </div> <div> @@ -923,33 +992,19 @@ <div class="word-border"></div> </li> <li class="fl fl-cl al-cn p08"> - <div class="fl al-end"> + <div class="fl al-end" style="margin: 10px 0"> <img src="../../assets/images/icon/word.png" class="word-icon" /> - <!-- <img - @click="downloadWord('椹卞姩鏁欑▼璧勬簮')" - src="../../assets/images/icon/download.png" - class="downlod-icon cu-pr" - /> --> <span class="svg-btn" @click="downloadWord('椹卞姩鏁欑▼璧勬簮')"> - <svg - t="1716796212460" - class="icon" - viewBox="0 0 1024 1024" - version="1.1" - xmlns="http://www.w3.org/2000/svg" - p-id="1598" - xmlns:xlink="http://www.w3.org/1999/xlink" - width="15" - height="15" - > - <path - d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z" - p-id="1599" - ></path> - </svg> + <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink" + width="15" height="15"> + <path + d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z" + p-id="13397"></path> + </svg> </span> </div> <div> @@ -960,36 +1015,22 @@ <div class="word-border"></div> </li> <li class="fl fl-cl al-cn p08"> - <div class="fl al-end"> + <div class="fl al-end" style="margin: 10px 0"> <img src="../../assets/images/icon/word.png" class="word-icon" /> - <!-- <img - @click="downloadWord('纭欢鏁欑▼璧勬簮')" - src="../../assets/images/icon/download.png" - class="downlod-icon cu-pr" - /> --> <span class="svg-btn" @click="downloadWord('纭欢鏁欑▼璧勬簮')"> - <svg - t="1716796212460" - class="icon" - viewBox="0 0 1024 1024" - version="1.1" - xmlns="http://www.w3.org/2000/svg" - p-id="1598" - xmlns:xlink="http://www.w3.org/1999/xlink" - width="15" - height="15" - > - <path - d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z" - p-id="1599" - ></path> - </svg> + <svg t="1716978364001" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink" + width="15" height="15"> + <path + d="M554.7 554.7V793l78-78 60.4 60.4L512 956.3l-181-181 60.4-60.4 77.9 78.1V554.7h85.3zM512 85.3a298.7 298.7 0 0 1 296.7 264.3A234.7 234.7 0 0 1 768 809.7v-84.4a256 256 0 0 0-511.8-9.6l-0.2 9.6v84.4a234.7 234.7 0 0 1-40.7-460.1A298.7 298.7 0 0 1 512 85.3z" + p-id="13397"></path> + </svg> </span> </div> - + <div> <span>纭欢鏁欑▼</span> </div> @@ -1039,29 +1080,38 @@ active="true" />锛屾墦寮�宓屽叆鐗堢粍鎬佽蒋浠讹紝鐒跺悗鎸夊涓嬫楠ゅ缓绔嬪伐绋嬶細 </p> - <p class="content"> - 锛�1锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鈥滄柊寤哄伐绋嬧�濆懡浠わ紝寮瑰嚭鈥滄柊寤哄伐绋嬭缃�濆璇濇锛屽鍥�1-21鎵�绀猴紝TPC绫诲瀷閫夋嫨涓衡�淭PC7062K鈥濓紝鍗曞嚮鈥滅‘瀹氣�濇寜閽�� - </p> - <p class="content"> - 锛�2锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鐨勨�滃伐绋嬪彟瀛樹负鈥濆懡浠わ紝寮瑰嚭鈥滄枃浠朵繚瀛樷�濆璇濇锛屽湪鏂囦欢鍚嶄竴鏍忓唴杈撳叆鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滀繚瀛樷�濇寜閽紝宸ョ▼鍒涘缓瀹屾瘯銆� - </p> - <div class="qrbodyPic"> - <div class="openImgBox"> - <img src="../../assets/images/img00021003.jpg" alt="" class="w100"> + <ul class="fl fl-bt m0 p0"> + <li style="width: 58%"> + <p class="content"> + 锛�1锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鈥滄柊寤哄伐绋嬧�濆懡浠わ紝寮瑰嚭鈥滄柊寤哄伐绋嬭缃�濆璇濇锛屽鍥�1-21鎵�绀猴紝TPC绫诲瀷閫夋嫨涓衡�淭PC7062K鈥濓紝鍗曞嚮鈥滅‘瀹氣�濇寜閽�� + </p> + <p class="content"> + 锛�2锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鐨勨�滃伐绋嬪彟瀛樹负鈥濆懡浠わ紝寮瑰嚭鈥滄枃浠朵繚瀛樷�濆璇濇锛屽湪鏂囦欢鍚嶄竴鏍忓唴杈撳叆鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滀繚瀛樷�濇寜閽紝宸ョ▼鍒涘缓瀹屾瘯銆� + </p> + <p class="quotation fl al-cn t0 primary-color"> + <img + src="../../assets/images/icon/arrow-two.png" + alt="" + class="w-45 mr-5" + /> + <b>绐楀彛缁勬��</b> + </p> + <p class="content"> + 锛�1锛夊湪宸ヤ綔鍙颁腑婵�娲荤敤鎴风獥鍙o紝鍗曞嚮鈥滄柊寤虹獥鍙b�濇寜閽紝寤虹珛鏂扮敾闈⑩�滅獥鍙�0鈥濓紝濡傚浘1-22鎵�绀恒�� + </p> + </li> + <li style="width: 38%"> + <div class="openImgBox"> + <img + src="../../assets/images/img00021003.jpg" + alt="閫夋嫨TPC绫诲瀷" + class="w100" + /> </div> - <p class="imgdescript">鍥�1-21銆�閫夋嫨TPC绫诲瀷</p> - </div> - <p class="quotation fl al-cn t0 primary-color"> - <img - src="../../assets/images/icon/arrow-two.png" - alt="" - class="w-45 mr-5" - /> - <b>绐楀彛缁勬��</b> - </p> - <p class="content"> - 锛�1锛夊湪宸ヤ綔鍙颁腑婵�娲荤敤鎴风獥鍙o紝鍗曞嚮鈥滄柊寤虹獥鍙b�濇寜閽紝寤虹珛鏂扮敾闈⑩�滅獥鍙�0鈥濓紝濡傚浘1-22鎵�绀恒�� - </p> + <p class="imgdescript">鍥�1-21銆�閫夋嫨TPC绫诲瀷</p> + </li> + </ul> + <p class="content"> 锛�2锛夊崟鍑烩�滅獥鍙e睘鎬р�濇寜閽紝寮瑰嚭鈥滅敤鎴风獥鍙e睘鎬ц缃�濆璇濇锛屽湪鈥滃熀鏈睘鎬р�濋�夐」鍗★紝灏嗏�滅獥鍙e悕绉扳�濅慨鏀逛负鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滅‘璁も�濇寜閽繘琛屼繚瀛橈紝濡傚浘1-23鎵�绀恒�� </p> @@ -1077,19 +1127,31 @@ <div v-if="showPageList.indexOf(20) > -1"> <div> <div class="mt-20"> - <img src="../../assets/images/page-header.png" alt="" class="w100" /> + <img + src="../../assets/images/page-header.png" + alt="" + class="w100" + /> </div> <div class="padding-96"> <div class="fl ju-bt w100"> <div> <div class="openImgBox"> - <img src="../../assets/images/img00022001.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00022001.jpg" + alt="寤虹珛鏂扮獥鍙�" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-22銆�寤虹珛鏂扮獥鍙�</p> </div> <div class=""> <div class="openImgBox"> - <img src="../../assets/images/img00022002.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00022002.jpg" + alt="绐楀彛灞炴�ц缃�" + class="w100" + /> </div> <p class="imgdescript">鍥�1-23銆�绐楀彛灞炴�ц缃�</p> </div> @@ -1103,13 +1165,21 @@ <div class="fl ju-bt"> <div> <div class="openImgBox"> - <img src="../../assets/images/img00022003.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00022003.jpg" + alt="鎸夐挳鍒朵綔" + class="w100" + /> </div> <p class="imgdescript">鍥�1-24銆�鎸夐挳鍒朵綔</p> </div> <div> <div class="openImgBox"> - <img src="../../assets/images/img00022004.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00022004.jpg" + alt="鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�" + class="w100" + /> </div> <p class="imgdescript">鍥�1-25銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�</p> </div> @@ -1144,39 +1214,59 @@ <div class="fl ju-bt"> <div> <div class="openImgBox"> - <img src="../../assets/images/img00023001.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00023001.jpg" + alt="鎸夐挳鏂囧瓧淇敼" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-26銆�鎸夐挳鏂囧瓧淇敼</p> </div> <div> <div class="openImgBox"> - <img src="../../assets/images/img00023002.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00023002.jpg" + alt="鎸夐挳鎺掑垪" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-27銆�鎸夐挳鎺掑垪</p> </div> </div> - + <div class="qrbodyPic"> <div class="openImgBox"> - <img src="../../assets/images/img00023003.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00023003.jpg" + alt="娣诲姞鎸囩ず鐏�" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-28銆�娣诲姞鎸囩ず鐏�</p> </div> <div class="fl"> <div> <div class="openImgBox"> - <img src="../../assets/images/img00023004.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00023004.jpg" + alt="鍒朵綔鏍囩" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-29銆�鍒朵綔鏍囩</p> </div> <div style="width: 66%"> <div class="openImgBox"> - <img src="../../assets/images/img00023005.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00023005.jpg" + alt="鏍囩鍔ㄧ敾缁勬�佸睘鎬ц缃�" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-30銆�鏍囩鍔ㄧ敾缁勬�佸睘鎬ц缃�</p> </div> </div> - + <p class="content"> 鍚屾牱鐨勬柟娉曪紝娣诲姞鍙︿竴涓爣绛撅紝鈥滄枃鏈唴瀹硅緭鍏モ�濇枃鏈涓緭鍏モ�滅姸鎬佹樉绀�2锛氣�濓紝濡傚浘1-31鎵�绀恒�� </p> @@ -1195,19 +1285,31 @@ <div v-if="showPageList.indexOf(22) > -1"> <div> <div class="mt-20"> - <img src="../../assets/images/page-header.png" alt="" class="w100" /> + <img + src="../../assets/images/page-header.png" + alt="" + class="w100" + /> </div> <div class="padding-96"> <div class="fl"> <div> <div class="openImgBox"> - <img src="../../assets/images/img00024001.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00024001.jpg" + alt="鍒朵綔杈撳叆妗�" + class="w100" + /> </div> <p class="imgdescript">鍥�1-31銆�鍒朵綔杈撳叆妗�</p> </div> <div> <div class="openImgBox"> - <img src="../../assets/images/img00024002.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00024002.jpg" + alt="杈撳叆妗嗘帓鍒�" + class="w100" + /> </div> <p class="imgdescript">鍥�1-32銆�杈撳叆妗嗘帓鍒�</p> </div> @@ -1219,13 +1321,21 @@ <div class="fl"> <div> <div class="openImgBox"> - <img src="../../assets/images/img00024003.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00024003.jpg" + alt="鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�濆璇濇" + class="w100" + /> </div> <p class="imgdescript">鍥�1-33銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�濆璇濇</p> </div> <div> <div class="openImgBox"> - <img src="../../assets/images/img00024004.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00024004.jpg" + alt="鎺у埗鎸夐挳璁剧疆" + class="w100" + /> </div> <p class="imgdescript">鍥�1-34銆�鎺у埗鎸夐挳璁剧疆</p> </div> @@ -1252,13 +1362,17 @@ <div style="width: 40%"> <div class="qrbodyPic"> <div class="openImgBox"> - <img src="../../assets/images/img00024005.jpg" alt="" class="w100"> + <img + src="../../assets/images/img00024005.jpg" + alt="缁勬�侀敊璇璇濇" + class="w100" + /> </div> <p class="imgdescript">鍥�1-35銆�缁勬�侀敊璇璇濇</p> </div> </div> </div> - + <p class="content"> 鈶㈣緭鍏ユ锛氬弻鍑烩�滅姸鎬佹樉绀�1锛氣�濇爣绛炬梺杈圭殑杈撳叆妗嗭紝寮瑰嚭鈥滆緭鍏ユ鏋勪欢灞炴�ц缃�濆璇濇锛屽湪鈥滄搷浣滃睘鎬р�濋�夐」鍗′腑锛屽崟鍑�<img class="h-pic" @@ -1284,14 +1398,22 @@ <div class="fl"> <div> <div class="openImgBox"> - <img src="../../assets/images/img00025001.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00025001.jpg" + alt="鏁版嵁瀵硅薄灞炴�ц缃�" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-36銆�鏁版嵁瀵硅薄灞炴�ц缃�</p> </div> <div> <div class="openImgBox"> - <img src="../../assets/images/img00025002.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00025002.jpg" + alt="鎸変笅鍔熻兘璁剧疆" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-37銆�鎸変笅鍔熻兘璁剧疆</p> </div> </div> @@ -1301,14 +1423,22 @@ <div class="fl"> <div> <div class="openImgBox"> - <img src="../../assets/images/img00025003.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00025003.jpg" + alt="閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-38銆�閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�</p> </div> <div> <div class="openImgBox"> - <img src="../../assets/images/img00025004.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00025004.jpg" + alt="鎸囩ず鐏�1灞炴�ф搷浣�" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-39銆�鎸囩ず鐏�1灞炴�ф搷浣�</p> </div> </div> @@ -1333,12 +1463,16 @@ </p> <div style="width: 30%"> <div class="openImgBox"> - <img src="../../assets/images/img00025006.jpg" alt="" class="w100"> - </div> + <img + src="../../assets/images/img00025006.jpg" + alt="鏍囧噯USB2.0鎵撳嵃鏈虹嚎" + class="w100" + /> + </div> <p class="imgdescript">鍥�1-40銆�鏍囧噯USB2.0鎵撳嵃鏈虹嚎</p> </div> </div> - + <p class="content"> 锛�2锛夋柟妗堜簩锛氱綉绾夸笅杞姐�傜敤缃戝彛涓嬭浇鏃讹紝鍏堟煡鐪嬭Е鎽稿睆IP鍦板潃锛屽綋瑙︽懜灞忎笂鐢靛嚭鐜版粴鍔ㄨ繘搴︽潯浠ュ悗锛屽崟鍑绘粴鍔ㄦ潯锛屽湪鍚姩灞炴�ф煡鐪婭P鍦板潃锛屼緥濡侷P200.200.200.26锛屽垯璁剧疆璁$畻鏈烘湰鍦拌繛鎺ョ殑IP鍦板潃涓篒P200.200.200.126锛屼簩鑰呭湪鍚屼竴缃戞锛屽嵆IP鍓嶄笁娈垫暟瀛楀繀椤荤浉鍚屻�傛垨淇敼瑙︽懜灞忓湴鍧�锛屽垯杩涘叆瑙︽懜灞忔搷浣滅郴缁焀indows CE锛屽崟鍑籛indows鐨勨�滃紑濮嬧�濊彍鍗曪紝閫夋嫨鈥滆缃�濆懡浠わ紝杩愯鈥滅綉缁滄嫧鍙蜂笌杩炴帴鈥濓紝淇敼IP鍦板潃銆� @@ -1362,7 +1496,11 @@ <div v-if="showPageList.indexOf(24) > -1"> <div> <div class="mt-20"> - <img src="../../assets/images/page-header.png" alt="" class="w100" /> + <img + src="../../assets/images/page-header.png" + alt="" + class="w100" + /> </div> <div class="padding-96"> <p class="content t0">淇℃祴璇曟甯稿悗锛屽崟鍑烩�滃伐绋嬩笅杞解�濇寜閽��</p> @@ -1389,7 +1527,7 @@ 闄や簡涓嬭浇鍒癟PC杩涜妯℃嫙璋冭瘯澶栵紝鍙互鍦ㄨ绠楁満涓婅繘琛屾ā鎷熻繍琛屻�傞�夋嫨鈥滄ā鎷熻繍琛屸�濓紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽悗杩涘叆杩愯鐜銆傛寜涓嬧�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-45鎵�绀猴紝鈥滄寚绀虹伅1鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�1锛氣�濅负鈥�1鈥濓紝鏉炬墜鍚庡浣嶏紱鎸変笅鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-46鎵�绀猴紝鈥滄寚绀虹伅2鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�2锛氣�濅负鈥�1鈥濄�� </p> <div class="qrbodyPic"> - <el-carousel + <!-- <el-carousel trigger="click" class="img-carousel carousel-image" arrow="always" @@ -1407,15 +1545,72 @@ class="open-image" /> </el-carousel-item> - </el-carousel> + </el-carousel> --> + <div class="banshi openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/img-list-one.png" + alt="閫夋嫨鈥滆仈鏈鸿繍琛屸�濆拰鈥滈�氫俊娴嬭瘯鈥�" + /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/img-list-two.png" + alt="宸ョ▼涓嬭浇" + /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/img-list-three.png" + alt="瑙︽懜鈥滄寚绀虹伅1鈥濇寜閽�" + /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/img-list-four.png" + alt="瑙︽懜鈥滄寚绀虹伅2鈥濇寜閽�" + /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/img-list-five.png" + alt="鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�" + /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img + src="../../assets/images/img-list-six.png" + alt="鎸変笅鈥滄寚绀虹伅2鈥濇寜閽�" + /> + </div> + </div> + </div> + <div class="swiper-pagination"></div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> </div> </div> </div> - <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> - <li class="footer-num">14</li> - <li class="footer-box"></li> - </ul> </div> + <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> + <li class="footer-num">14</li> + <li class="footer-box"></li> + </ul> </div> <!-- 15 --> <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="25"> @@ -1502,7 +1697,8 @@ <td class="table-cn"> 宸� 浣� 褰� 寮� <br /> <input type="checkbox" name="xingshi" value="prople" /> 涓汉 - <input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐 + <input type="checkbox" name="xingshi" value="fengong" /> + 灏忕粍鍒嗗伐 <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍 </td> <td colspan="2" class="table-cn"> @@ -1689,7 +1885,7 @@ <li class="footer-num">15</li> <li class="footer-box"></li> </ul> - </div> + </div> </div> </div> </template> @@ -1703,49 +1899,6 @@ }, data() { return { - imgOne: require("../../assets/images/img00014001.jpg"), - imgTwo: require("../../assets/images/img00014002.jpg"), - imgThree: require("../../assets/images/img00014003.jpg"), - imgFour: require("../../assets/images/img00014004.jpg"), - imgFive: require("../../assets/images/img00015001.jpg"), - imgSix: require("../../assets/images/img00017001.jpg"), - imgSeven: require("../../assets/images/img00017002.jpg"), - imgEnight: require("../../assets/images/img00017003.jpg"), - imgNine: require("../../assets/images/img00017004.jpg"), - imgTen: require("../../assets/images/img00017005.jpg"), - imgEleven: require("../../assets/images/img00018001.jpg"), - imgTwelve: require("../../assets/images/img00018002.jpg"), - imgThirteen: require("../../assets/images/img00018003.jpg"), - imgFourteen: require("../../assets/images/img00019001.jpg"), - imgFifteen: require("../../assets/images/img00022001.jpg"), - imgSixteen: require("../../assets/images/img00022002.jpg"), - imgSeventeen: require("../../assets/images/img00022003.jpg"), - imgEighteen: require("../../assets/images/img00022004.jpg"), - imgNineTeen: require("../../assets/images/img00023001.jpg"), - imgTwenty: require("../../assets/images/img00023002.jpg"), - imgtOne: require("../../assets/images/img00023003.jpg"), - imgtTwo: require("../../assets/images/img00023004.jpg"), - imgtThree: require("../../assets/images/img00023005.jpg"), - imgtFour: require("../../assets/images/img00024001.jpg"), - imgtFive: require("../../assets/images/img00024002.jpg"), - imgtSix: require("../../assets/images/img00024003.jpg"), - imgtSeven: require("../../assets/images/img00024004.jpg"), - imgtEnight: require("../../assets/images/img00024005.jpg"), - imgtNine: require("../../assets/images/img00025001.jpg"), - imgtTen: require("../../assets/images/img00025002.jpg"), - imgrOne: require("../../assets/images/img00025003.jpg"), - imgrTwo: require("../../assets/images/img00025004.jpg"), - imgrThree: require("../../assets/images/img00025006.jpg"), - tableOne: require("../../assets/images/img00019002.jpg"), - videoOne: true, - bonesList: [ - require("../../assets/images/carousel-one.png"), - require("../../assets/images/carousel-two.png"), - require("../../assets/images/carousel-three.png"), - require("../../assets/images/carousel-four.png"), - require("../../assets/images/carousel-five.png"), - require("../../assets/images/carousel-six.png"), - ], imgList: [ require("../../assets/images/img-list-one.png"), require("../../assets/images/img-list-two.png"), @@ -1779,7 +1932,8 @@ </script> <style scoped lang="less"> p { - font-family: "Segoe UI", Arial, "瀹嬩綋", SimSun, sans-serif !important; + // font-family: "Segoe UI", Arial, "瀹嬩綋", SimSun, sans-serif !important; + font-family: "Times New Roman", "瀹嬩綋", SimSun, sans-serif !important; margin: 0; text-align: justify; } @@ -1809,9 +1963,6 @@ .p08 { padding: 0 8px; } - // li { - // padding: 0 8px; - // } li:last-child { border: 0; } @@ -1843,4 +1994,10 @@ text-indent: 0; padding-left: 23px; } +.banshi { + margin-top: 40px; + width: 100%; + height: 350px; + margin: 0 auto; +} </style> -- Gitblit v1.9.1