60 lines
983 B
Vue
60 lines
983 B
Vue
<script setup>
|
|
import {
|
|
ref,
|
|
reactive,
|
|
h,
|
|
watch,
|
|
toRaw,
|
|
onMounted,
|
|
onUnmounted,
|
|
nextTick,
|
|
} from "vue";
|
|
import { RouterLink, useRoute, useRouter } from "vue-router";
|
|
import { useStore } from "vuex";
|
|
import {
|
|
NButton,
|
|
NButtonGroup,
|
|
NSpace,
|
|
NIcon,
|
|
NDropdown,
|
|
NMenu,
|
|
NLayout,
|
|
NLayoutHeader,
|
|
NLayoutFooter,
|
|
NLayoutContent,
|
|
NLayoutSider,
|
|
NTag,
|
|
NDataTable,
|
|
useMessage,
|
|
} from "naive-ui";
|
|
import Play from "@/assets/svgs/Play_.svg";
|
|
import Pause from "@/assets/svgs/Pause.svg";
|
|
import svgDots from "@/assets/svgs/Dots.svg";
|
|
import dayjs from "dayjs";
|
|
import "dayjs/locale/zh-cn";
|
|
import duration from "dayjs/plugin/duration";
|
|
import pubsub from "pubsub-js";
|
|
import ArtistsSpan from "@/components/ArtistsSpan.vue";
|
|
|
|
const store = useStore();
|
|
const router = useRouter();
|
|
dayjs.extend(duration);
|
|
|
|
const props = defineProps({
|
|
songs: Array,
|
|
});
|
|
|
|
</script>
|
|
<template>
|
|
{{songs}}
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style> |