导航栏修改
Change-Id: Id3cd4794407eb29625429f78f053907a751f1fa0
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 7a728b1..f339463 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,39 +1,7 @@
<template>
<div class="home-page">
<!-- 导航栏 -->
- <div class="navbar">
- <router-link to="/home" class="navbar-brand">PT Tracker</router-link>
- <div class="navbar-nav">
- <router-link to="/home" class="navbar-item">首页</router-link>
- <router-link to="/torrents" class="navbar-item">种子</router-link>
- <router-link to="/forum" class="navbar-item">论坛</router-link>
- <el-dropdown @command="handleUserCommand">
- <span class="navbar-user">
- <el-avatar :size="32" :src="userAvatar">
- {{ username.charAt(0).toUpperCase() }}
- </el-avatar>
- <span class="username">{{ username }}</span>
- <el-icon><ArrowDown /></el-icon>
- </span>
- <template #dropdown>
- <el-dropdown-menu>
- <el-dropdown-item command="profile">
- <el-icon><User /></el-icon>
- 个人资料
- </el-dropdown-item>
- <el-dropdown-item command="settings">
- <el-icon><Setting /></el-icon>
- 设置
- </el-dropdown-item>
- <el-dropdown-item divided command="logout">
- <el-icon><SwitchButton /></el-icon>
- 退出登录
- </el-dropdown-item>
- </el-dropdown-menu>
- </template>
- </el-dropdown>
- </div>
- </div>
+ <Navbar />
<!-- 主内容区 -->
<div class="main-content">
@@ -171,6 +139,7 @@
</template>
<script>
+import Navbar from '@/components/Navbar.vue'
import { ref, computed, onMounted, onUnmounted } from 'vue'
import { useRouter } from 'vue-router'
import { useStore } from 'vuex'
@@ -202,7 +171,8 @@
Star,
Search,
ChatDotRound,
- CircleCheck
+ CircleCheck,
+ Navbar
},
setup() {
const router = useRouter()