优化达人页面

This commit is contained in:
2026-04-28 17:01:53 +08:00
parent d5d6495cba
commit ff25bb3922
3 changed files with 11 additions and 17 deletions

View File

@@ -5,7 +5,6 @@
<div class="flex items-center justify-between border-b border-gray-200 px-5 py-4">
<div>
<h3 class="text-lg font-semibold text-gray-900">大哥池</h3>
<p class="mt-1 text-sm text-gray-500">读取本地 sqlite `brother_info` 数据</p>
</div>
<div class="flex items-center gap-2">
<button @click="handleDeleteAll" :disabled="loading || total === 0"
@@ -105,7 +104,8 @@
</div>
</div>
<div v-if="showDeleteConfirm" class="absolute inset-0 z-[10001] flex items-center justify-center bg-black/45 px-4">
<div v-if="showDeleteConfirm"
class="absolute inset-0 z-[10001] flex items-center justify-center bg-black/45 px-4">
<div class="w-full max-w-md rounded-2xl bg-white p-6 shadow-2xl">
<div class="text-lg font-semibold text-gray-900">确认全部删除</div>
<p class="mt-3 text-sm leading-6 text-gray-600">
@@ -113,18 +113,12 @@
的全部数据删除后不可恢复
</p>
<div class="mt-6 flex justify-end gap-3">
<button
@click="showDeleteConfirm = false"
:disabled="loading"
class="rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm text-gray-700 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50"
>
<button @click="showDeleteConfirm = false" :disabled="loading"
class="rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm text-gray-700 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50">
取消
</button>
<button
@click="confirmDeleteAll"
:disabled="loading"
class="rounded-lg bg-red-600 px-4 py-2 text-sm text-white transition-colors hover:bg-red-700 disabled:cursor-not-allowed disabled:opacity-50"
>
<button @click="confirmDeleteAll" :disabled="loading"
class="rounded-lg bg-red-600 px-4 py-2 text-sm text-white transition-colors hover:bg-red-700 disabled:cursor-not-allowed disabled:opacity-50">
{{ loading ? '删除中...' : '确认删除' }}
</button>
</div>