Kisechan/Mainpage
1
0
Fork 0
mirror of https://github.com/Kisechan/Mainpage.git synced 2025-07-10 23:27: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

35
src/App.vue
View File

@ -2,20 +2,33 @@
</script>
<template>
<router-view />
<div>
<!-- 全局导航栏 -->
<nav>
<router-link to="/">首页</router-link> |
<router-link to="/about">关于</router-link>
</nav>
<!-- 路由匹配的组件会渲染在这里 -->
<router-view />
</div>
</template>
<style scoped>
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
/* 全局样式 */
nav {
padding: 10px;
background-color: #f0f0f0;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
nav a {
margin-right: 10px;
text-decoration: none;
color: #333;
}
.logo.vue:hover {
filter: drop-shadow(0 0 2em #42b883aa);
nav a.router-link-active {
color: #42b983;
font-weight: bold;
}
</style>
</style>