This commit is contained in:
2023-06-06 09:10:10 +08:00
parent 024e81cb17
commit 4b456d2ec4
2 changed files with 8 additions and 8 deletions

View File

@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { SongsInfo } from '@/api/api-models' import { SongsInfo } from '@/api/api-models'
import { DataTableColumns, NAvatar, NButton, NDataTable, NInput, NList, NListItem, NSpace } from 'naive-ui' import { DataTableColumns, NAvatar, NButton, NCollapseTransition, NDataTable, NInput, NList, NListItem, NSpace } from 'naive-ui'
import { onMounted, h, ref } from 'vue' import { onMounted, h, ref } from 'vue'
import APlayer from 'vue3-aplayer' import APlayer from 'vue3-aplayer'
@@ -26,9 +26,7 @@ const createColumns = (): DataTableColumns<SongsInfo> => [
render(data) { render(data) {
return h(NAvatar, { return h(NAvatar, {
src: data.cover, src: data.cover,
imgProps: { imgProps: {},
}
}) })
}, },
}, },

View File

@@ -28,7 +28,7 @@ const menuOptions = [
icon: renderIcon(BookIcon), icon: renderIcon(BookIcon),
}, },
{ {
label: '舞,舞,舞', label: '棉花糖(匿名提问',
key: 'dance-dance-dance', key: 'dance-dance-dance',
icon: renderIcon(BookIcon), icon: renderIcon(BookIcon),
}, },
@@ -56,7 +56,7 @@ onMounted(async () => {
<template> <template>
<NResult v-if="!uId" status="error" title="输入的uId无效" description="再检查检查" /> <NResult v-if="!uId" status="error" title="输入的uId无效" description="再检查检查" />
<NResult v-else-if="!userInfo" status="error" title="未找到指定 uId 的用户" description="或者是没有进行认证" /> <NResult v-else-if="false" status="error" title="未找到指定 uId 的用户" description="或者是没有进行认证" />
<NLayout v-else style="height: 100vh"> <NLayout v-else style="height: 100vh">
<NLayoutHeader style="height: 50px; display: flex; justify-content: left; align-items: center; padding-left: 15px"> <NLayoutHeader style="height: 50px; display: flex; justify-content: left; align-items: center; padding-left: 15px">
<NSpace> <NSpace>
@@ -79,11 +79,13 @@ onMounted(async () => {
<NMenu :collapsed-width="64" :collapsed-icon-size="22" :options="menuOptions" /> <NMenu :collapsed-width="64" :collapsed-icon-size="22" :options="menuOptions" />
</NLayoutSider> </NLayoutSider>
<NLayout style="height: 100%"> <NLayout style="height: 100%">
<div class="viewer-page-content">
<RouterView v-slot="{ Component }"> <RouterView v-slot="{ Component }">
<KeepAlive> <KeepAlive>
<component :is="Component" /> <component :is="Component" />
</KeepAlive> </KeepAlive>
</RouterView> </RouterView>
</div>
</NLayout> </NLayout>
</NLayout> </NLayout>
</NLayout> </NLayout>
@@ -92,7 +94,7 @@ onMounted(async () => {
<style lang="stylus" scoped> <style lang="stylus" scoped>
.viewer-page-content{ .viewer-page-content{
height: 100%; height: 100%;
border-radius: 25px; border-radius: 18px;
box-shadow: inset 5px 5px 6px #8b8b8b17, inset -5px -5px 6px #8b8b8b17; box-shadow: inset 5px 5px 6px #8b8b8b17, inset -5px -5px 6px #8b8b8b17;
padding: 15px; padding: 15px;
margin-right: 10px; margin-right: 10px;