mirror of
https://github.com/Kisechan/Mainpage.git
synced 2025-07-10 15:17:18 +00:00
添加源代码链接,修改链接打开方式
This commit is contained in:
23
src/App.vue
23
src/App.vue
@ -1,6 +1,9 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import NavBar from "./components/NavBar.vue";
|
import NavBar from "./components/NavBar.vue";
|
||||||
import AppFooter from "./components/AppFooter.vue";
|
import AppFooter from "./components/AppFooter.vue";
|
||||||
|
const openGitHubRepo = () => {
|
||||||
|
window.open("https://github.com/Kisechan/Mainpage", "_self");
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@ -9,12 +12,17 @@ import AppFooter from "./components/AppFooter.vue";
|
|||||||
<transition name="fade" mode="out-in">
|
<transition name="fade" mode="out-in">
|
||||||
<router-view />
|
<router-view />
|
||||||
</transition>
|
</transition>
|
||||||
|
<el-tooltip content="查看本站源代码" placement="left" class="github-tooltip">
|
||||||
|
<div class="github-corner" @click="openGitHubRepo">
|
||||||
|
<i class="fa-solid fa-code"></i></div
|
||||||
|
></el-tooltip>
|
||||||
<AppFooter v-if="!$route.meta.hideFooter" />
|
<AppFooter v-if="!$route.meta.hideFooter" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
html, body {
|
html,
|
||||||
|
body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -39,4 +47,17 @@ html, body {
|
|||||||
.fade-leave-to {
|
.fade-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.github-corner {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 20px;
|
||||||
|
right: 20px;
|
||||||
|
font-size: 2em;
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--text-color);
|
||||||
|
transition: color 0.3s ease;
|
||||||
|
}
|
||||||
|
.github-corner:hover {
|
||||||
|
color: #409eff;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
© 2025 By
|
© 2025 By
|
||||||
<a
|
<a
|
||||||
href="https://github.com/Kisechan"
|
href="https://github.com/Kisechan"
|
||||||
target="_blank"
|
target="_self"
|
||||||
rel="nofollow noopener"
|
rel="nofollow noopener"
|
||||||
><strong>Kisechan</strong></a
|
><strong>Kisechan</strong></a
|
||||||
>
|
>
|
||||||
|
@ -24,7 +24,7 @@
|
|||||||
<el-card class="blog-card" shadow="hover">
|
<el-card class="blog-card" shadow="hover">
|
||||||
<div class="blog-header">
|
<div class="blog-header">
|
||||||
<i class="fa-solid fa-newspaper"></i>
|
<i class="fa-solid fa-newspaper"></i>
|
||||||
<a :href="item.link" target="_blank" class="blog-title">{{
|
<a :href="item.link" target="_self" class="blog-title">{{
|
||||||
item.title
|
item.title
|
||||||
}}</a>
|
}}</a>
|
||||||
</div>
|
</div>
|
||||||
@ -79,25 +79,25 @@
|
|||||||
<i>"Non est ad astra mollis e trris via."</i>
|
<i>"Non est ad astra mollis e trris via."</i>
|
||||||
</div>
|
</div>
|
||||||
<div class="social-icons">
|
<div class="social-icons">
|
||||||
<a href="https://github.com/Kisechan" target="_blank">
|
<a href="https://github.com/Kisechan" target="_self">
|
||||||
<i class="fab fa-github"></i>
|
<i class="fab fa-github"></i>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://www.zhihu.com/people/ptkise" target="_blank">
|
<a href="https://www.zhihu.com/people/ptkise" target="_self">
|
||||||
<i class="fab fa-zhihu"></i>
|
<i class="fab fa-zhihu"></i>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://space.bilibili.com/174541536" target="_blank">
|
<a href="https://space.bilibili.com/174541536" target="_self">
|
||||||
<i class="fab fa-bilibili"></i>
|
<i class="fab fa-bilibili"></i>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://blog.kisechan.space" target="_blank">
|
<a href="https://blog.kisechan.space" target="_self">
|
||||||
<i class="fa-solid fa-blog"></i>
|
<i class="fa-solid fa-blog"></i>
|
||||||
</a>
|
</a>
|
||||||
<a href="mailto:admin@kisechan.space" target="_blank">
|
<a href="mailto:admin@kisechan.space" target="_self">
|
||||||
<i class="fa-solid fa-envelope"></i>
|
<i class="fa-solid fa-envelope"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<p>
|
<p>
|
||||||
<a href="https://icp.gov.moe/?keyword=20251453" target="_blank"
|
<a href="https://icp.gov.moe/?keyword=20251453" target="_self"
|
||||||
>萌ICP备20251453号</a
|
>萌ICP备20251453号</a
|
||||||
>
|
>
|
||||||
</p>
|
</p>
|
||||||
@ -105,7 +105,7 @@
|
|||||||
© 2025 By
|
© 2025 By
|
||||||
<a
|
<a
|
||||||
href="https://github.com/Kisechan"
|
href="https://github.com/Kisechan"
|
||||||
target="_blank"
|
target="_self"
|
||||||
rel="nofollow noopener"
|
rel="nofollow noopener"
|
||||||
><strong>Kisechan</strong></a
|
><strong>Kisechan</strong></a
|
||||||
>
|
>
|
||||||
@ -190,7 +190,7 @@ const formatDate = (dateString) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const goToBlog = () => {
|
const goToBlog = () => {
|
||||||
window.open("https://blog.kisechan.space", "_blank");
|
window.open("https://blog.kisechan.space", "_self");
|
||||||
};
|
};
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
|
@ -97,7 +97,7 @@ export default {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const openLink = (url) => {
|
const openLink = (url) => {
|
||||||
window.open(url, "_blank");
|
window.open(url, "_self");
|
||||||
};
|
};
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
@ -56,7 +56,7 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
const openLink = (url) => {
|
const openLink = (url) => {
|
||||||
window.open(url, "_blank");
|
window.open(url, "_self");
|
||||||
};
|
};
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
Reference in New Issue
Block a user