From 394f32a766e99dd14ec65cdaf5e920fc682eea38 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期二, 19 十一月 2024 15:57:26 +0800
Subject: [PATCH] 修改左侧边样式
---
src/views/project/ch/home/AboutUs.vue | 34 +++++++++++++++++++++++++++-------
1 files changed, 27 insertions(+), 7 deletions(-)
diff --git a/src/views/project/ch/home/AboutUs.vue b/src/views/project/ch/home/AboutUs.vue
index db421ff..66c0ff2 100644
--- a/src/views/project/ch/home/AboutUs.vue
+++ b/src/views/project/ch/home/AboutUs.vue
@@ -13,7 +13,7 @@
<div class="set_mission">
<div class="flex items-center">
<div class="w100 h100">
- <img src="/static/images/about/1.jpeg" class="w-[580px] h-[315px]" />
+ <img src="/static/images/about/1.webp" class="w-[580px] h-[315px]" />
</div>
<div class="w100 h100 px-[30px]">
<div class="title">鎰挎櫙鍙婁娇鍛�</div>
@@ -26,7 +26,7 @@
<div class="set_mission">
<div class="flex items-center">
<div class="w100 h100 px-[30px]">
- <div class="title">缁勬垚鍙婃�ц川</div>
+ <div class="title">鍚嶅瓧璧锋簮</div>
<div class="desc">
涓婃捣鎷夌摝閿″崱鏂囨櫤鑳界鎶�鏈夐檺鍏徃鐨勫悕瀛楋紝鏄涓や綅鍖栧宸ㄥ尃鈥斺�斿畨鎵樹竾-娲涙湕路鎷夌摝閿★紙Antoine-Laurent de
Lavoisier锛夊拰浜ㄥ埄路鍗℃枃杩锛圚enry
@@ -34,14 +34,14 @@
</div>
</div>
<div class="w100 h100">
- <img src="/static/images/about/2.jpg" class="w-[580px] h-[315px]" />
+ <img src="/static/images/about/2.webp" class="w-[580px] h-[315px]" />
</div>
</div>
</div>
<div class="set_mission">
<div class="flex items-center">
<div class="w100 h100">
- <img src="/static/images/about/3.webp" class="w-[580px] h-[315px]" />
+ <img src="/static/images/about/3.webp" class="w-[580px] h-[315px] object-cover" />
</div>
<div class="w100 h100 px-[30px]">
<div class="title">鐜颁唬鍖栧涔嬬埗</div>
@@ -51,6 +51,11 @@
</div>
</div>
</div>
+ </div>
+ <div class="set_bottom">
+ <p>
+ 涓婃捣鎷夌摝閿″崱鏂囨櫤鑳界鎶�鏈夐檺鍏徃浠ヨ繖涓や綅绉戝瀹剁殑鍚嶅瓧鍛藉悕锛屼綋鐜颁簡鍏徃瀵规櫤鎱ф按鍔℃暟鎹环鍊兼寲鎺樺拰搴旂敤鐨勪娇鍛藉拰杩滄櫙銆傚叕鍙歌嚧鍔涗簬閫氳繃鍏堣繘鐨勬妧鏈拰鍒涙柊鐨勬柟娉曪紝瀹炵幇姘村姟鏁版嵁鐨勬櫤鑳藉寲绠＄悊鍜屼紭鍖栵紝浠ユ彁楂樻按璧勬簮鐨勫埄鐢ㄦ晥鐜囧拰绠＄悊姘村钩銆傛濡傛媺鐡﹂敗鍜屽崱鏂囪开璁搁�氳繃浠栦滑鐨勫疄楠屽拰鍙戠幇寮�鍚簡鍖栧鐨勬柊绾厓锛屼笂娴锋媺鐡﹂敗鍗℃枃鏅鸿兘绉戞妧鏈夐檺鍏徃涔熷笇鏈涢�氳繃鍏跺湪鏅烘収姘村姟棰嗗煙鐨勫姫鍔涳紝寮�鍚按鍔℃暟鎹环鍊煎簲鐢ㄧ殑鏂扮瘒绔狅紝涓烘按璧勬簮鐨勫彲鎸佺画鍒╃敤鍜岀幆澧冧繚鎶ゅ仛鍑鸿础鐚��
+ </p>
</div>
</div>
</div>
@@ -65,7 +70,7 @@
height: 212px;
width: 100%;
position: relative;
- margin-top: 96px;
+ margin-top: 36px;
box-sizing: border-box;
.mod-m-title {
width: 100%;
@@ -103,7 +108,7 @@
}
.set_mission {
background: #fbfbfb;
- height: 312px;
+ height: 315px;
width: 100%;
position: relative;
margin-top: 56px;
@@ -115,12 +120,27 @@
line-height: 36px;
}
.desc {
- font-size: 14px;
+ font-size: 16px;
color: #5f6464;
letter-spacing: 0;
line-height: 25px;
margin-top: 16px;
}
}
+ .set_bottom {
+ background-color: #fbfbfb;
+ margin: 60px 0px;
+ padding: 32px 0px;
+ p {
+ opacity: 1;
+ display: flex;
+ font-size: 16px;
+ color: #5f6464;
+ letter-spacing: 0;
+ line-height: 25px;
+ text-align: left;
+ box-sizing: border-box;
+ }
+ }
}
</style>
--
Gitblit v1.9.3