feat:仪表板组件支持无边框

This commit is contained in:
jxxghp
2024-05-13 20:23:12 +08:00
parent 1408060053
commit d501bf7506
+5 -2
View File
@@ -32,7 +32,7 @@ const props = defineProps({
<MediaServerLatest v-else-if="config?.id === 'latest'" /> <MediaServerLatest v-else-if="config?.id === 'latest'" />
<!-- 插件仪表板 --> <!-- 插件仪表板 -->
<VCard v-else-if="!isNullOrEmptyObject(props.config)"> <VCard v-else-if="!isNullOrEmptyObject(props.config)">
<VCardItem> <VCardItem v-if="props.config?.attrs.border !== false">
<template #append> <template #append>
<VIcon class="cursor-move">mdi-drag</VIcon> <VIcon class="cursor-move">mdi-drag</VIcon>
</template> </template>
@@ -40,8 +40,11 @@ const props = defineProps({
{{ props.config?.name }} {{ props.config?.name }}
</VCardTitle> </VCardTitle>
</VCardItem> </VCardItem>
<VCardText> <VCardText :class="{ 'p-0': props.config?.attrs.border === false }">
<DashboardRender v-for="(item, index) in props.config?.elements" :key="index" :config="item" /> <DashboardRender v-for="(item, index) in props.config?.elements" :key="index" :config="item" />
</VCardText> </VCardText>
<div v-if="props.config?.attrs.border === false" class="absolute right-5 top-5">
<VIcon class="cursor-move">mdi-drag</VIcon>
</div>
</VCard> </VCard>
</template> </template>