939 lines
53 KiB
HTML
939 lines
53 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>隼瞻科技 - 深色主题页眉页脚</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
screens: {
|
|
'tablet': '1024px',
|
|
'sm': '640px',
|
|
'md': '768px',
|
|
'lg': '1280px',
|
|
'xl': '1536px',
|
|
},
|
|
extend: {
|
|
colors: {
|
|
primary: '#3b82f6',
|
|
secondary: '#0E42D2',
|
|
accent: '#69b1ff',
|
|
dark: '#0f172a',
|
|
light: '#f8fafc',
|
|
darkBg: '#1e293b',
|
|
darkerBg: '#0f172a',
|
|
darkCard: '#334155'
|
|
},
|
|
fontFamily: {
|
|
inter: ['Inter', 'sans-serif'],
|
|
},
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
<style type="text/tailwindcss">
|
|
@layer utilities {
|
|
.content-auto {
|
|
content-visibility: auto;
|
|
}
|
|
.text-shadow {
|
|
text-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
|
}
|
|
.text-gradient {
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
color: transparent;
|
|
}
|
|
.bg-grid {
|
|
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23334155' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
|
|
.dropdown-submenu:hover > .submenu {
|
|
opacity: 1 !important;
|
|
visibility: visible !important;
|
|
transform: scale(1) !important;
|
|
}
|
|
|
|
.submenu {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.dropdown-submenu {
|
|
position: relative;
|
|
}
|
|
|
|
.submenu-level-3 {
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
#mobile-menu-button,
|
|
.mobile-dropdown-toggle {
|
|
outline: none !important;
|
|
-webkit-tap-highlight-color: transparent !important;
|
|
-webkit-touch-callout: none !important;
|
|
-webkit-user-select: none !important;
|
|
-moz-user-select: none !important;
|
|
-ms-user-select: none !important;
|
|
user-select: none !important;
|
|
}
|
|
|
|
#mobile-menu-button:focus,
|
|
#mobile-menu-button:active,
|
|
#mobile-menu-button:hover,
|
|
.mobile-dropdown-toggle:focus,
|
|
.mobile-dropdown-toggle:active,
|
|
.mobile-dropdown-toggle:hover {
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
}
|
|
</style>
|
|
<style>
|
|
/* ========== WordPress 样式覆盖 ========== */
|
|
/* 重置联系我们区域的所有 p 标签样式 */
|
|
.contact-section p,
|
|
.contact-section p.text-gray-400,
|
|
.contact-section .text-gray-400 {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
margin-top: 0 !important;
|
|
line-height: 1.5 !important;
|
|
}
|
|
|
|
/* 联系信息卡片内的段落 */
|
|
.contact-info-card p {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
line-height: 1.6 !important;
|
|
}
|
|
|
|
/* 地址卡片内的段落 */
|
|
.address-card p {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
margin-top: 4px !important;
|
|
line-height: 1.5 !important;
|
|
}
|
|
|
|
/* 标题下方的描述段落 */
|
|
.contact-section .section-desc {
|
|
margin: 0 auto !important;
|
|
padding: 0 !important;
|
|
line-height: 1.6 !important;
|
|
}
|
|
|
|
/* 确保所有文本容器内的 p 标签紧凑 */
|
|
.contact-section div p {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 2px !important;
|
|
}
|
|
|
|
.contact-section div p:last-child {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
/* ========== 办公地址区域布局 ========== */
|
|
.address-section {
|
|
display: flex;
|
|
gap: 24px;
|
|
transition: all 0.4s ease;
|
|
}
|
|
|
|
.address-list {
|
|
flex: 0 0 280px;
|
|
min-width: 280px;
|
|
transition: all 0.4s ease;
|
|
}
|
|
|
|
.map-panel {
|
|
flex: 1.5;
|
|
opacity: 1;
|
|
overflow: hidden;
|
|
transition: all 0.4s ease;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.map-panel-inner {
|
|
height: 100%;
|
|
min-height: 400px;
|
|
background-color: #1e293b;
|
|
border-radius: 12px;
|
|
border: 1px solid #475569;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.map-panel-inner iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.map-panel-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 12px 16px;
|
|
background: linear-gradient(to bottom, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0));
|
|
z-index: 10;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.map-panel-header h4 {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.map-panel-header h4 i {
|
|
margin-right: 8px;
|
|
color: #165DFF;
|
|
}
|
|
|
|
/* ========== 地址卡片样式 ========== */
|
|
.address-card {
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
user-select: none;
|
|
position: relative;
|
|
}
|
|
|
|
.address-card:hover {
|
|
border-color: #165DFF !important;
|
|
background-color: rgba(22, 93, 255, 0.05);
|
|
}
|
|
|
|
.address-card.active {
|
|
border-color: #165DFF !important;
|
|
background-color: rgba(22, 93, 255, 0.15);
|
|
}
|
|
|
|
.address-card.active::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 3px;
|
|
background: #165DFF;
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
|
|
.address-card .card-icon {
|
|
transition: transform 0.3s ease, color 0.3s ease;
|
|
}
|
|
|
|
.address-card.active .card-icon {
|
|
transform: scale(1.1);
|
|
color: #165DFF;
|
|
}
|
|
|
|
/* 地址卡片内的标题 */
|
|
.address-card h4 {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* ========== 加载动画 ========== */
|
|
.map-loading {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
min-height: 400px;
|
|
color: #9ca3af;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.map-loading i {
|
|
font-size: 32px;
|
|
margin-bottom: 12px;
|
|
animation: spin 1s linear infinite;
|
|
color: #165DFF;
|
|
}
|
|
|
|
@keyframes spin {
|
|
from { transform: rotate(0deg); }
|
|
to { transform: rotate(360deg); }
|
|
}
|
|
|
|
/* ========== 移动端适配 ========== */
|
|
@media (max-width: 768px) {
|
|
.address-section {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.address-list {
|
|
flex: 1;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.map-panel {
|
|
flex: none;
|
|
height: 300px;
|
|
order: -1;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.map-panel-inner {
|
|
min-height: 300px;
|
|
}
|
|
}
|
|
|
|
/* ========== 联系信息区域 ========== */
|
|
.contact-info-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(1, 1fr);
|
|
gap: 1.5rem;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.contact-info-grid {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
}
|
|
|
|
.contact-info-card h3 {
|
|
margin: 0 0 8px 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="font-inter bg-darkerBg text-gray-200 min-h-screen flex flex-col">
|
|
<!-- 导航栏（页眉） -->
|
|
<header id="navbar" class="fixed w-full top-0 z-50 transition-all duration-300 bg-darkBg/70 backdrop-blur-sm shadow-md">
|
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between items-center py-4">
|
|
<!-- Logo -->
|
|
<div class="flex items-center space-x-2">
|
|
<a href="https://www.wingsemitech.com/" class="flex items-center">
|
|
<img src="https://www.wingsemitech.com/wp-content/uploads/2025/10/20251021-101134.png" alt="隼瞻科技" class="h-12 w-36 object-contain">
|
|
</a>
|
|
</div>
|
|
|
|
<!-- 桌面导航菜单 -->
|
|
<nav class="hidden tablet:flex items-center space-x-8">
|
|
<div class="relative group">
|
|
<a href="https://www.wingsemitech.com/" class="py-2 px-1 text-sm font-medium text-gray-300 hover:text-primary transition-colors">首页</a>
|
|
</div>
|
|
|
|
<div class="relative group">
|
|
<a class="py-2 px-1 text-sm font-medium text-gray-300 hover:text-primary transition-colors flex items-center">
|
|
产品中心
|
|
<i class="fa fa-chevron-down ml-1 text-xs transition-transform group-hover:rotate-180 duration-300"></i>
|
|
</a>
|
|
<div class="absolute left-0 mt-2 w-64 bg-darkCard rounded-md shadow-lg overflow-visible opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 transform origin-top-left scale-95 group-hover:scale-100 z-50 border border-gray-700">
|
|
<div class="relative dropdown-submenu">
|
|
<a class="block px-4 py-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary w-full text-left flex items-center justify-between">
|
|
RISC-V处理器IP
|
|
<i class="fa fa-chevron-right ml-2 text-xs transition-transform"></i>
|
|
</a>
|
|
<div class="submenu submenu-level-3 absolute left-full top-0 ml-1 bg-darkCard rounded-md shadow-xl overflow-hidden opacity-0 invisible transition-all duration-300 w-96 border border-gray-700">
|
|
<div class="grid grid-cols-3 gap-1 p-3">
|
|
<div class="p-2">
|
|
<div class="px-3 py-2 text-xs font-semibold text-primary border-b border-primary/20 mb-2">通用处理器IP</div>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-626/" class="block py-2 px-3 text-xs text-gray-300 hover:bg-primary/10 hover:text-primary rounded transition-colors">Wing-M050</a>
|
|
<a href="https://www.wingsemitech.com/elementor-1885/" class="block py-2 px-3 text-xs text-gray-300 hover:bg-primary/10 hover:text-primary rounded transition-colors">Wing-M130</a>
|
|
<a href="products.html#wing-m510" class="block py-2 px-3 text-xs text-gray-300 hover:bg-primary/10 hover:text-primary rounded transition-colors">Wing-M510</a>
|
|
<a href="products.html#wing-a500" class="block py-2 px-3 text-xs text-gray-300 hover:bg-primary/10 hover:text-primary rounded transition-colors">Wing-A500</a>
|
|
<a href="products.html#wing-a700" class="block py-2 px-3 text-xs text-gray-300 hover:bg-primary/10 hover:text-primary rounded transition-colors">Wing-A700</a>
|
|
</div>
|
|
<div class="p-2">
|
|
<div class="px-3 py-2 text-xs font-semibold text-primary border-b border-primary/20 mb-2">车规处理器IP</div>
|
|
<a href="products.html#wing-m050a" class="block py-2 px-3 text-xs text-gray-300 hover:bg-primary/10 hover:text-primary rounded transition-colors">Wing-M050A</a>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1890/" class="block py-2 px-3 text-xs text-gray-300 hover:bg-primary/10 hover:text-primary rounded transition-colors">Wing-M130A</a>
|
|
<a href="products.html#wing-m510a" class="block py-2 px-3 text-xs text-gray-300 hover:bg-primary/10 hover:text-primary rounded transition-colors">Wing-M510A</a>
|
|
</div>
|
|
<div class="p-2">
|
|
<div class="px-3 py-2 text-xs font-semibold text-primary border-b border-primary/20 mb-2">安全处理器IP</div>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1821/" class="block py-2 px-3 text-xs text-gray-300 hover:bg-primary/10 hover:text-primary rounded transition-colors">Wing-M050S</a>
|
|
<a href="https://www.wingsemitech.com/wing-m130s%e5%ae%89%e5%85%a8%e6%a0%b8/" class="block py-2 px-3 text-xs text-gray-300 hover:bg-primary/10 hover:text-primary rounded transition-colors">Wing-M130S</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1465/" class="block px-4 py-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary transition-colors">ArchitStudio开发平台</a>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1442/" class="block px-4 py-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary transition-colors">智翼端侧AI解决方案</a>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1524/" class="block px-4 py-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary transition-colors">配套开发工具</a>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1532/" class="block px-4 py-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary transition-colors">FPGA</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="relative group">
|
|
<a class="py-2 px-1 text-sm font-medium text-gray-300 hover:text-primary transition-colors flex items-center">
|
|
技术中心
|
|
<i class="fa fa-chevron-down ml-1 text-xs transition-transform group-hover:rotate-180 duration-300"></i>
|
|
</a>
|
|
<div class="absolute left-0 mt-2 w-48 bg-darkCard rounded-md shadow-lg overflow-visible opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 transform origin-top-left scale-95 group-hover:scale-100 z-50 border border-gray-700">
|
|
<div class="relative dropdown-submenu">
|
|
<a class="block px-4 py-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary w-full text-left flex items-center justify-between">
|
|
IP相关技术
|
|
<i class="fa fa-chevron-right ml-2 text-xs transition-transform"></i>
|
|
</a>
|
|
<div class="submenu submenu-level-3 absolute left-full top-0 ml-1 bg-darkCard rounded-md shadow-xl overflow-hidden opacity-0 invisible transition-all duration-300 w-48 border border-gray-700">
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1490/" class="block px-4 py-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary transition-colors">代码压缩技术</a>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1473/" class="block px-4 py-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary transition-colors">中断实时性技术</a>
|
|
</div>
|
|
</div>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1447/" class="block px-4 py-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary transition-colors">AI融合技术</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="relative group">
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-683/" class="py-2 px-1 text-sm font-medium text-gray-300 hover:text-primary transition-colors">新闻中心</a>
|
|
</div>
|
|
|
|
<div class="relative group">
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-725/" class="py-2 px-1 text-sm font-medium text-gray-300 hover:text-primary transition-colors">关于我们</a>
|
|
</div>
|
|
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1173/" class="block py-2 px-3 text-sm font-medium text-white bg-primary rounded-md text-center hover:bg-primary/90 hover:text-white transition-colors">加入我们</a>
|
|
</nav>
|
|
|
|
<div class="tablet:hidden">
|
|
<button id="mobile-menu-button" type="button" class="text-gray-300 hover:text-primary transition-colors focus:outline-none">
|
|
<i class="fa fa-bars text-xl"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 移动端导航菜单 -->
|
|
<div id="mobile-menu" class="tablet:hidden hidden bg-darkCard border-t border-gray-700">
|
|
<div class="container mx-auto px-4 py-3 space-y-1">
|
|
<a href="https://www.wingsemitech.com/" class="block py-2 px-3 text-sm font-medium text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">首页</a>
|
|
|
|
<div class="mobile-dropdown">
|
|
<div class="w-full flex items-center justify-between py-2 px-3 text-sm font-medium text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">
|
|
<a class="flex-1">产品中心</a>
|
|
<button type="button" class="mobile-dropdown-toggle text-gray-400 hover:text-primary focus:outline-none" aria-label="展开菜单">
|
|
<i class="fa fa-chevron-down text-xs transition-transform"></i>
|
|
</button>
|
|
</div>
|
|
<div class="mobile-dropdown-menu hidden pl-6 space-y-1">
|
|
<div class="mobile-dropdown">
|
|
<div class="w-full flex items-center justify-between py-2 px-3 text-sm font-medium text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">
|
|
<a class="flex-1">RISC-V处理器IP</a>
|
|
<button type="button" class="mobile-dropdown-toggle text-gray-400 hover:text-primary focus:outline-none" aria-label="展开菜单">
|
|
<i class="fa fa-chevron-down text-xs transition-transform"></i>
|
|
</button>
|
|
</div>
|
|
<div class="mobile-dropdown-menu hidden pl-6 space-y-1">
|
|
<div class="mobile-dropdown">
|
|
<div class="w-full flex items-center justify-between py-2 px-3 text-sm font-medium text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">
|
|
<span class="flex-1">通用处理器IP</span>
|
|
<button type="button" class="mobile-dropdown-toggle text-gray-400 hover:text-primary focus:outline-none" aria-label="展开菜单">
|
|
<i class="fa fa-chevron-down text-xs transition-transform"></i>
|
|
</button>
|
|
</div>
|
|
<div class="mobile-dropdown-menu hidden pl-6 space-y-1 bg-darkerBg">
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-626/" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">Wing-M050</a>
|
|
<a href="products.html#wing-m130" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">Wing-M130</a>
|
|
<a href="products.html#wing-m510" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">Wing-M510</a>
|
|
<a href="products.html#wing-a500" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">Wing-A500</a>
|
|
</div>
|
|
</div>
|
|
<div class="mobile-dropdown">
|
|
<div class="w-full flex items-center justify-between py-2 px-3 text-sm font-medium text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">
|
|
<span class="flex-1">车规处理器IP</span>
|
|
<button type="button" class="mobile-dropdown-toggle text-gray-400 hover:text-primary focus:outline-none" aria-label="展开菜单">
|
|
<i class="fa fa-chevron-down text-xs transition-transform"></i>
|
|
</button>
|
|
</div>
|
|
<div class="mobile-dropdown-menu hidden pl-6 space-y-1 bg-darkerBg">
|
|
<a href="products.html#wing-m050a" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">Wing-M050A</a>
|
|
<a href="products.html#wing-m130a" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">Wing-M130A</a>
|
|
</div>
|
|
</div>
|
|
<div class="mobile-dropdown">
|
|
<div class="w-full flex items-center justify-between py-2 px-3 text-sm font-medium text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">
|
|
<span class="flex-1">安全处理器IP</span>
|
|
<button type="button" class="mobile-dropdown-toggle text-gray-400 hover:text-primary focus:outline-none" aria-label="展开菜单">
|
|
<i class="fa fa-chevron-down text-xs transition-transform"></i>
|
|
</button>
|
|
</div>
|
|
<div class="mobile-dropdown-menu hidden pl-6 space-y-1 bg-darkerBg">
|
|
<a href="products.html#wing-m050s" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">Wing-M050S</a>
|
|
<a href="products.html#wing-m130s" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">Wing-M130S</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1465/" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">ArchitStudio开发平台</a>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1442/" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">智翼端侧AI解决方案</a>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1524/" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">配套开发工具</a>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1532/" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">FPGA</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-dropdown">
|
|
<div class="w-full flex items-center justify-between py-2 px-3 text-sm font-medium text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">
|
|
<span class="flex-1">技术中心</span>
|
|
<button type="button" class="mobile-dropdown-toggle text-gray-400 hover:text-primary focus:outline-none" aria-label="展开菜单">
|
|
<i class="fa fa-chevron-down text-xs transition-transform"></i>
|
|
</button>
|
|
</div>
|
|
<div class="mobile-dropdown-menu hidden pl-6 space-y-1">
|
|
<div class="mobile-dropdown">
|
|
<div class="w-full flex items-center justify-between py-2 px-3 text-sm font-medium text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">
|
|
<span class="flex-1">IP相关技术</span>
|
|
<button type="button" class="mobile-dropdown-toggle text-gray-400 hover:text-primary focus:outline-none" aria-label="展开菜单">
|
|
<i class="fa fa-chevron-down text-xs transition-transform"></i>
|
|
</button>
|
|
</div>
|
|
<div class="mobile-dropdown-menu hidden pl-6 space-y-1 bg-darkerBg">
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1490/" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">代码压缩技术</a>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1473/" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">中断实时性技术</a>
|
|
</div>
|
|
</div>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1447/" class="block py-2 px-3 text-sm text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">AI融合技术</a>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-683/" class="block py-2 px-3 text-sm font-medium text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">新闻中心</a>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-725/" class="block py-2 px-3 text-sm font-medium text-gray-300 hover:bg-primary/10 hover:text-primary rounded-md">关于我们</a>
|
|
<a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1173/" class="block py-2 px-3 text-sm font-medium text-white bg-primary rounded-md text-center hover:bg-primary/90 hover:text-white transition-colors">加入我们</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- 联系我们 -->
|
|
<section class="contact-section py-16 md:py-24 bg-darkBg">
|
|
<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-white" style="margin-bottom: 24px !important;">联系我们</h2>
|
|
<p class="section-desc text-gray-400 max-w-2xl mx-auto" style="margin: 0 auto !important;">
|
|
如果您想了解更多关于我们的产品和服务，或者有任何合作意向，欢迎随时与我们联系
|
|
</p>
|
|
</div>
|
|
<div class="max-w-6xl mx-auto">
|
|
<div class="bg-darkCard p-8 rounded-xl shadow-lg border border-gray-700">
|
|
<!-- 联系信息区域 -->
|
|
<div class="contact-info-grid mb-8 pb-8 border-b border-gray-700">
|
|
<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">
|
|
<i class="fa fa-phone text-primary text-xl"></i>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-base font-semibold text-white" style="margin: 0 0 8px 0 !important;">热线电话</h3>
|
|
<p class="text-gray-400 text-sm" style="margin: 0 !important; line-height: 1.6 !important;">025-58181916</p>
|
|
<p class="text-gray-400 text-sm" 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">
|
|
<i class="fa fa-envelope-o text-primary text-xl"></i>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-base font-semibold text-white" style="margin: 0 0 8px 0 !important;">电子邮箱</h3>
|
|
<p class="text-gray-400 text-sm" style="margin: 0 !important; line-height: 1.6 !important;">business@wingsemitech.com</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">
|
|
<i class="fa fa-user-o text-primary text-xl"></i>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-base font-semibold text-white" style="margin: 0 0 8px 0 !important;">商务代表</h3>
|
|
<p class="text-gray-400 text-sm" style="margin: 0 !important; line-height: 1.6 !important;">Jack 吴 | 17372837832</p>
|
|
<p class="text-gray-400 text-sm" 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-white 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>
|
|
</h3>
|
|
|
|
<div class="address-section">
|
|
<!-- 地址列表 -->
|
|
<div class="address-list space-y-3" id="addressList">
|
|
<!-- 广州办公室 - 默认激活 -->
|
|
<div class="address-card active p-4 border border-gray-700 rounded-lg"
|
|
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">
|
|
<i class="fa fa-building-o text-primary card-icon"></i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="font-medium text-white text-base" style="margin: 0 !important;">广州市</h4>
|
|
<p class="text-gray-400 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-gray-700 rounded-lg"
|
|
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">
|
|
<i class="fa fa-building-o text-primary card-icon"></i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="font-medium text-white text-base" style="margin: 0 !important;">上海市</h4>
|
|
<p class="text-gray-400 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-gray-700 rounded-lg"
|
|
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">
|
|
<i class="fa fa-building-o text-primary card-icon"></i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="font-medium text-white text-base" style="margin: 0 !important;">深圳市</h4>
|
|
<p class="text-gray-400 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-gray-700 rounded-lg"
|
|
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">
|
|
<i class="fa fa-building-o text-primary card-icon"></i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="font-medium text-white text-base" style="margin: 0 !important;">珠海市</h4>
|
|
<p class="text-gray-400 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>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 地图面板 - 默认显示 -->
|
|
<div class="map-panel" id="mapPanel">
|
|
<div class="map-panel-inner">
|
|
<div class="map-panel-header">
|
|
<h4 id="mapTitle">
|
|
<i class="fa fa-map-marker"></i>
|
|
<span>广州办公室</span>
|
|
</h4>
|
|
</div>
|
|
<div id="mapContent" class="w-full h-full">
|
|
<div class="map-loading">
|
|
<i class="fa fa-spinner"></i>
|
|
<span>地图加载中...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center mt-10">
|
|
<div class="inline-block px-6 py-3 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors shadow-lg hover:shadow-xl font-medium text-lg cursor-pointer popupbox">
|
|
联系我们
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 页脚 -->
|
|
<footer class="bg-darkerBg text-white py-16 border-t border-gray-800">
|
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10">
|
|
<div>
|
|
<div class="flex items-center space-x-2 mb-6">
|
|
<div class="w-32 h-10 rounded-lg flex items-center justify-center overflow-hidden">
|
|
<img src="https://www.wingsemitech.com/wp-content/uploads/2025/10/20251021-101134.png" alt="公司Logo" class="w-full h-full object-contain" />
|
|
</div>
|
|
</div>
|
|
<p class="text-gray-400 mb-6">
|
|
隼瞻科技是一家专注于提供专用处理器IP和EDA设计平台的创新型高科技公司，致力于为客户提供高性能、低功耗的处理器IP和先进的EDA设计工具。
|
|
</p>
|
|
<div class="flex space-x-4">
|
|
<a href="#" class="text-gray-400 hover:text-white transition-colors">
|
|
<i class="fa fa-weixin"></i>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-white transition-colors">
|
|
<i class="fa fa-weibo"></i>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-white transition-colors">
|
|
<i class="fa fa-linkedin"></i>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-white transition-colors">
|
|
<i class="fa fa-twitter"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 class="text-lg font-bold mb-6">产品</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1465/" class="text-gray-400 hover:text-white transition-colors">ArchitStudio开发平台</a></li>
|
|
<li><a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1442/" class="text-gray-400 hover:text-white transition-colors">智翼端侧AI解决方案</a></li>
|
|
<li><a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1524/" class="text-gray-400 hover:text-white transition-colors">配套开发工具</a></li>
|
|
<li><a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1532/" class="text-gray-400 hover:text-white transition-colors">FPGA</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 class="text-lg font-bold mb-6">技术</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1447/" class="text-gray-400 hover:text-white transition-colors">AI融合技术</a></li>
|
|
<li><a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1490/" class="text-gray-400 hover:text-white transition-colors">代码压缩技术</a></li>
|
|
<li><a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1473/" class="text-gray-400 hover:text-white transition-colors">中断实时性技术</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 class="text-lg font-bold mb-6">关于我们</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-725/" class="text-gray-400 hover:text-white transition-colors">公司简介</a></li>
|
|
<li><a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-1173/" class="text-gray-400 hover:text-white transition-colors">加入我们</a></li>
|
|
<li><a href="https://www.wingsemitech.com/elementor-%e9%a1%b5%e9%9d%a2-683/" class="text-gray-400 hover:text-white transition-colors">新闻动态</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center">
|
|
<p class="text-gray-500 text-sm mb-4 md:mb-0">
|
|
© <span id="current-year">2023</span> 隼瞻科技. 保留所有权利.
|
|
</p>
|
|
<div class="flex space-x-6">
|
|
<a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition-colors">隐私政策</a>
|
|
<a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition-colors">使用条款</a>
|
|
<a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition-colors">法律声明</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- 返回顶部按钮 -->
|
|
<button id="back-to-top" class="fixed bottom-6 right-6 w-12 h-12 bg-primary text-white rounded-full flex items-center justify-center shadow-lg opacity-0 invisible transition-all duration-300 hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-darkerBg">
|
|
<i class="fa fa-arrow-up"></i>
|
|
</button>
|
|
|
|
<!-- JavaScript -->
|
|
<script>
|
|
(function() {
|
|
'use strict';
|
|
|
|
// 地图数据
|
|
var mapData = {
|
|
'guangzhou': {
|
|
coords: '23.094218,113.39969',
|
|
address: '广州市海珠区海珠科技大楼'
|
|
},
|
|
'shanghai': {
|
|
coords: '31.209377,121.597416',
|
|
address: '上海市浦东新区郭守敬路498号19号楼'
|
|
},
|
|
'shenzhen': {
|
|
coords: '22.547742,113.945943',
|
|
address: '深圳市南山区科苑路16号东方科技大厦'
|
|
},
|
|
'zhuhai': {
|
|
coords: '22.131082,113.466422',
|
|
address: '珠海市横琴区国际科技创新中心'
|
|
}
|
|
};
|
|
|
|
var currentCity = 'guangzhou';
|
|
|
|
// 加载地图
|
|
function loadMap(city, title) {
|
|
var mapContent = document.getElementById('mapContent');
|
|
var mapTitle = document.getElementById('mapTitle');
|
|
|
|
if (!mapContent) return;
|
|
|
|
// 更新标题
|
|
if (mapTitle) {
|
|
mapTitle.innerHTML = '<i class="fa fa-map-marker"></i><span>' + title + '</span>';
|
|
}
|
|
|
|
// 如果是同一个城市，不重新加载
|
|
if (city === currentCity && mapContent.querySelector('iframe')) {
|
|
return;
|
|
}
|
|
|
|
// 显示加载状态
|
|
mapContent.innerHTML = '<div class="map-loading"><i class="fa fa-spinner"></i><span>地图加载中...</span></div>';
|
|
|
|
// 使用腾讯地图
|
|
var data = mapData[city];
|
|
if (data) {
|
|
var encodedAddress = encodeURIComponent(data.address);
|
|
var mapUrl = 'https://apis.map.qq.com/tools/poimarker?type=0&marker=coord:' + data.coords + ';title:隼瞻科技;addr:' + encodedAddress + '&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp';
|
|
|
|
// 延迟加载iframe
|
|
setTimeout(function() {
|
|
mapContent.innerHTML = '<iframe src="' + mapUrl + '" style="width:100%;height:100%;border:none;position:absolute;top:0;left:0;" allowfullscreen loading="lazy"></iframe>';
|
|
}, 300);
|
|
}
|
|
|
|
currentCity = city;
|
|
}
|
|
|
|
// 初始化地址卡片点击事件
|
|
function initAddressCards() {
|
|
var addressCards = document.querySelectorAll('.address-card');
|
|
|
|
addressCards.forEach(function(card) {
|
|
card.addEventListener('click', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
var city = this.getAttribute('data-city');
|
|
var title = this.getAttribute('data-title');
|
|
|
|
// 如果点击的是当前已选中的城市，不做任何操作
|
|
if (city === currentCity) {
|
|
return;
|
|
}
|
|
|
|
// 移除其他卡片的激活状态
|
|
addressCards.forEach(function(c) {
|
|
c.classList.remove('active');
|
|
});
|
|
|
|
// 激活当前卡片
|
|
this.classList.add('active');
|
|
|
|
// 加载地图
|
|
loadMap(city, title);
|
|
});
|
|
});
|
|
}
|
|
|
|
// 初始化默认地图
|
|
function initDefaultMap() {
|
|
setTimeout(function() {
|
|
loadMap('guangzhou', '广州办公室');
|
|
}, 500);
|
|
}
|
|
|
|
function initMenu() {
|
|
// 导航栏滚动效果
|
|
var navbar = document.getElementById('navbar');
|
|
var backToTop = document.getElementById('back-to-top');
|
|
|
|
if (navbar) {
|
|
window.addEventListener('scroll', function() {
|
|
if (window.scrollY > 50) {
|
|
navbar.classList.add('py-2', 'shadow-md');
|
|
navbar.classList.remove('py-4');
|
|
if (backToTop) {
|
|
backToTop.classList.remove('opacity-0', 'invisible');
|
|
backToTop.classList.add('opacity-100', 'visible');
|
|
}
|
|
} else {
|
|
navbar.classList.add('py-4');
|
|
navbar.classList.remove('py-2', 'shadow-md');
|
|
if (backToTop) {
|
|
backToTop.classList.add('opacity-0', 'invisible');
|
|
backToTop.classList.remove('opacity-100', 'visible');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
// 移动端菜单按钮
|
|
var mobileMenuButton = document.getElementById('mobile-menu-button');
|
|
var mobileMenu = document.getElementById('mobile-menu');
|
|
|
|
if (mobileMenuButton && mobileMenu) {
|
|
mobileMenuButton.addEventListener('click', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
mobileMenu.classList.toggle('hidden');
|
|
});
|
|
}
|
|
|
|
// 移动端下拉菜单
|
|
var mobileDropdownToggles = document.querySelectorAll('.mobile-dropdown-toggle');
|
|
|
|
mobileDropdownToggles.forEach(function(toggle) {
|
|
toggle.addEventListener('click', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
var dropdown = this.closest('.mobile-dropdown');
|
|
var menu = dropdown.querySelector('.mobile-dropdown-menu');
|
|
var icon = this.querySelector('i');
|
|
|
|
if (menu) {
|
|
menu.classList.toggle('hidden');
|
|
}
|
|
if (icon) {
|
|
icon.classList.toggle('rotate-180');
|
|
}
|
|
});
|
|
});
|
|
|
|
// 返回顶部按钮
|
|
if (backToTop) {
|
|
backToTop.addEventListener('click', function() {
|
|
window.scrollTo({
|
|
top: 0,
|
|
behavior: 'smooth'
|
|
});
|
|
});
|
|
}
|
|
|
|
// 设置当前年份
|
|
var currentYear = document.getElementById('current-year');
|
|
if (currentYear) {
|
|
currentYear.textContent = new Date().getFullYear();
|
|
}
|
|
|
|
// 初始化地址卡片
|
|
initAddressCards();
|
|
|
|
// 初始化默认地图
|
|
initDefaultMap();
|
|
}
|
|
|
|
// 确保DOM加载完成后执行
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', initMenu);
|
|
} else {
|
|
initMenu();
|
|
}
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html> |