[fix]更新导航栏,在鼠标移动上去的hover效果,删除字体加粗的效果,会导致布局错位混乱,删除LOGO副标题的字体Hover效果,保留手势

2.更新字体镜像源,从谷歌字体调整为国内镜像字体,保证国内访问的稳定性
dev-about
huyuanxiang 1 month ago
parent 1ffc0e9be6
commit 4d21ab4c19

@ -250,7 +250,7 @@ img {
.banner-title {
font-size: 3rem;
font-weight: bold;
margin-bottom: 1rem;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
@ -434,7 +434,8 @@ img {
}
.news-title {
font-size: 42px;
font-size: 48px;
font-weight: bold;
color: #333;
letter-spacing: 2px;
}
@ -796,12 +797,12 @@ img {
background-color: #fff !important;
padding: 60px 0 30px;
border-top: 1px solid #e9ecef;
position: relative;
position: relative;
z-index: 1;
}
.footer-container {
max-width: 1320px;
max-width: 1390px;
margin: 0 auto;
padding: 0 20px;
}

@ -5,7 +5,7 @@
<!-- Logo 和公司信息 -->
<div class="footer-brand">
<div class="footer-logo">
<h3 class="text-[#111318] dark:text-white text-3xl md:text-2xl leading-tight tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-gray-900 to-gray-600 dark:from-white dark:to-gray-400"> Follow NENGHUI</h3>
<h3 class="font-display text-[#111318] dark:text-white text-3xl md:text-2xl leading-tight tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-gray-900 to-gray-600 dark:from-white dark:to-gray-400"> Follow NENGHUI</h3>
<!-- <img src="https://nenghui.com/wp-content/uploads/2025/11/logo-2.png" alt="<?php bloginfo('name'); ?>" style=" height: 32px;" class="logo-img"> -->
</div>
@ -49,8 +49,9 @@
<h3 class="footer-nav-title">ABOUT US</h3>
<ul class="footer-nav-list">
<li><a href="/about-us">Company Profile</a></li>
<li><a href="/story">Brand Story</a></li>
<li><a href="/contact-us">Contact Nenghui</a></li>
<li><a href="/honor">Certifications & Accreditations</a></li>
<li><a href="/news">News</a></li>
</ul>
@ -59,8 +60,8 @@
<div class="footer-nav-column">
<h3 class="footer-nav-title">PRODUCTS & SOLUTIONS</h3>
<ul class="footer-nav-list">
<li><a href="/pros/">Products</a></li>
<li><a href="/epc-solutions">EPC & Energy Solutions</a></li>
<li><a href="/pros/">Energy Storage Systems</a></li>
<li><a href="/epc-emc">EPC&EMC/PPA Solution</a></li>
<li><a href="/microgrid">Microgrids</a></li>
</ul>
</div>
@ -71,7 +72,7 @@
</ul>
</div>
<div class="footer-nav-column">
<h3 class="footer-nav-title">SERVICE & SUPPURT</h3>
<h3 class="footer-nav-title">SERVICE & SUPPORT</h3>
<ul class="footer-nav-list">
<li><a href="/download-center/">Download Center</a></li>
<li><a href="/support/">Service</a></li>
@ -79,7 +80,6 @@
</ul>
</div>
</div>
<!-- 订阅区域 -->
<!-- <div class="footer-subscribe">
<?php echo do_shortcode('[fluentform id="3"]'); ?>
@ -114,8 +114,6 @@
<?php wp_footer(); ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.2/vanilla-tilt.min.js"></script>
<script>
AOS.init({
duration: 800, // 动画持续时间

@ -7,14 +7,16 @@
<meta name="google-site-verification" content="4-DXQwmh6Tn_4TiIaslQa4L-xJTXT0XBVn2dCB_A7F8" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<?php wp_head(); ?>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link href="https://fonts.loli.net/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.loli.net" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700;900&family=Liu Jian Mao Cao:wght@400;700&family=Montserrat:wght@400;500;700;800;900&family=Inter:wght@400;500;700;800;900&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet"/>
<link href="https://fonts.loli.net/css2?family=Space+Grotesk:wght@300;400;500;700;900&family=Liu Jian Mao Cao:wght@400;700&family=Montserrat:wght@400;500;700;800;900&family=Inter:wght@400;500;700;800;900&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css" />
<!-- AOS Animation Library -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.2/vanilla-tilt.min.js"></script>
<!-- Tailwind & Config -->
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
@ -36,8 +38,8 @@
fontFamily: {
"display": ["Montserrat", "sans-serif"],
"sans": ["Montserrat", "sans-serif"],
"mono": ["JetBrains Mono", "Montserrat"],
"inter": ["Inter", "Montserrat"],
"mono": ["JetBrains Mono", "monospace"],
"inter": ["Inter", "monospace"],
},
borderRadius: {
"DEFAULT": "0.5rem",
@ -106,8 +108,8 @@
},
blobSpin: {
'0%': { transform: 'rotate(0deg) scale(1)' },
'50%': { transform: 'rotate(180deg) translate(-80%, 50%) scale(1.1)' },
'100%': { transform: 'rotate(360deg) translate(0) scale(1)' },
'50%': { transform: 'rotate(180deg) scale(1.1)' },
'100%': { transform: 'rotate(360deg) scale(1)' },
}
},
animation: {
@ -220,7 +222,7 @@
<body <?php body_class(); ?>>
<nav class="main-nav">
<div class="nav-container">
<div class="nav-logo flex items-center">
<div class="nav-logo flex">
<a class="flex flex-col" href="<?php echo home_url(); ?>">
<?php
$logo = get_theme_mod('site_logo');
@ -229,9 +231,9 @@
<?php else: ?>
<img src="https://nenghui.com/wp-content/uploads/2025/11/logo-2.png" alt="logo">
<?php endif; ?>
<p data-no-translation class="text-[12px] text-[#517bb9] text-justify pl-1 max-w-[12rem] hover:text-normal">Cleaner Energy. Greater Value. </p>
<p class="text-[12px] text-[#517bb9] hover:font-normal text-justify pl-1 ">Cleaner Energy. Greater Value.</p>
</a>
<a href="https://cn.nenghui.com/" class="ml-[2rem] text-[#295ca8] cursor-pointer relative group hover:text-[#295ca8]" data-no-translation>
<a href="https://cn.nenghui.com/" class="ml-[2rem] text-[#295ca8] cursor-pointer relative group hover:text-[#295ca8]" data-no-translation>
中国版
<div class="absolute bottom-0 left-0 w-0 h-[2px] bg-[#295ca8] transition-all duration-300 group-hover:w-full"></"></div>
</a>

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save