初始化
This commit is contained in:
0
src/views/videos/MV.vue
Normal file
0
src/views/videos/MV.vue
Normal file
0
src/views/videos/V.vue
Normal file
0
src/views/videos/V.vue
Normal file
57
src/views/videos/Videos.vue
Normal file
57
src/views/videos/Videos.vue
Normal file
@@ -0,0 +1,57 @@
|
||||
<script setup>
|
||||
import { h } from "vue";
|
||||
import { RouterLink, useRoute } from "vue-router";
|
||||
import { NButton, NSpace, NIcon, NMenu } from "naive-ui";
|
||||
|
||||
const menuOptions = [
|
||||
{
|
||||
label: () =>
|
||||
h(
|
||||
RouterLink,
|
||||
{
|
||||
to: {
|
||||
path: "/videos/v",
|
||||
},
|
||||
},
|
||||
{ default: () => "视频" }
|
||||
),
|
||||
key: "/videos/v",
|
||||
},
|
||||
{
|
||||
label: () =>
|
||||
h(
|
||||
RouterLink,
|
||||
{
|
||||
to: {
|
||||
path: "/videos/mv",
|
||||
},
|
||||
},
|
||||
{ default: () => "MV" }
|
||||
),
|
||||
key: "/videos/mv",
|
||||
}
|
||||
];
|
||||
|
||||
const route = useRoute()
|
||||
|
||||
</script>
|
||||
<template>
|
||||
<div class="top-menu">
|
||||
<n-menu
|
||||
:options="menuOptions"
|
||||
mode="horizontal"
|
||||
class="zm-top-menu"
|
||||
:value="route.path"
|
||||
/>
|
||||
</div>
|
||||
<router-view />
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user