From 09d7c472bd826d75d7353c5fe10e70c3fe2bd517 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期三, 23 十月 2024 18:28:20 +0800
Subject: [PATCH] 修改公司简介
---
/dev/null | 316 ----------------------------------------------------
customer_list/ch/static/images/about/3.jpg | 0
src/views/project/ch/home/AboutUs.vue | 2
3 files changed, 1 insertions(+), 317 deletions(-)
diff --git a/customer_list/ch/static/images/about/3.jpg b/customer_list/ch/static/images/about/3.jpg
new file mode 100644
index 0000000..f15649f
--- /dev/null
+++ b/customer_list/ch/static/images/about/3.jpg
Binary files differ
diff --git a/customer_list/ch/static/images/about/3.webp b/customer_list/ch/static/images/about/3.webp
deleted file mode 100644
index e9726ab..0000000
--- a/customer_list/ch/static/images/about/3.webp
+++ /dev/null
Binary files differ
diff --git a/src/views/project/ch/home/AboutUs copy.vue b/src/views/project/ch/home/AboutUs copy.vue
deleted file mode 100644
index c13b225..0000000
--- a/src/views/project/ch/home/AboutUs copy.vue
+++ /dev/null
@@ -1,316 +0,0 @@
-<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 gap-[12px]">
- <div class="product_item row_layout bg-[#5dccef]">
- <!-- <img src="/static/images/logo/logo-mini.svg" class="w-[30px] h-[30px]" /> -->
- <div class="content">
- <p>
- 涓婃捣鎷夌摝閿″崱鏂囨櫤鑳界鎶�鏈夐檺鍏徃锛屼竴瀹跺厖婊℃椿鍔涗笌鍒涙柊绮剧鐨勬柊鍏寸鎶�浼佷笟锛屾浠ュ叾鍓嶆部鐨勪汉宸ユ櫤鑳斤紙AI锛夋妧鏈拰鍏堣繘鐨勫ぇ鍨嬭瑷�妯″瀷锛圠LM锛夊紩棰嗘暟鎹鐞嗐�佹暟鎹垎鏋愬拰鏁版嵁娌荤悊鐨勬柊娴疆銆傛垜浠嚧鍔涗簬灏嗘櫤鑳界鎶�涓庢按鍔¤涓氭繁搴﹁瀺鍚堬紝鎵撻�犳按鍔℃櫤鑳斤紙WI锛夌殑鍒涙柊搴旂敤锛屽疄鐜癢aterData涓嶢I鐨勬棤缂濆鎺ャ��
- </p>
- </div>
- </div>
- <div class="product_item column_layout bg-[#76d587]">
- <div class="top">
- <!-- <img src="/static/images/logo/logo-mini.svg" class="w-[30px] h-[30px]" /> -->
- <div class="content">
- <p>
- 鎴戜滑鐨勪娇鍛芥槸鎺ㄥ姩姘村姟浼佷笟鐨勬暟瀛楀寲杞瀷锛岄�氳繃鏅烘収姘村姟鏁版嵁鐨勬繁搴︽寲鎺橈紝涓鸿涓氬甫鏉ラ潻鍛芥�х殑鍙樺寲銆傛垜浠笉浠呮槸鎶�鏈殑鍏堣鑰咃紝鏇存槸鏅烘収姘村姟棰嗗煙鐨勬帰绱㈣�呭拰瀹炶返鑰咃紝鑷村姏浜庡皢鏁版嵁鐨勫姏閲忚浆鍖栦负姘村姟琛屼笟鐨勬柊鍔ㄨ兘锛屼负鍙寔缁彂灞曠殑鏈潵璐＄尞鎴戜滑鐨勬櫤鎱у拰鍔涢噺銆�
- </p>
- </div>
- </div>
- </div>
- <div class="product_item column_layout bg-[#ff7564]">
- <div class="top">
- <!-- <img src="/static/images/logo/logo-mini.svg" class="w-[30px] h-[30px]" /> -->
- <div class="content">
- <p>
- 涓婃捣鎷夌摝閿″崱鏂囨櫤鑳界鎶�鏈夐檺鍏徃鐨勫悕瀛楋紝鏄涓や綅鍖栧宸ㄥ尃鈥斺�斿畨鎵樹竾-娲涙湕路鎷夌摝閿★紙Antoine-Laurent de
- Lavoisier锛夊拰浜ㄥ埄路鍗℃枃杩锛圚enry
- Cavendish锛夌殑鑷存暚銆傝繖涓や綅绉戝瀹跺湪鍖栧棰嗗煙鐨勮础鐚紝灏ゅ叾鏄姘寸殑缁勬垚鍜屾�ц川鐨勭爺绌讹紝涓哄寲瀛﹀伐涓氶潻鍛藉瀹氫簡鍩虹銆�
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class="mt-[12px] w100 flex flex-wrap gap-[12px]">
- <div class="product_item w100 bg-[#ffbb5e] flex items-center">
- <!-- <img src="/static/images/logo/logo-mini.svg" class="w-[30px] h-[30px]" /> -->
- <div class="content">
- <p>
- 鎷夌摝閿¤瑾変负鐜颁唬鍖栧涔嬬埗锛屼粬閫氳繃绮剧‘鐨勫疄楠屾柟娉曪紝鎺ㄧ炕浜嗗綋鏃舵祦琛岀殑鐕冪礌璇达紝璇佹槑浜嗙┖姘旂敱姘ф皵鍜屾爱姘旂粍鎴愶紝骞剁‘绔嬩簡璐ㄩ噺瀹堟亽瀹氬緥銆備粬鐨勫疄楠岃缃璁＄簿宸э紝鑳藉绮剧‘娴嬮噺鍖栧鍙嶅簲涓墿璐ㄧ殑璐ㄩ噺鍙樺寲锛屼粠鑰岃瘉鏄庝簡姘村彲浠ュ垎瑙ｆ垚姘㈠拰姘с�傛媺鐡﹂敗鐨勮繖浜涘彂鐜帮紝涓嶄粎鎺ㄥ姩浜嗗寲瀛︾瀛︾殑鍙戝睍锛屼篃涓哄悗鏉ョ殑宸ヤ笟闈╁懡鎻愪緵浜嗙悊璁哄熀纭�銆�
- 鍗℃枃杩鍒欎互鍏跺姘㈡皵鐨勭爺绌惰�岄椈鍚嶃�備粬閫氳繃瀹為獙鍒嗙鍑轰簡姘㈡皵锛屽苟瀵瑰叾鎬ц川杩涜浜嗚缁嗙爺绌讹紝璇佹槑浜嗘阿姘旀槸姘寸殑缁勬垚閮ㄥ垎涔嬩竴銆傚崱鏂囪开璁哥殑杩欎竴鍙戠幇锛岃繘涓�姝ヨ瘉瀹炰簡姘寸殑缁勬垚锛屽苟涓哄悗鏉ョ殑鍖栧宸ヤ笟鎻愪緵浜嗛噸瑕佺殑鍘熸潗鏂欍��
- </p>
- </div>
- <div class="code ml-5">
- <img src="/static/images/wave/code.jpg" class="w-[80px] h-[80px]" />
- <p>鎵爜鍏虫敞寰俊鍏紬鍙�</p>
- </div>
- </div>
- </div>
-
- <div class="us">
- <div class="flex-1 min-w-0">
- <h2>鍏充簬涓婃捣鎷夌摝閿″崱鏂囨櫤鑳界鎶�鏈夐檺鍏徃</h2>
- <p>
- 涓婃捣鎷夌摝閿″崱鏂囨櫤鑳界鎶�鏈夐檺鍏徃浠ヨ繖涓や綅绉戝瀹剁殑鍚嶅瓧鍛藉悕锛屼綋鐜颁簡鍏徃瀵规櫤鎱ф按鍔℃暟鎹环鍊兼寲鎺樺拰搴旂敤鐨勪娇鍛藉拰杩滄櫙銆傚叕鍙歌嚧鍔涗簬閫氳繃鍏堣繘鐨勬妧鏈拰鍒涙柊鐨勬柟娉曪紝瀹炵幇姘村姟鏁版嵁鐨勬櫤鑳藉寲绠＄悊鍜屼紭鍖栵紝浠ユ彁楂樻按璧勬簮鐨勫埄鐢ㄦ晥鐜囧拰绠＄悊姘村钩銆傛濡傛媺鐡﹂敗鍜屽崱鏂囪开璁搁�氳繃浠栦滑鐨勫疄楠屽拰鍙戠幇寮�鍚簡鍖栧鐨勬柊绾厓锛屼笂娴锋媺鐡﹂敗鍗℃枃鏅鸿兘绉戞妧鏈夐檺鍏徃涔熷笇鏈涢�氳繃鍏跺湪鏅烘収姘村姟棰嗗煙鐨勫姫鍔涳紝寮�鍚按鍔℃暟鎹环鍊煎簲鐢ㄧ殑鏂扮瘒绔狅紝涓烘按璧勬簮鐨勫彲鎸佺画鍒╃敤鍜岀幆澧冧繚鎶ゅ仛鍑鸿础鐚�
- </p>
- </div>
- <div class="right">
- <div class="relative">
- <el-image
- style="width: 150px; height: 207px"
- src="/static/images/wave/copyright.jpg"
- :zoom-rate="1.2"
- :max-scale="7"
- :min-scale="0.2"
- :preview-src-list="state.rcList"
- :initial-index="4"
- fit="cover"
- close-on-press-escape
- />
- <!-- <div class="view">
- <i class="iconfont icon-xianshimima font14 mr-[4px]">鏌ョ湅</i>
- </div> -->
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-</template>
-
-<script setup lang="ts">
-import { reactive } from 'vue';
-
-let state = reactive({
- usList: [
- {
- ID: 1,
- icon: 'icon-dianhua',
- title: '鑱旂郴鏂瑰紡:',
- content: '023-98657832',
- },
- {
- ID: 2,
- icon: 'icon-youxiang',
- title: '鍟嗗姟鍚堜綔:',
- content: 'smh@eventech.cn',
- },
- {
- ID: 3,
-
- icon: 'icon-dizhi',
- title: '鍏徃鍦板潃:',
- content: '涓婃捣鏃堕椀琛屽尯姹熸湀璺�999鍙峰浜氱壒绉戞妧鍥�1鍙锋ゼ615瀹�',
- },
- ],
- rcList: ['/static/images/wave/copyright.jpg'],
-});
-</script>
-<style scoped lang="scss">
-.about-us-container {
- --title: 14px;
- --normal: 12px;
- --gap: 12px;
- --maxWidth: 864px;
- --color: #5dccef;
- --color2: #76d587;
- 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;
- }
- .product_item {
- box-sizing: border-box;
- min-width: 0;
- width: calc(50% - var(--gap) / 2);
- padding: var(--gap);
- border-radius: 8px;
- color: #fff;
-
- .product_item:first-child {
- color: var(--color);
- }
- .product_item:nth-child(2) {
- color: var(--color2);
- --hoverColor: rgba();
- }
- }
- .row_layout {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- align-items: flex-start;
- gap: var(--gap);
- .code {
- padding: 0 2px;
- -ms-flex-item-align: center;
- align-self: center;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
- p {
- font-size: 12px;
- margin-top: 4px;
- color: #ffffffd9;
- white-space: nowrap;
- }
- }
- }
- .content {
- flex: 1;
- min-width: 0;
-
- h2 {
- font-size: var(--title);
- line-height: 30px;
- font-weight: 600;
- font-family: Poppins;
- }
- p {
- text-align: justify;
- text-align-last: start;
- font-size: var(--normal);
- line-height: 18px;
- font-weight: 400;
- margin-top: 4px;
- color: hsla(0, 0%, 100%, 0.8);
- }
- }
- .btn {
- box-sizing: border-box;
- width: 100%;
- padding: 0px 8px;
- height: 30px;
- line-height: 25px;
- border-radius: 4px;
- background-color: #fff;
- cursor: pointer;
- display: flex;
- margin-top: 4px;
- align-items: center;
- justify-content: center;
- gap: 8px;
- font-size: 12px;
- margin-left: unset;
- text-decoration: none;
-
- -webkit-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- font-size: 12px;
- white-space: nowrap;
- }
- .column_layout {
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- .top {
- display: flex;
- align-items: flex-start;
- gap: var(--gap);
- }
- }
- .us {
- margin-top: var(--gap);
- padding: var(--gap);
- min-width: 0;
- border-radius: 8px;
- background-color: #1d86ff;
- color: #fff;
- display: flex;
- align-items: center;
- gap: 24px;
- h2 {
- font-size: var(--title);
- line-height: 20px;
- }
- p {
- text-align: justify;
- -moz-text-align-last: start;
- text-align-last: start;
- font-size: var(--normal);
- line-height: 20px;
- margin-top: var(--gap);
- color: #ffffffd9;
- }
- .info_item_title {
- font-size: var(--normal);
- line-height: 20px;
- color: white;
- display: flex;
- font-weight: 800;
- align-items: center;
- margin-right: 4px;
- }
- .info_item {
- font-size: var(--normal);
- line-height: 20px;
- color: #ffffffd9;
- display: flex;
- align-items: center;
- margin-right: 4px;
- }
- .right {
- width: 200px;
- display: flex;
-
- align-items: center;
- flex-direction: column;
- .view {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: transparent;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: background-color 0.2s;
- cursor: pointer;
- font-size: 12px;
- color: transparent;
-
- &:hover {
- background-color: rgba(0, 0, 0, 0.7);
- color: #fff;
- }
- i {
- transition: color 0.2s;
- margin-right: 4px;
- }
- }
- }
- }
- }
-}
-</style>
diff --git a/src/views/project/ch/home/AboutUs.vue b/src/views/project/ch/home/AboutUs.vue
index a95a501..16be428 100644
--- a/src/views/project/ch/home/AboutUs.vue
+++ b/src/views/project/ch/home/AboutUs.vue
@@ -41,7 +41,7 @@
<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.jpg" class="w-[580px] h-[315px]" />
</div>
<div class="w100 h100 px-[30px]">
<div class="title">鐜颁唬鍖栧涔嬬埗</div>
--
Gitblit v1.9.3