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:
@@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user