不使用NScrollbar组件

This commit is contained in:
zilong
2021-10-18 18:30:33 +08:00
parent 3f9197d37c
commit 0de746e55b
8 changed files with 157 additions and 10 deletions

83
src/views/Played.vue Normal file
View 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>

View File

@@ -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: "",

View File

@@ -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>