From e2704d49abcd58dd49b7864519cc878cfff2a797 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期二, 11 六月 2024 14:12:57 +0800
Subject: [PATCH] 优化
---
src/books/embedded/view/components/chapter001.vue | 858 ++++++++++++++++++++++++++++++++++----------------------
1 files changed, 516 insertions(+), 342 deletions(-)
diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue
index f9ba615..9c8084d 100644
--- a/src/books/embedded/view/components/chapter001.vue
+++ b/src/books/embedded/view/components/chapter001.vue
@@ -51,10 +51,12 @@
闅忕潃鍚嶱C鏃朵唬鐨勫埌鏉ワ紝鍦ㄥ埗閫犱笟棰嗗煙鏇存敞閲嶄娇鐢ㄧ鍚堝叾鐗瑰畾闇�姹傚苟甯︽湁鏅鸿兘鐨勫祵鍏ュ紡宸ヤ笟鎺у埗缁勬�佽蒋浠讹紝鑰屽祵鍏ュ紡缁勬�佽蒋浠剁壒鍏风殑鎸夊姛鑳藉壀瑁佺殑鐗规�э紝浠ュ強鍏跺唴宓岀殑瀹炴椂澶氫换鍔℃搷浣滅郴缁燂紝鍙繚璇佹暣涓祵鍏ョ郴缁熶綋绉皬銆佹垚鏈綆銆佸疄鏃舵�ч珮銆佸彲闈犳�ч珮鐨勫悓鏃讹紝杩樻柟渚夸笉鍏峰宓屽叆寮忚蒋浠跺紑鍙戠粡楠岀殑鐢ㄦ埛鍦ㄦ瀬鐭殑鏃堕棿鍐咃紝浣跨敤宓屽叆寮忕粍鎬佽蒋浠跺揩閫熷紑鍙戝畬鎴愪竴涓祵鍏ュ紡绯荤粺锛屽苟鏋佸ぇ鍦板姞蹇簡宓屽叆寮忎骇鍝佽繘鍏ュ競鍦虹殑閫熷害锛岃�屼笖浣夸骇鍝佸叿鏈変赴瀵岀殑浜烘満鐣岄潰銆傚寳浜槅浠戦�氭�佸叕鍙窶CGS缁勬�佽蒋浠讹紝閫氳繃澶у姏鍔犲己瀵瑰伐鎺х‖浠朵骇鍝佺殑椹卞姩鏀寔鍜屾彁鍗囪蒋浠跺唴閮ㄥ姛
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">1</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">1</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 2 -->
@@ -84,19 +86,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 +113,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 +142,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 +171,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 +280,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>
@@ -275,10 +295,12 @@
锛�2锛夎澶囩獥鍙ｆ槸MCGS宓屽叆鐗堢郴缁熶笌澶栧洿璁惧鑱旂郴鐨勫獟浠嬨�傝澶囩獥鍙ｄ笓闂ㄧ敤鏉ユ斁缃笉鍚�
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">3</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">3</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 4 -->
@@ -286,7 +308,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 +393,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="姝ｈ鍥�"
+ class="w100"
+ />
<p class="imgdescript">鍥�1-6銆�姝ｈ鍥�</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,40 +417,56 @@
<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澶栭儴鎺ュ彛銆傛帴鍙ｈ鏄庡鍥�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">
锛�5锛塗PC7062K鍚姩銆備娇鐢�24V鐩存祦鐢垫簮缁橳PC渚涚數锛屽紑鏈哄惎鍔ㄥ悗灞忓箷鍑虹幇鈥滄鍦ㄥ惎鍔ㄢ�濇彁绀鸿繘搴︽潯锛屾鏃朵笉闇�浠讳綍鎿嶄綔鑷姩杩涘叆宸ョ▼杩愯鐣岄潰锛屽鍥�1-11鎵�绀恒��
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">5</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">5</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 6 -->
@@ -433,12 +474,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 +504,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 +516,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 +541,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 +579,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 +687,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 +698,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 +724,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"
@@ -677,6 +737,7 @@
x5-video-player-fullscreen="true"
x5-playsinline=""
controls
+ controlslist="nodownload"
class="w100 mt-20"
></video>
<p class="imgdescript">瑙嗛锛歁CGS瀹夎瑙嗛</p>
@@ -687,10 +748,12 @@
鍦ㄥ畨瑁呯▼搴忕獥鍙ｄ腑鍗曞嚮鈥滃畨瑁呯粍鎬佽蒋浠垛�濇寜閽紝寮瑰嚭瀹夎绋嬪簭绐楀彛銆傚崟鍑烩�滀笅涓�姝モ�濇寜閽紝鍚姩瀹夎绋嬪簭锛屽鍥�1-16鎵�绀恒��
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">7</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">7</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 8 -->
@@ -698,7 +761,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 +787,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 +890,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 +955,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 +978,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 +1001,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 +1024,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,37 +1089,48 @@
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锛夊湪宸ヤ綔鍙颁腑婵�娲荤敤鎴风獥鍙ｏ紝鍗曞嚮鈥滄柊寤虹獥鍙ｂ�濇寜閽紝寤虹珛鏂扮敾闈⑩�滅獥鍙�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锛夊湪宸ヤ綔鍙颁腑婵�娲荤敤鎴风獥鍙ｏ紝鍗曞嚮鈥滄柊寤虹獥鍙ｂ�濇寜閽紝寤虹珛鏂扮敾闈⑩�滅獥鍙�0鈥濓紝濡傚浘1-22鎵�绀恒��
- </p>
+ <p class="imgdescript">鍥�1-21銆�閫夋嫨TPC绫诲瀷</p>
+ </li>
+ </ul>
+
<p class="content">
锛�2锛夊崟鍑烩�滅獥鍙ｅ睘鎬р�濇寜閽紝寮瑰嚭鈥滅敤鎴风獥鍙ｅ睘鎬ц缃�濆璇濇锛屽湪鈥滃熀鏈睘鎬р�濋�夐」鍗★紝灏嗏�滅獥鍙ｅ悕绉扳�濅慨鏀逛负鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滅‘璁も�濇寜閽繘琛屼繚瀛橈紝濡傚浘1-23鎵�绀恒��
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">9</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">9</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 10 -->
@@ -1077,19 +1138,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 +1176,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 +1225,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>
@@ -1184,10 +1285,12 @@
锛�6锛夊崟鍑诲伐鍏风涓殑鈥滆緭鍏ユ鈥濇寜閽紝鍦ㄧ獥鍙ｆ寜浣忛紶鏍囧乏閿紝鎷栨斁鍑轰袱涓竴瀹氬ぇ灏忕殑鈥滆緭鍏ユ鈥濓紝鍒嗗埆鎽嗘斁鍦ㄢ�滅姸鎬佹樉绀�1锛氣�濇爣绛俱�佲�滅姸鎬佹樉绀�2锛氣�濇爣绛剧殑鏃佽竟浣嶇疆锛屽鍥�1-32鎵�绀恒��
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">11</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">11</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 12 -->
@@ -1195,19 +1298,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 +1334,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 +1375,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 +1411,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 +1436,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 +1476,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鍦板潃銆�
@@ -1351,10 +1498,12 @@
/>鎸夐挳锛岃繘琛屼笅杞介厤缃�傚崟鍑烩�滆仈鏈鸿繍琛屸�濇寜閽紝杩炴帴鏂瑰紡閫夋嫨鈥淭CP/IP缃戠粶閫氫俊鈥濓紝璁剧疆瑙︽懜灞廔P涓庤绠楁満IP鍦ㄥ悓涓�缃戞鍐咃紝鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫�
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">13</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">13</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 14 -->
@@ -1362,7 +1511,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 +1542,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 +1560,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 +1712,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">
@@ -1685,11 +1896,13 @@
></textarea>
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">15</li>
- <li class="footer-box"></li>
- </ul>
- </div>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">15</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
+ </div>
</div>
</div>
</template>
@@ -1703,49 +1916,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 +1949,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 +1980,6 @@
.p08 {
padding: 0 8px;
}
- // li {
- // padding: 0 8px;
- // }
li:last-child {
border: 0;
}
@@ -1843,4 +2011,10 @@
text-indent: 0;
padding-left: 23px;
}
+.banshi {
+ margin-top: 40px;
+ width: 100%;
+ height: 350px;
+ margin: 0 auto;
+}
</style>
--
Gitblit v1.9.1