qwq/wig
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
qwq
2026-04-23 14:41:06 +08:00
parent 4d53815955
commit 498af9e2d6
16 changed files with 3540 additions and 2195 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contact.html
+61 -40
View File
@@ -23,9 +23,9 @@
accent: '#69b1ff',
dark: '#0f172a',
light: '#f8fafc',
darkBg: '#ffffff',
darkerBg: '#f8fafc',
darkCard: '#ffffff'
darkBg: '#1e293b',
darkerBg: '#0f172a',
darkCard: '#334155'
},
fontFamily: {
inter: ['Inter', 'sans-serif'],
@@ -36,8 +36,22 @@
</script>
<style type="text/tailwindcss">
@layer utilities {
.glass-panel {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.9);
box-shadow: 0 8px 32px -4px rgba(59, 130, 246, 0.1);
}
.glass-panel-light {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 1);
box-shadow: 0 4px 16px -2px rgba(59, 130, 246, 0.05);
}
.text-shadow {
text-shadow: 0 2px 4px rgba(0,0,0,0.1);
text-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.text-gradient {
background-clip: text;
@@ -49,8 +63,8 @@
<style>
/* ========== WordPress 样式覆盖 ========== */
.contact-section p,
.contact-section p.text-slate-500,
.contact-section .text-slate-500 {
.contact-section p.text-slate-600 font-medium,
.contact-section .text-slate-600 font-medium {
margin: 0 !important;
padding: 0 !important;
margin-bottom: 0 !important;
@@ -112,7 +126,7 @@
min-height: 400px;
background-color: #ffffff;
border-radius: 12px;
border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);;
border: 1px solid #e2e8f0;
overflow: hidden;
position: relative;
}
@@ -132,7 +146,7 @@
left: 0;
right: 0;
padding: 12px 16px;
background: linear-gradient(to bottom, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
z-index: 10;
display: flex;
justify-content: space-between;
@@ -140,7 +154,7 @@
}
.map-panel-header h4 {
color: #0f172a;
color: #1e293b;
font-size: 14px;
font-weight: 600;
display: flex;
@@ -263,46 +277,53 @@
}
</style>
</head>
<body class="font-inter bg-darkerBg text-slate-700 min-h-screen">
<body class="font-inter bg-slate-50 text-slate-800 min-h-screen relative">
<!-- 固定在背景的全局毛玻璃淡蓝光晕 -->
<div class="fixed inset-0 z-0 pointer-events-none bg-slate-50">
<div class="absolute top-[-10%] left-[-10%] w-[50%] h-[50%] rounded-full bg-blue-200/50 blur-[100px]"></div>
<div class="absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] rounded-full bg-sky-200/40 blur-[100px]"></div>
<div class="absolute top-[40%] right-[10%] w-[30%] h-[30%] rounded-full bg-indigo-100/60 blur-[80px]"></div>
<div class="absolute bottom-[20%] left-[20%] w-[30%] h-[30%] rounded-full bg-blue-100/50 blur-[80px]"></div>
</div>
<!-- 联系我们 -->
<section class="contact-section py-16 md:py-24 bg-darkBg">
<section class="contact-section py-16 md:py-24 relative z-10">
<div class="container mx-auto px-4 md:px-6 lg:px-8">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-6 text-slate-900" style="margin-bottom: 24px !important;">联系我们</h2>
<p class="section-desc text-slate-500 max-w-2xl mx-auto" style="margin: 0 auto !important;">
<h2 class="text-3xl font-bold mb-6 text-slate-800" style="margin-bottom: 24px !important;">联系我们</h2>
<p class="section-desc text-slate-600 font-medium max-w-2xl mx-auto" style="margin: 0 auto !important;">
如果您想了解更多关于我们的产品和服务，或者有任何合作意向，欢迎随时与我们联系
</p>
</div>
<div class="max-w-6xl mx-auto">
<div class="bg-darkCard shadow-lg p-8 rounded-xl shadow-lg border border-slate-200">
<div class="glass-panel-light border border-white p-8 rounded-xl shadow-lg border border-slate-200">
<!-- 联系信息区域 -->
<div class="contact-info-grid mb-8 pb-8 border-b border-slate-200">
<div class="contact-info-card flex items-start space-x-4">
<div class="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center flex-shrink-0">
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center flex-shrink-0">
<i class="fa fa-phone text-primary text-xl"></i>
</div>
<div>
<h3 class="text-lg font-semibold text-slate-900" style="margin: 0 0 8px 0 !important;">热线电话</h3>
<p class="text-slate-500 text-base" style="margin: 0 !important; line-height: 1.6 !important;">025-58181916</p>
<p class="text-slate-500 text-base" style="margin: 0 !important; line-height: 1.6 !important;">0755-86978994</p>
<h3 class="text-lg font-semibold text-slate-800" style="margin: 0 0 8px 0 !important;">热线电话</h3>
<p class="text-slate-600 font-medium text-base" style="margin: 0 !important; line-height: 1.6 !important;">025-58181916</p>
<p class="text-slate-600 font-medium text-base" style="margin: 0 !important; line-height: 1.6 !important;">0755-86978994</p>
</div>
</div>
<div class="contact-info-card flex items-start space-x-4">
<div class="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center flex-shrink-0">
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center flex-shrink-0">
<i class="fa fa-user-o text-primary text-xl"></i>
</div>
<div>
<h3 class="text-lg font-semibold text-slate-900" style="margin: 0 0 8px 0 !important;">商务代表</h3>
<p class="text-slate-500 text-base" style="margin: 0 !important; line-height: 1.6 !important;">Jack 吴 | 17372837832</p>
<p class="text-slate-500 text-base" style="margin: 0 !important; line-height: 1.6 !important;">jack.wu@wingsemitech.com</p>
<h3 class="text-lg font-semibold text-slate-800" style="margin: 0 0 8px 0 !important;">商务代表</h3>
<p class="text-slate-600 font-medium text-base" style="margin: 0 !important; line-height: 1.6 !important;">Jack 吴 | 17372837832</p>
<p class="text-slate-600 font-medium text-base" style="margin: 0 !important; line-height: 1.6 !important;">jack.wu@wingsemitech.com</p>
</div>
</div>
</div>
<!-- 办公地址区域 -->
<div>
<h3 class="text-lg font-semibold mb-6 text-slate-900 flex items-center" style="margin-bottom: 24px !important;">
<h3 class="text-lg font-semibold mb-6 text-slate-800 flex items-center" style="margin-bottom: 24px !important;">
<i class="fa fa-map-marker text-primary mr-2"></i>
办公地址
<span class="text-xs text-gray-500 ml-2 font-normal">（点击切换查看不同城市）</span>
@@ -312,68 +333,68 @@
<!-- 地址列表 -->
<div class="address-list space-y-3" id="addressList">
<!-- 广州办公室 - 默认激活 -->
<div class="address-card active p-4 border border-slate-200 rounded-lg"
<div class="address-card active p-4 border border-blue-400 bg-blue-50/80 rounded-lg backdrop-blur-sm"
data-city="guangzhou"
data-title="广州办公室"
data-address="广州市海珠区新港东路2429号三层319-320房">
<div class="flex items-center">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0 mr-3">
<div class="w-10 h-10 bg-blue-100 border border-blue-200 rounded-lg flex items-center justify-center flex-shrink-0 mr-3">
<i class="fa fa-building-o text-primary card-icon"></i>
</div>
<div class="flex-1">
<h4 class="font-medium text-slate-900 text-base" style="margin: 0 !important;">广州市</h4>
<p class="text-slate-500 text-sm" style="margin: 4px 0 0 0 !important;">海珠区新港东路2429号三层319-320房</p>
<h4 class="font-medium text-slate-800 text-base" style="margin: 0 !important;">广州市</h4>
<p class="text-slate-600 font-medium text-sm" style="margin: 4px 0 0 0 !important;">海珠区新港东路2429号三层319-320房</p>
</div>
<i class="fa fa-chevron-right text-gray-500 text-xs ml-2"></i>
</div>
</div>
<!-- 上海办公室 -->
<div class="address-card p-4 border border-slate-200 rounded-lg"
<div class="address-card p-4 border border-slate-200 rounded-lg hover:bg-blue-50/50 bg-white/60 backdrop-blur-sm"
data-city="shanghai"
data-title="上海办公室"
data-address="上海市浦东新区郭守敬路498号19号楼502室">
<div class="flex items-center">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0 mr-3">
<div class="w-10 h-10 bg-blue-100 border border-blue-200 rounded-lg flex items-center justify-center flex-shrink-0 mr-3">
<i class="fa fa-building-o text-primary card-icon"></i>
</div>
<div class="flex-1">
<h4 class="font-medium text-slate-900 text-base" style="margin: 0 !important;">上海市</h4>
<p class="text-slate-500 text-sm" style="margin: 4px 0 0 0 !important;">浦东新区郭守敬路498号19号楼502室</p>
<h4 class="font-medium text-slate-800 text-base" style="margin: 0 !important;">上海市</h4>
<p class="text-slate-600 font-medium text-sm" style="margin: 4px 0 0 0 !important;">浦东新区郭守敬路498号19号楼502室</p>
</div>
<i class="fa fa-chevron-right text-gray-500 text-xs ml-2"></i>
</div>
</div>
<!-- 深圳办公室 -->
<div class="address-card p-4 border border-slate-200 rounded-lg"
<div class="address-card p-4 border border-slate-200 rounded-lg hover:bg-blue-50/50 bg-white/60 backdrop-blur-sm"
data-city="shenzhen"
data-title="深圳办公室"
data-address="深圳市南山区科苑路16号东方科技大厦809室">
<div class="flex items-center">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0 mr-3">
<div class="w-10 h-10 bg-blue-100 border border-blue-200 rounded-lg flex items-center justify-center flex-shrink-0 mr-3">
<i class="fa fa-building-o text-primary card-icon"></i>
</div>
<div class="flex-1">
<h4 class="font-medium text-slate-900 text-base" style="margin: 0 !important;">深圳市</h4>
<p class="text-slate-500 text-sm" style="margin: 4px 0 0 0 !important;">南山区科苑路16号东方科技大厦809室</p>
<h4 class="font-medium text-slate-800 text-base" style="margin: 0 !important;">深圳市</h4>
<p class="text-slate-600 font-medium text-sm" style="margin: 4px 0 0 0 !important;">南山区科苑路16号东方科技大厦809室</p>
</div>
<i class="fa fa-chevron-right text-gray-500 text-xs ml-2"></i>
</div>
</div>
<!-- 珠海办公室 -->
<div class="address-card p-4 border border-slate-200 rounded-lg"
<div class="address-card p-4 border border-slate-200 rounded-lg hover:bg-blue-50/50 bg-white/60 backdrop-blur-sm"
data-city="zhuhai"
data-title="珠海办公室"
data-address="珠海市横琴区国际科技创新中心7栋607-1室">
<div class="flex items-center">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0 mr-3">
<div class="w-10 h-10 bg-blue-100 border border-blue-200 rounded-lg flex items-center justify-center flex-shrink-0 mr-3">
<i class="fa fa-building-o text-primary card-icon"></i>
</div>
<div class="flex-1">
<h4 class="font-medium text-slate-900 text-base" style="margin: 0 !important;">珠海市</h4>
<p class="text-slate-500 text-sm" style="margin: 4px 0 0 0 !important;">横琴区国际科技创新中心7栋607-1室</p>
<h4 class="font-medium text-slate-800 text-base" style="margin: 0 !important;">珠海市</h4>
<p class="text-slate-600 font-medium text-sm" style="margin: 4px 0 0 0 !important;">横琴区国际科技创新中心7栋607-1室</p>
</div>
<i class="fa fa-chevron-right text-gray-500 text-xs ml-2"></i>
</div>
@@ -401,7 +422,7 @@
</div>
</div>
<div class="text-center mt-10">
<div class="inline-block px-6 py-3 bg-primary text-slate-900 rounded-lg hover:bg-primary/90 transition-colors shadow-lg hover:shadow-xl font-medium text-lg cursor-pointer popupbox">
<div class="inline-block px-6 py-3 bg-primary text-slate-800 rounded-lg hover:bg-primary/90 transition-colors shadow-lg hover:shadow-xl font-medium text-lg cursor-pointer popupbox">
联系我们
</div>
</div>