fix: pc header

This commit is contained in:
2026-04-08 11:20:39 +08:00
parent 853da3c948
commit 2c3e309d2a

View File

@@ -8,7 +8,7 @@
body { body {
overflow-x: hidden; overflow-x: hidden;
} }
a { a {
@@ -376,8 +376,8 @@
justify-content: flex-end; justify-content: flex-end;
max-width: 46.75em; max-width: 46.75em;
} }
.header-dropdown-products { .header-dropdown-products {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -387,7 +387,7 @@
gap: 1.5em 0; gap: 1.5em 0;
} }
.header-product-card { .header-product-card {
text-align: center; text-align: center;
@@ -397,8 +397,8 @@
min-width: 260px; min-width: 260px;
transition: transform 0.2s ease; transition: transform 0.2s ease;
} }
.header-product-card-1 { .header-product-card-1 {
text-align: center; text-align: center;
width: 100%; width: 100%;
@@ -452,7 +452,7 @@
overflow: hidden; overflow: hidden;
border-radius: 0.5em; border-radius: 0.5em;
} }
.header-product-img img { .header-product-img img {
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -1065,7 +1065,7 @@
</div> </div>
{if condition="!empty($vo.recommends)"} {if condition="!empty($vo.recommends)"}
<div class="header-dropdown-products"> <div class="header-dropdown-products">
{volist name="$vo.recommends" id="recommend"} {volist name="vo.recommends" id="recommend"}
<div class="header-product-card"> <div class="header-product-card">
<a href="{$recommend.link}"> <a href="{$recommend.link}">
<div class="header-product-img"> <div class="header-product-img">
@@ -1083,7 +1083,7 @@
</div> </div>
{/if} {/if}
{if condition="!empty($header_navigation)"} {if condition="!empty($header_navigation)"}
{volist name="$header_navigation" id="nav"} {volist name="header_navigation" id="nav"}
<div class="header-nav-item"> <div class="header-nav-item">
{if condition="empty($nav.children)"} {if condition="empty($nav.children)"}
<div class="header-nav-title"> <div class="header-nav-title">
@@ -1093,7 +1093,7 @@
<div class="header-nav-title">{$nav.name}</div> <div class="header-nav-title">{$nav.name}</div>
<div class="header-dropdown"> <div class="header-dropdown">
<div class="header-dropdown-content1"> <div class="header-dropdown-content1">
{volist name="$nav.children" id="child"} {volist name="nav.children" id="child"}
<div class="header-product-card-1"> <div class="header-product-card-1">
<a href="{$child.link}" target="{$child.blank==1?'_blank':'_self'}"> <a href="{$child.link}" target="{$child.blank==1?'_blank':'_self'}">
<div class="header-product-img-1"> <div class="header-product-img-1">
@@ -1159,7 +1159,7 @@
{volist name="header_languages" id="vo"} {volist name="header_languages" id="vo"}
<a href="{$vo.lang_url}" class="header-lang-item" data-lang="zh-CN" target="_self"> <a href="{$vo.lang_url}" class="header-lang-item" data-lang="zh-CN" target="_self">
<img src="{$vo.lang_icon}" alt=""> <img src="{$vo.lang_icon}" alt="">
{eq name=":cookie('think_lang')" value="zh-cn"} {eq name=":cookie('think_lang')" value="zh-cn"}
<span class="header-lang-code">{$vo.country_zh_name}</span> <span class="header-lang-code">{$vo.country_zh_name}</span>
<span class="header-lang-name">{$vo.lang_name}</span> <span class="header-lang-name">{$vo.lang_name}</span>
@@ -1306,7 +1306,7 @@
if (searchCloseBtn && searchCloseBtn) { if (searchCloseBtn && searchCloseBtn) {
searchCloseBtn.addEventListener('click', (e) => searchCloseBtn.addEventListener('click', (e) =>
{ {
e.stopPropagation(); e.stopPropagation();
searchDropdown.classList.remove('show'); searchDropdown.classList.remove('show');
}); });