From 7b7740ce0151547dd87fbf29380bf76233185f7a Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 22 五月 2024 14:44:22 +0800
Subject: [PATCH] 样式优化
---
src/books/embedded/view/components/chapter001.vue | 146 +++++++++++++++++++++++++-----------------------
1 files changed, 76 insertions(+), 70 deletions(-)
diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue
index 1b0d8da..a791996 100644
--- a/src/books/embedded/view/components/chapter001.vue
+++ b/src/books/embedded/view/components/chapter001.vue
@@ -11,7 +11,8 @@
<h2 class="secondTitle primary-color" id="sigil_toc_id_13">
浠诲姟涓�銆�璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�
</h2>
- <div class="w100 border-so mb-20"></div>
+ <div class="w100 border-so mb-5"></div>
+ <div class="w50 rw-border mb-20"></div>
<p class="quotation fl al-cn t0 primary-color">
<img
src="../../assets/images/icon/mubiao.png"
@@ -367,7 +368,7 @@
</ul>
</div>
<!-- 7 -->
- <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="17">
+ <div class="page-box fl fl-cl ju-bt al-end padding-96" page="17">
<div class="w100">
<div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
<img src="../../assets/images/header-one.png" alt="" />
@@ -382,11 +383,11 @@
</p>
<table border="1" cellpadding="10" cellspacing="0">
<tr class="table-bc">
- <td class="table-cn">
+ <td class="table-cn" colspan="2">
璇� 鍒� 琛�<br />
<input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
</td>
- <td colspan="2" class="table-cn">
+ <td class="table-cn">
宸� 浣� 褰� 寮� <br />
<input type="checkbox" name="xingshi" value="prople" /> 涓汉
<input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐
@@ -446,39 +447,68 @@
class="input-border"
/>鏃ユ湡:<input style="width: 82px" class="input-border" />
</div>
- <h2 class="secondTitle primary-color" id="sigil_toc_id_14">
- 浠诲姟浜屻��MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�
- </h2>
- <div class="w100 border-so mb-20"></div>
- <p class="quotation fl al-cn t0 primary-color">
- <img
- src="../../assets/images/icon/mubiao.png"
- alt=""
- class="w-35 mr-5"
- />
- <b>浠诲姟鐩爣</b>
- </p>
- <p class="content">鎺屾彙MCGS宓屽叆鐗堢粍鎬佽蒋浠禫6.8瀹夎鏂规硶銆�</p>
- <p class="quotation fl al-cn t0 primary-color">
- <img
- src="../../assets/images/icon/miaoshu.png"
- alt=""
- class="w-35 mr-5"
- />
- <b>浠诲姟鎻忚堪</b>
- </p>
- <p class="content">瀛︿範宓屽叆寮忕粍鎬佽蒋浠禫6.8鐨勫畨瑁呮柟娉曞拰姝ラ銆�</p>
- <p class="quotation fl al-cn t0 primary-color">
- <img
- src="../../assets/images/icon/xunlian.png"
- alt=""
- class="w-35 mr-5"
- />
- <b>浠诲姟璁粌</b>
- </p>
- <p class="content">
- 鍦ㄦ槅浠戦�氭�佸畼缃戜笂涓嬭浇MCGS_宓屽叆鐗堝畬鏁村畨瑁呭寘锛岃В鍘嬬缉鍚庯紝鍏蜂綋瀹夎姝ラ濡備笅锛�
- </p>
+ <div class="pr">
+ <h2 class="secondTitle primary-color" id="sigil_toc_id_14">
+ 浠诲姟浜屻��MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�
+ </h2>
+ <div class="w100 border-so mb-5"></div>
+ <div class="w50 rw-border mb-20"></div>
+ <p class="quotation fl al-cn t0 primary-color">
+ <img
+ src="../../assets/images/icon/mubiao.png"
+ alt=""
+ class="w-35 mr-5"
+ />
+ <b>浠诲姟鐩爣</b>
+ </p>
+ <p class="content">鎺屾彙MCGS宓屽叆鐗堢粍鎬佽蒋浠禫6.8瀹夎鏂规硶銆�</p>
+ <p class="quotation fl al-cn t0 primary-color">
+ <img
+ src="../../assets/images/icon/miaoshu.png"
+ alt=""
+ class="w-35 mr-5"
+ />
+ <b>浠诲姟鎻忚堪</b>
+ </p>
+ <p class="content">瀛︿範宓屽叆寮忕粍鎬佽蒋浠禫6.8鐨勫畨瑁呮柟娉曞拰姝ラ銆�</p>
+ <p class="quotation fl al-cn t0 primary-color">
+ <img
+ src="../../assets/images/icon/xunlian.png"
+ alt=""
+ class="w-35 mr-5"
+ />
+ <b>浠诲姟璁粌</b>
+ </p>
+ <p class="content">
+ 鍦ㄦ槅浠戦�氭�佸畼缃戜笂涓嬭浇MCGS_宓屽叆鐗堝畬鏁村畨瑁呭寘锛岃В鍘嬬缉鍚庯紝鍏蜂綋瀹夎姝ラ濡備笅锛�
+ </p>
+ <ul class="right-resource">
+ <li class="fl al-cn ju-cn border-so p-10">
+ <img
+ src="../../assets/images/icon/anzhuang.png"
+ class="anzhuang-icon"
+ />
+ <span class="primary-color">瀹夎鍖�</span>
+ </li>
+ <li class="fl fl-cl al-cn p-10">
+ <img src="../../assets/images/icon/rar.png" class="rar-icon" />
+ <div>
+ <span class="rar-text"
+ >MCGS宓屽叆鐗�<br />
+ 瀹夎鏂囦欢.rar</span
+ >
+ <img
+ @click="
+ downloadRar('McgsPro 3.3.6.6354 SP1.3 缁勬�佽蒋浠跺畨瑁呭寘')
+ "
+ src="../../assets/images/icon/download.png"
+ class="downlod-icon cu-pr"
+ />
+ </div>
+ </li>
+ </ul>
+ </div>
+
<video
v-if="videoOne"
:src="config.resourceCtx + '/閰嶅瀛︿範璧勬簮/p7/MCGS瀹夎瑙嗛甯﹂煶棰�.mp4'"
@@ -491,38 +521,13 @@
controls
class="w100 mt-20"
></video>
- <div class="primary-color fl al-cn ju-cn">
- <span>瑙嗛锛歁CGS瀹夎瑙嗛</span>
- </div>
+ <p class="imgdescript">瑙嗛锛歁CGS瀹夎瑙嗛</p>
<p class="content">
锛�1锛夎繍琛孲etup.exe鏂囦欢锛孧CGS瀹夎绋嬪簭绐楀彛濡傚浘1-15鎵�绀恒��
</p>
<p class="content">
鍦ㄥ畨瑁呯▼搴忕獥鍙ｄ腑鍗曞嚮鈥滃畨瑁呯粍鎬佽蒋浠垛�濇寜閽紝寮瑰嚭瀹夎绋嬪簭绐楀彛銆傚崟鍑烩�滀笅涓�姝モ�濇寜閽紝鍚姩瀹夎绋嬪簭锛屽鍥�1-16鎵�绀恒��
</p>
- <ul class="right-resource">
- <li class="fl al-cn ju-cn border-so p-10">
- <img
- src="../../assets/images/icon/anzhuang.png"
- class="anzhuang-icon"
- />
- <span class="primary-color">瀹夎鍖�</span>
- </li>
- <li class="fl fl-cl al-cn p-10">
- <img src="../../assets/images/icon/rar.png" class="rar-icon" />
- <div>
- <span class="rar-text"
- >MCGS宓屽叆鐗�<br />
- 瀹夎鏂囦欢.rar</span
- >
- <img
- @click="downloadRar('McgsPro 3.3.6.6354 SP1.3 缁勬�佽蒋浠跺畨瑁呭寘')"
- src="../../assets/images/icon/download.png"
- class="downlod-icon cu-pr"
- />
- </div>
- </li>
- </ul>
</div>
<ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
<li class="footer-num">7</li>
@@ -597,11 +602,11 @@
</div>
<table border="1" cellpadding="10" cellspacing="0">
<tr class="table-bc">
- <td class="table-cn">
+ <td class="table-cn" colspan="2">
璇� 鍒� 琛�<br />
<input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
</td>
- <td colspan="2" class="table-cn">
+ <td class="table-cn">
宸� 浣� 褰� 寮� <br />
<input type="checkbox" name="xingshi" value="prople" /> 涓汉
<input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐
@@ -654,7 +659,8 @@
<h2 class="secondTitle" id="sigil_toc_id_15">
浠诲姟涓夈��寤虹珛宸ョ▼涓庝笅杞藉伐绋�
</h2>
- <div class="w100 border-so mb-20"></div>
+ <div class="w100 border-so mb-5"></div>
+ <div class="w50 rw-border mb-20"></div>
<div class="fl ju-bt">
<div class="left" style="width: 30%">
<p class="quotation fl al-cn t0 primary-color">
@@ -1148,11 +1154,11 @@
</div>
<table border="1" cellpadding="10" cellspacing="0">
<tr class="table-bc">
- <td class="table-cn">
+ <td class="table-cn" colspan="2">
璇� 鍒� 琛�<br />
<input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
</td>
- <td colspan="2" class="table-cn">
+ <td class="table-cn">
宸� 浣� 褰� 寮� <br />
<input type="checkbox" name="xingshi" value="prople" /> 涓汉
<input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐
@@ -1425,8 +1431,8 @@
}
.right-resource {
position: absolute;
- right: 10px;
- bottom: 180px;
+ right: -80px;
+ top:40px
}
.word-resource {
padding: 0;
--
Gitblit v1.9.1