mirror of
https://github.com/Kisechan/Mainpage.git
synced 2025-07-10 23:27:18 +00:00
rebuild: vite
This commit is contained in:
30
src/App.vue
30
src/App.vue
@ -1,24 +1,22 @@
|
||||
<script setup>
|
||||
import HelloWorld from './components/HelloWorld.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<header>
|
||||
<nav>
|
||||
<router-link to="/">首页</router-link> | <router-link to="/about">关于</router-link> |
|
||||
<router-link to="https://blog.kisechan.space/">前往博客</router-link>
|
||||
</nav>
|
||||
</header>
|
||||
<router-view />
|
||||
</template>
|
||||
|
||||
<style>
|
||||
#app {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
font-family: Arial, sans-serif;
|
||||
<style scoped>
|
||||
.logo {
|
||||
height: 6em;
|
||||
padding: 1.5em;
|
||||
will-change: filter;
|
||||
transition: filter 300ms;
|
||||
}
|
||||
nav {
|
||||
margin-bottom: 2rem;
|
||||
.logo:hover {
|
||||
filter: drop-shadow(0 0 2em #646cffaa);
|
||||
}
|
||||
a {
|
||||
color: #42b983;
|
||||
.logo.vue:hover {
|
||||
filter: drop-shadow(0 0 2em #42b883aa);
|
||||
}
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user