feat: 适配首页公告卡片并完善通知公告

This commit is contained in:
2024-04-27 17:02:00 +08:00
parent 99498a3e54
commit f130d5e44d
16 changed files with 241 additions and 276 deletions

View File

@@ -16,30 +16,6 @@
</a-sub-menu>
</a-menu>
</a-card>
<section class="percent">
<a-row justify="space-between">
<a-statistic title="总存储量" :value="512" :value-style="{ color: '#5856D6' }">
<template #prefix>
<icon-cloud />
</template>
<template #suffix>GB</template>
</a-statistic>
</a-row>
<a-space size="mini" fill direction="vertical" :key="selectedKey" class="gi_mt">
<a-progress
v-for="i in filePercentList"
:key="i.label"
:percent="i.value"
:stroke-width="8"
:color="i.color"
:animation="true"
>
<template #text>{{ i.label }}</template>
</a-progress>
</a-space>
</section>
</div>
</template>
@@ -50,13 +26,6 @@ const route = useRoute()
const router = useRouter()
const selectedKey = ref('0')
const filePercentList = [
{ label: '图片', value: 0.7, color: '#4F6BF6' },
{ label: '文档', value: 0.3, color: '#FFA000' },
{ label: '视频', value: 0.4, color: '#A15FDE' },
{ label: '音频', value: 0.2, color: '#FD6112' },
{ label: '其他', value: 0.5, color: '#52B852' }
]
// 监听路由变化
watch(