From 27e3bdc98964266ac4c5dfa4d0acf425c73acc57 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期三, 23 十月 2024 17:44:58 +0800
Subject: [PATCH] 修改公司简介
---
src/views/project/ch/home/AboutUs.vue | 160 ++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 108 insertions(+), 52 deletions(-)
diff --git a/src/views/project/ch/home/AboutUs.vue b/src/views/project/ch/home/AboutUs.vue
index 774cc5a..db421ff 100644
--- a/src/views/project/ch/home/AboutUs.vue
+++ b/src/views/project/ch/home/AboutUs.vue
@@ -1,14 +1,53 @@
<template>
- <div class="w100 h100 box-border text-[14px] bg-[#f7f8fa] relative pr-[32px] pb-[50px] pl-[32px] pt-[42px] w100">
- <div class="about-us-container">
- <div class="about-us-box flex flex-col">
- <h1>浜у搧涓庢湇鍔�</h1>
- <div class="mt-[12px] w100 flex flex-wrap gap-[12px]">
- <div class="product_item row_layout">
- <img src="/static/images/logo/logo-mini.svg" class="w-[30px] h-[30px]" />
- <div class="content">
- <h2>鏅鸿兘鐩戞帶</h2>
- <p>鏅鸿兘鐩戞帶绯荤粺锛屽彲瀹炴椂鐩戞帶璁惧鐘舵�侊紝骞舵彁渚涢璀︺�佹姤璀︺�佽繙绋嬫帶鍒剁瓑鍔熻兘銆�</p>
+ <div class="w100 h100 bg-[#fff] overflow-auto">
+ <div class="container">
+ <div class="set_introduce">
+ <h3 class="mod-m-title">鍏徃绠�浠�</h3>
+ <div class="brief-text-box">
+ <h4>鍏充簬涓婃捣鎷夌摝閿″崱鏂囨櫤鑳界鎶�鏈夐檺鍏徃</h4>
+ <p class="desc">
+ 涓�瀹跺厖婊℃椿鍔涗笌鍒涙柊绮剧鐨勬柊鍏寸鎶�浼佷笟锛屾浠ュ叾鍓嶆部鐨勪汉宸ユ櫤鑳斤紙AI锛夋妧鏈拰鍏堣繘鐨勫ぇ鍨嬭瑷�妯″瀷锛圠LM锛夊紩棰嗘暟鎹鐞嗐�佹暟鎹垎鏋愬拰鏁版嵁娌荤悊鐨勬柊娴疆銆傛垜浠嚧鍔涗簬灏嗘櫤鑳界鎶�涓庢按鍔¤涓氭繁搴﹁瀺鍚堬紝鎵撻�犳按鍔℃櫤鑳斤紙WI锛夌殑鍒涙柊搴旂敤锛屽疄鐜癢aterData涓嶢I鐨勬棤缂濆鎺ャ��
+ </p>
+ </div>
+ </div>
+ <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]" />
+ </div>
+ <div class="w100 h100 px-[30px]">
+ <div class="title">鎰挎櫙鍙婁娇鍛�</div>
+ <div class="desc">
+ 鎴戜滑鐨勪娇鍛芥槸鎺ㄥ姩姘村姟浼佷笟鐨勬暟瀛楀寲杞瀷锛岄�氳繃鏅烘収姘村姟鏁版嵁鐨勬繁搴︽寲鎺橈紝涓鸿涓氬甫鏉ラ潻鍛芥�х殑鍙樺寲銆傛垜浠笉浠呮槸鎶�鏈殑鍏堣鑰咃紝鏇存槸鏅烘収姘村姟棰嗗煙鐨勬帰绱㈣�呭拰瀹炶返鑰咃紝鑷村姏浜庡皢鏁版嵁鐨勫姏閲忚浆鍖栦负姘村姟琛屼笟鐨勬柊鍔ㄨ兘锛屼负鍙寔缁彂灞曠殑鏈潵璐＄尞鎴戜滑鐨勬櫤鎱у拰鍔涢噺銆�
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="set_mission">
+ <div class="flex items-center">
+ <div class="w100 h100 px-[30px]">
+ <div class="title">缁勬垚鍙婃�ц川</div>
+ <div class="desc">
+ 涓婃捣鎷夌摝閿″崱鏂囨櫤鑳界鎶�鏈夐檺鍏徃鐨勫悕瀛楋紝鏄涓や綅鍖栧宸ㄥ尃鈥斺�斿畨鎵樹竾-娲涙湕路鎷夌摝閿★紙Antoine-Laurent de
+ Lavoisier锛夊拰浜ㄥ埄路鍗℃枃杩锛圚enry
+ Cavendish锛夌殑鑷存暚銆傝繖涓や綅绉戝瀹跺湪鍖栧棰嗗煙鐨勮础鐚紝灏ゅ叾鏄姘寸殑缁勬垚鍜屾�ц川鐨勭爺绌讹紝涓哄寲瀛﹀伐涓氶潻鍛藉瀹氫簡鍩虹銆�
+ </div>
+ </div>
+ <div class="w100 h100">
+ <img src="/static/images/about/2.jpg" 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]" />
+ </div>
+ <div class="w100 h100 px-[30px]">
+ <div class="title">鐜颁唬鍖栧涔嬬埗</div>
+ <div class="desc">
+ 鎷夌摝閿¤瑾変负鐜颁唬鍖栧涔嬬埗锛屼粬閫氳繃绮剧‘鐨勫疄楠屾柟娉曪紝鎺ㄧ炕浜嗗綋鏃舵祦琛岀殑鐕冪礌璇达紝璇佹槑浜嗙┖姘旂敱姘ф皵鍜屾爱姘旂粍鎴愶紝骞剁‘绔嬩簡璐ㄩ噺瀹堟亽瀹氬緥銆備粬鐨勫疄楠岃缃璁＄簿宸э紝鑳藉绮剧‘娴嬮噺鍖栧鍙嶅簲涓墿璐ㄧ殑璐ㄩ噺鍙樺寲锛屼粠鑰岃瘉鏄庝簡姘村彲浠ュ垎瑙ｆ垚姘㈠拰姘с�傛媺鐡﹂敗鐨勮繖浜涘彂鐜帮紝涓嶄粎鎺ㄥ姩浜嗗寲瀛︾瀛︾殑鍙戝睍锛屼篃涓哄悗鏉ョ殑宸ヤ笟闈╁懡鎻愪緵浜嗙悊璁哄熀纭�銆�
+ 鍗℃枃杩鍒欎互鍏跺姘㈡皵鐨勭爺绌惰�岄椈鍚嶃�備粬閫氳繃瀹為獙鍒嗙鍑轰簡姘㈡皵锛屽苟瀵瑰叾鎬ц川杩涜浜嗚缁嗙爺绌讹紝璇佹槑浜嗘阿姘旀槸姘寸殑缁勬垚閮ㄥ垎涔嬩竴銆傚崱鏂囪开璁哥殑杩欎竴鍙戠幇锛岃繘涓�姝ヨ瘉瀹炰簡姘寸殑缁勬垚锛屽苟涓哄悗鏉ョ殑鍖栧宸ヤ笟鎻愪緵浜嗛噸瑕佺殑鍘熸潗鏂欍��
</div>
</div>
</div>
@@ -19,51 +58,68 @@
<script setup lang="ts"></script>
<style scoped lang="scss">
-.about-us-container {
- --title: 14px;
- --normal: 12px;
- --gap: 12px;
- --maxWidth: 864px;
- --color: #5dccef;
-
- width: 100%;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- box-sizing: border-box;
- padding: 0 24px;
- height: calc(100% - 42px);
- align-items: center;
- overflow-y: auto;
- .about-us-box {
- margin: auto 0;
- max-width: 864px;
- padding: 24px 0;
- h1 {
- font-size: 18px;
- font-weight: 600;
- color: #333;
+.container {
+ width: 1200px;
+ margin: 0px auto;
+ .set_introduce {
+ height: 212px;
+ width: 100%;
+ position: relative;
+ margin-top: 96px;
+ box-sizing: border-box;
+ .mod-m-title {
+ width: 100%;
+ overflow: hidden;
+ text-align: center;
+ font-size: 30px;
+ font-variant: normal;
+ color: #2a2e2e;
+ font-family: 'TencentSansw7';
}
- .product_item {
- box-sizing: border-box;
- min-width: 0;
- width: calc(50% - var(--gap) / 2);
- padding: var(--gap);
- border-radius: 8px;
- color: #fff;
- background-color: var(--color);
- .product_item:first-child {
- color: #5dccef;
+ .brief-text-box {
+ width: 100%;
+ margin-top: 52px;
+ text-align: center;
+ position: relative;
+ h4 {
+ font-size: 20px;
+ color: #2a2e2e;
+ letter-spacing: 0;
+ text-align: left;
+ line-height: 36px;
+ font-weight: 400;
+ margin: 16px auto;
+ }
+ .desc {
+ font-size: 16px;
+ color: #5f6464;
+ letter-spacing: 0;
+ text-align: left;
+ line-height: 24px;
+ width: 100%;
+ margin: 16px auto;
}
}
- .row_layout {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- align-items: flex-start;
- gap: var(--gap);
+ }
+ .set_mission {
+ background: #fbfbfb;
+ height: 312px;
+ width: 100%;
+ position: relative;
+ margin-top: 56px;
+ box-sizing: border-box;
+ .title {
+ font-size: 20px;
+ color: #2a2e2e;
+ letter-spacing: 0;
+ line-height: 36px;
+ }
+ .desc {
+ font-size: 14px;
+ color: #5f6464;
+ letter-spacing: 0;
+ line-height: 25px;
+ margin-top: 16px;
}
}
}
--
Gitblit v1.9.3