remilia/jinshen-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增添网站首页内容 #6

Manually merged
remilia merged 3 commits from dev into master 2025-09-09 16:48:51 +08:00
Conversation 0 Commits 3 Files Changed 4 +33 -23
2 changed files with 33 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 607ea47d72 - Show all commits

53
app/components/JinshenHeader.vue
View File

@ -6,28 +6,30 @@
</NuxtLink>
</div>
<!-- 导航菜单 -->
<el-menu
:default-active="activeName" class="header-menu" mode="horizontal" :ellipsis="false"
:persistent="false" router>
<el-menu-item index="productions" :route="$localePath('/productions')">
<span class="title">{{ $t('navigation.productions') }}</span>
</el-menu-item>
<el-menu-item index="solutions" :route="$localePath('/solutions')">
<span class="title">{{ $t('navigation.solutions') }}</span>
</el-menu-item>
<el-menu-item index="support" :route="$localePath('/support')">
<span class="title">{{ $t('navigation.support') }}</span>
</el-menu-item>
<el-menu-item index="about" :route="$localePath('/about')">
<span class="title">{{ $t('navigation.about-us') }}</span>
</el-menu-item>
</el-menu>
<div class="header-menu-section">
<!-- 导航菜单 -->
<el-menu :default-active="activeName" class="header-menu" mode="horizontal" :ellipsis="false"
:persistent="false" router>
<el-menu-item index="productions" :route="$localePath('/productions')">
<span class="title">{{ $t('navigation.productions') }}</span>
</el-menu-item>
<el-menu-item index="solutions" :route="$localePath('/solutions')">
<span class="title">{{ $t('navigation.solutions') }}</span>
</el-menu-item>
<el-menu-item index="support" :route="$localePath('/support')">
<span class="title">{{ $t('navigation.support') }}</span>
</el-menu-item>
<el-menu-item index="about" :route="$localePath('/about')">
<span class="title">{{ $t('navigation.about-us') }}</span>
</el-menu-item>
</el-menu>
</div>
<!-- 右侧功能区 -->
<div class="header-actions">
<el-input
v-model="searchQuery" class="search-input" :placeholder="$t('search-placeholder')"
<el-input v-model="searchQuery" class="search-input" :placeholder="$t('search-placeholder')"
:prefix-icon="Search" clearable @keyup.enter="handleSearch" />
<el-dropdown @command="setLocale">
<el-link type="info" :underline="false">
@ -90,7 +92,6 @@ onMounted(() => {
<style scoped>
.header-container {
margin: 0 auto;
padding: 0 10px;
display: flex;
height: 80px;
@ -101,7 +102,6 @@ onMounted(() => {
.logo-section {
display: flex;
flex: 1;
align-items: center;
margin-left: 20px;
}
@ -116,6 +116,14 @@ onMounted(() => {
width: auto;
}
.header-menu-section {
flex: 2;
display: flex;
justify-content: center;
height: 100%;
}
.header-menu {
margin-right: 40px;
border-bottom: none !important;
@ -138,8 +146,9 @@ onMounted(() => {
}
.header-actions {
flex: 1;
justify-content: flex-end;
display: flex;
align-items: center;
gap: 16px;
}