Kisechan/Mainpage
1
0
Fork 0
mirror of https://github.com/Kisechan/Mainpage.git synced 2025-08-30 23:37:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

about debug: 因为没有放avatar.jpg所以出了bug

Browse Source
This commit is contained in:
Kisechan
2025-03-04 11:11:24 +08:00
parent 5350defdc3
commit 90c0c9002a
6 changed files with 86 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/components/AppFooter.vue
View File

@ -1,51 +1,30 @@
<template>
<el-footer class="app-footer">
<div class="social-links">
<a v-for="item in socialLinks" :key="item.name" :href="item.url" target="_blank">
<el-icon :size="24">
<component :is="item.icon" />
</el-icon>
</a>
</div>
<div class="copyright">
<p>2024 - 2025 Kisechan</p>
</div>
</el-footer>
</template>
<script setup>
const socialLinks = [
{ name: 'github', icon: 'Github', url: 'https://github.com' },
{ name: 'email', icon: 'Message', url: 'mailto:your@email.com' }
]
</script>
<style scoped>
.app-footer {
background: #f5f7fa;
text-align: center;
padding: 2rem;
margin-top: auto;
}
.social-links {
margin-bottom: 1rem;
}
.social-links a {
margin: 0 10px;
color: #606266;
transition: color 0.3s;
}
.social-links a:hover {
color: #409eff;
}
.copyright p {
margin: 5px 0;
font-size: 0.9rem;
color: #909399;
}
</style>
<el-footer class="app-footer">
<div class="social-links">
<a
v-for="item in socialLinks"
:key="item.name"
:href="item.url"
target="_blank"
>
<el-icon :size="24">
<component :is="item.icon" />
</el-icon>
<span class="link-name">{{ item.name }}</span>
</a>
</div>
<div class="copyright">
<p>2024 - 2025 Kisechan</p>
</div>
</el-footer>
</template>
<script setup>
const socialLinks = [
{ name: "github", icon: "Github", url: "https://github.com" },
{ name: "email", icon: "Message", url: "mailto:your@email.com" },
];
</script>
<style scoped></style>

44
src/components/NavBar.vue
View File

@ -1,30 +1,16 @@
<template>
<el-menu
mode="horizontal"
:router="true"
class="nav-menu"
:default-active="$route.path"
>
<el-menu-item index="/">主页</el-menu-item>
<el-menu-item>
<a href="https://blog.kisechan.space/" target="_blank">博客</a>
</el-menu-item>
<el-menu-item index="/about">关于</el-menu-item>
</el-menu>
</template>
<style scoped>
.nav-menu {
border-bottom: none !important;
height: 60px;
}
.el-menu-item {
font-size: 16px;
}
a {
text-decoration: none;
color: inherit;
}
</style>
<el-menu
mode="horizontal"
:router="true"
class="nav-menu"
:default-active="$route.path"
>
<el-menu-item index="/">主页</el-menu-item>
<el-menu-item>
<a href="https://blog.kisechan.space/" target="_blank">博客</a>
</el-menu-item>
<el-menu-item index="/about">关于</el-menu-item>
</el-menu>
</template>
<style scoped></style>