Kisechan/Mainpage
1
0
Fork 0
mirror of https://github.com/Kisechan/Mainpage.git synced 2025-07-09 14:47:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

更新首页视图，添加社交媒体链接，调整样式并启用全局统计信息

Browse Source
This commit is contained in:
Kisechan
2025-03-05 12:28:48 +08:00
parent 5f4ba263eb
commit 1a68fbddbf
2 changed files with 49 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/AppFooter.vue
View File

@ -1,23 +1,6 @@
<template>
<el-footer>
<div class="footer-content">
<div class="social-icons">
<a href="https://github.com/Kisechan" target="_blank">
<i class="fab fa-github"></i>
</a>
<a href="https://www.zhihu.com/people/ptkise" target="_blank">
<i class="fab fa-zhihu"></i>
</a>
<a href="https://space.bilibili.com/174541536" target="_blank">
<i class="fab fa-bilibili"></i>
</a>
<a href="https://blog.kisechan.space" target="_blank">
<i class="fa-solid fa-blog"></i>
</a>
<a href="mailto:admin@kisechan.space" target="_blank">
<i class="fa-solid fa-envelope"></i>
</a>
</div>
<div class="footer-text">
<p>
&copy; 2025 By
@ -28,7 +11,9 @@
><strong>Kisechan</strong></a
>
</p>
<p>功能完善中...</p>
<p style="font-size: 0.75em;">
Made With <a href="https://cn.vuejs.org/">Vue3</a> & <a href="https://element-plus.org/zh-CN/">Element Plus</a>
</p>
</div>
</div>
</el-footer>
@ -49,17 +34,8 @@
margin: 0 auto;
}
.social-icons {
/* .social-icons {
margin-top: 10px;
}
} */
.social-icons a {
color: #303133;
margin: 0 10px;
font-size: 24px;
}
.social-icons a:hover {
color: rgb(159.5, 206.5, 255);
}
</style>

47
src/views/HomeView.vue
View File

@ -11,6 +11,8 @@
可以通过这个邮箱联系我：
<a href="mailto:admin@kisechan.space">admin@kisechan.space</a>
</p>
<hr />
<h3>My Github Contributions</h3>
<div class="github-calendar-container">
<div id="github-graph"></div>
</div>
@ -18,12 +20,29 @@
</el-col>
<!-- 右侧作者信息 -->
<el-col :span="8">
<el-col class="right-column" :span="8">
<div class="author-info">
<el-avatar :size="120" :src="avatarUrl" />
<h3>Hello</h3>
<h2>Hello</h2>
<i>"Non est ad astra mollis e trris via."</i>
</div>
<div class="social-icons">
<a href="https://github.com/Kisechan" target="_blank">
<i class="fab fa-github"></i>
</a>
<a href="https://www.zhihu.com/people/ptkise" target="_blank">
<i class="fab fa-zhihu"></i>
</a>
<a href="https://space.bilibili.com/174541536" target="_blank">
<i class="fab fa-bilibili"></i>
</a>
<a href="https://blog.kisechan.space" target="_blank">
<i class="fa-solid fa-blog"></i>
</a>
<a href="mailto:admin@kisechan.space" target="_blank">
<i class="fa-solid fa-envelope"></i>
</a>
</div>
</el-col>
</el-row>
</el-main>
@ -43,7 +62,7 @@ onMounted(() => {
headers: {
Authorization: `token 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`,
},
global_stats: false, // 显示全局统计信息
global_stats: true, // 显示全局统计信息
});
});
</script>
@ -70,4 +89,26 @@ onMounted(() => {
max-width: 800px;
margin: 0 auto;
}
.social-icons a {
color: #303133;
margin: 0 10px;
font-size: 24px;
}
.social-icons a:hover {
color: rgb(159.5, 206.5, 255);
}
.social-icons{
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.right-column {
display: flex;
flex-direction: column;
gap: 24px; /* 设置 author-info 和 social-icons 之间的间隔 */
}
</style>