Feature: 产品页跳转

This commit is contained in:
2025-08-15 16:00:55 +08:00
parent 1c06b377d0
commit c77b2282da
7 changed files with 397 additions and 34 deletions

View File

@ -1,8 +1,11 @@
<template>
<div class="header-container">
<NuxtLink to="/" class="logo-section">
<el-image class="website-logo" src="/jinshen-logo.png" alt="Jinshen Logo" fit="contain" />
</NuxtLink>
<div class="logo-section">
<NuxtLink to="/" class="logo-link">
<el-image class="website-logo" src="/jinshen-logo.png" alt="Jinshen Logo" fit="contain" />
</NuxtLink>
</div>
<!-- 导航菜单 -->
<el-menu default-active="productions" class="header-menu" mode="horizontal" :ellipsis="false" router>
@ -51,7 +54,7 @@ const handleSearch = () => {
if (searchQuery.value.trim()) {
// 这里可以添加搜索逻辑,例如导航到搜索结果页面
console.log('Searching for:', searchQuery.value);
// 示例:导航到搜索结果页面
// 示例:导航到搜索结果页面
// router.push({ path: '/search', query: { q: searchQuery.value } });
}
}
@ -72,6 +75,12 @@ const handleSearch = () => {
align-items: center;
}
.logo-link {
display: flex;
align-items: center;
text-decoration: none;
}
.website-logo {
height: 64px;
width: auto;