refactor: enhance HomeView layout and styling; improve PaymentView with new payment methods and QR code handling; clean up SecurityView by removing unused sections

This commit is contained in:
2025-12-26 21:39:39 +08:00
parent d7ea411f25
commit 7f8df6dad1
7 changed files with 590 additions and 396 deletions

View File

@@ -15,18 +15,6 @@
<!-- Security Items -->
<div class="space-y-6">
<!-- Password -->
<div class="flex items-center justify-between py-4 border-b border-slate-50">
<div class="flex items-center gap-4">
<i class="pi pi-lock text-xl text-slate-400"></i>
<div>
<div class="font-bold text-slate-900">登录密码</div>
<div class="text-sm text-slate-500">已设置建议定期更换</div>
</div>
</div>
<button @click="openVerify('password')" class="px-4 py-2 border border-slate-200 text-slate-600 rounded-lg hover:bg-slate-50 text-sm font-medium transition-colors">修改</button>
</div>
<!-- Phone -->
<div class="flex items-center justify-between py-4 border-b border-slate-50">
<div class="flex items-center gap-4">
@@ -39,18 +27,6 @@
<button @click="openVerify('phone')" class="px-4 py-2 border border-slate-200 text-slate-600 rounded-lg hover:bg-slate-50 text-sm font-medium transition-colors">更换</button>
</div>
<!-- Email -->
<div class="flex items-center justify-between py-4 border-b border-slate-50">
<div class="flex items-center gap-4">
<i class="pi pi-envelope text-xl text-slate-400"></i>
<div>
<div class="font-bold text-slate-900">邮箱绑定</div>
<div class="text-sm text-slate-500">未绑定</div>
</div>
</div>
<button @click="openVerify('email')" class="px-4 py-2 text-primary-600 font-medium hover:text-primary-700 text-sm transition-colors">立即绑定</button>
</div>
<!-- Real-name Auth -->
<div class="flex items-center justify-between py-4 border-b border-slate-50">
<div class="flex items-center gap-4">
@@ -62,18 +38,6 @@
</div>
<button @click="$router.push('/creator/apply')" class="px-4 py-2 text-primary-600 font-medium hover:text-primary-700 text-sm transition-colors">去认证</button>
</div>
<!-- Delete Account -->
<div class="flex items-center justify-between py-4 pt-8">
<div class="flex items-center gap-4">
<i class="pi pi-exclamation-circle text-xl text-red-400"></i>
<div>
<div class="font-bold text-slate-900">注销账号</div>
<div class="text-sm text-slate-500">注销后账号及资产将无法找回请谨慎操作</div>
</div>
</div>
<button @click="confirmDelete" class="px-4 py-2 bg-red-50 text-red-600 rounded-lg hover:bg-red-100 text-sm font-medium transition-colors">注销</button>
</div>
</div>
<!-- Verification Dialog -->