toom1996/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
toom1996
2025-07-02 16:32:48 +08:00
parent 945bb01109
commit be3b82a10a
42 changed files with 13608 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
src/pages/template/2/contact-us.astro Normal file
View File

@ -0,0 +1,90 @@
---
import Layout from "../../../layouts/Layout_2.astro";
import { getConfig } from "../../../../utils/config";
import { TP2_COLUMN_CONTACT_US, TP2_COLUMN_CONTACT_US_URL } from "../../../../utils/const";
import Dianhua from "../../../../public/template_2/contact-us/dianhua.svg";
import Youxiang from "../../../../public/template_2/contact-us/youxiang.svg";
const config = getConfig(Astro);
const breadcrumb = [
{ title: '主页', url: '/' },
{ title: TP2_COLUMN_CONTACT_US, url: TP2_COLUMN_CONTACT_US_URL }
];
---
<Layout title={TP2_COLUMN_CONTACT_US + ` - ${config.app_name}`} breadcrumb={breadcrumb}>
<div id="csr">
<!-- sec conta -->
<section class="sec_conta">
<div class="look_mainTit conta_title">如对本报告有任何建议和意见，请通过以下方式与华为<span class="nr">联系：</span></div>
<div class="conta_lists">
<div class="conta_list">
<div class="conta_ti">
<Dianhua class="conta_svg" />
<span class="look_smalTit conta_span sec_both">电话</span>
</div>
<div class="look_mainTit text_color conta_tx">+86-(0)755-28780808</div>
<div class="look_mainTit text_color conta_tx">+86-(0)755-28780808</div>
<div class="look_mainTit text_color conta_tx">+86-(0)755-28780808</div>
</div>
<div class="conta_list">
<div class="conta_ti">
<Youxiang class="conta_svg" />
<span class="look_smalTit conta_span sec_both">电子邮箱!!</span>
</div>
<div class="look_mainTit text_color conta_tx">
<a class="a-btn-link4 text_color" data-pagename="ConsumerCSD@Huawei.com" data-linkname="ConsumerCSD@Huawei.com" href="mailto:ConsumerCSD@Huawei.com">ConsumerCSD@Huawei.com
</a>
</div>
</div>
</div>
</section>
</div>
</Layout>
<style>
#csr {
.sec_conta {
margin-left: auto;
margin-right: auto;
width: 68.22917vw;
margin-top: 10rem;
}
.sec_conta .conta_ti {
width: 100%;
height: 3.64583vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sec_conta .conta_list {
width: 33.59375vw;
border-radius: 1.04167vw;
overflow: hidden;
background-color: #f5f5f7;
/* padding: 4.6875vw 0 1.82292vw; */
text-align: center;
}
.sec_conta .conta_svg {
width: 3.39583vw;
}
.sec_conta .conta_lists {
margin-top: 3rem;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
</style>