不使用NScrollbar组件
This commit is contained in:
83
src/views/Played.vue
Normal file
83
src/views/Played.vue
Normal file
@@ -0,0 +1,83 @@
|
||||
<script setup>
|
||||
import { h } from "vue";
|
||||
import { RouterLink, useRoute } from "vue-router";
|
||||
import { NButton, NSpace, NIcon, NMenu } from "naive-ui";
|
||||
|
||||
const menuOptions = [
|
||||
{
|
||||
label: '最近播放',
|
||||
key: "/played",
|
||||
},
|
||||
];
|
||||
|
||||
const route = useRoute()
|
||||
|
||||
</script>
|
||||
<template>
|
||||
<div class="top-menu">
|
||||
<n-menu
|
||||
:options="menuOptions"
|
||||
mode="horizontal"
|
||||
class="zm-top-menu"
|
||||
:value="route.path"
|
||||
/>
|
||||
</div>
|
||||
<div class="main-content">
|
||||
<div class="ld-width">
|
||||
<div class="lmt-width">
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌块放假啊来得及发司法局啊水电费家啊练腹肌块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌块放假啊来得及发司法局啊水电费家啊练腹肌块放假啊来得及发司法局啊水电费家啊练腹肌块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
<br> 发束带结发十多块放假啊来得及发司法局啊水电费家啊练腹肌
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@@ -12,9 +12,9 @@ import { getSongDetial } from "@/network/song";
|
||||
import dayjs from 'dayjs'
|
||||
import 'dayjs/locale/zh-cn'
|
||||
import duration from 'dayjs/plugin/duration'
|
||||
import ArtistsSpan from "../../components/ArtistsSpan.vue";
|
||||
import ArtistsSpan from "@/components/ArtistsSpan.vue";
|
||||
|
||||
const showInfo = ref(true);
|
||||
const showInfo = ref(false);
|
||||
const info = reactive({
|
||||
name: "",
|
||||
artists: "",
|
||||
|
||||
@@ -109,11 +109,11 @@ const route = useRoute();
|
||||
/>
|
||||
</div>
|
||||
<div class="main-content">
|
||||
<NScrollbar >
|
||||
<!-- <NScrollbar > -->
|
||||
<div class="ld-width">
|
||||
<router-view />
|
||||
</div>
|
||||
</NScrollbar>
|
||||
<!-- </NScrollbar> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user