GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-06-08 01:00:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化示例UI

Browse Source
This commit is contained in:
jxxghp
2025-05-07 14:49:24 +08:00
parent eb3e035a7c
commit 9d27e967cd
2 changed files with 83 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
examples/plugin-component/src/components/Page.vue
View File

@@ -1,7 +1,14 @@
<template>
<div class="plugin-page">
<v-card>
<v-card-title>{{ title }}</v-card-title>
<v-card-item>
<v-card-title>{{ title }}</v-card-title>
<template #append>
<v-btn color="primary" variant="text" @click="notifyClose">
<v-icon left>mdi-close</v-icon>
</v-btn>
</template>
</v-card-item>
<v-card-text>
<v-alert v-if="error" type="error" class="mb-4">{{ error }}</v-alert>
<v-skeleton-loader v-if="loading" type="card"></v-skeleton-loader>
@@ -50,19 +57,15 @@
</div>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="primary" @click="refreshData" :loading="loading">
<v-icon left>mdi-refresh</v-icon>
刷新数据
</v-btn>
<v-spacer></v-spacer>
<v-btn color="primary" @click="notifySwitch">
<v-icon left>mdi-cog</v-icon>
配置
</v-btn>
<v-btn color="primary" @click="notifyClose">
<v-icon left>mdi-close</v-icon>
关闭
</v-btn>
</v-card-actions>
</v-card>
</div>