This commit is contained in:
张 元山 2024-01-31 18:04:58 +08:00
commit bce06a6c20
4 changed files with 30 additions and 59 deletions

View File

@ -9,16 +9,4 @@
<style scoped>
@import "./assets/css/main.css";
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
filter: drop-shadow(0 0 2em #42b883aa);
}
</style>

View File

@ -1,40 +0,0 @@
<script setup>
import { ref } from 'vue'
defineProps({
msg: String,
})
const count = ref(0)
</script>
<template>
<h1>{{ msg }}</h1>
<div class="card">
<button type="button" @click="count++">count is {{ count }}</button>
<p>
Edit
<code>components/HelloWorld.vue</code> to test HMR
</p>
</div>
<p>
Check out
<a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
>create-vue</a
>, the official Vue + Vite starter
</p>
<p>
Install
<a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
in your IDE for a better DX
</p>
<p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
</template>
<style scoped>
.read-the-docs {
color: #888;
}
</style>

View File

@ -3,22 +3,32 @@ import { createRouter, createWebHistory } from 'vue-router';
const routes = [
{
path: '/',
name: 'commonpage',
redirect: '/home',
redirect: 'home'
},
{
path: '/home',
name: 'home',
component: () => import('@/views/layout.vue'),
children: [
{
path: '/home',
name: 'home',
component: () => import('@/views/home/index.vue')
},
path: 'navigation',
name: 'navigation',
component: () => import('@/views/navigation/index.vue'),
}
]
},
{
path: '/about',
name: 'about',
component: () => import('@/views/layout.vue'),
children: [
{
path: '/about1',
name: 'about1',
component: () => import('@/views/about/index.vue')
},
]
}
},
// 添加其他路由配置...
];

View File

@ -0,0 +1,13 @@
<script setup>
</script>
<template>
<div>
导航
</div>
</template>
<style scoped lang="scss">
</style>