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

@@ -1,19 +1,29 @@
<template>
<footer class="bg-slate-900 text-slate-400 mt-auto">
<div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8 py-12">
<div class="mx-auto max-w-screen-xl py-12">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<!-- Brand -->
<div class="col-span-1">
<div class="flex items-center gap-2 mb-4">
<div class="w-8 h-8 bg-white/10 rounded-lg flex items-center justify-center text-white font-bold text-xl">Q</div>
<span class="text-xl font-bold text-white">Quyun</span>
</div>
<p class="text-sm leading-relaxed mb-6">专业的租户管理与内容交付平台连接创作者与用户探索内容的无限可能</p>
<div class="flex gap-4">
<a href="#" class="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center hover:bg-white/20 hover:text-white transition-all"><i class="pi pi-twitter"></i></a>
<a href="#" class="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center hover:bg-white/20 hover:text-white transition-all"><i class="pi pi-github"></i></a>
<a href="#" class="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center hover:bg-white/20 hover:text-white transition-all"><i class="pi pi-discord"></i></a>
</div>
<div class="flex items-center gap-2 mb-4">
<div class="w-8 h-8 bg-white/10 rounded-lg flex items-center justify-center text-white font-bold text-xl">
Q
</div>
<span class="text-xl font-bold text-white">Quyun</span>
</div>
<p class="text-sm leading-relaxed mb-6">
专业的租户管理与内容交付平台连接创作者与用户探索内容的无限可能
</p>
<div class="flex gap-4">
<a href="#"
class="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center hover:bg-white/20 hover:text-white transition-all"><i
class="pi pi-twitter"></i></a>
<a href="#"
class="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center hover:bg-white/20 hover:text-white transition-all"><i
class="pi pi-github"></i></a>
<a href="#"
class="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center hover:bg-white/20 hover:text-white transition-all"><i
class="pi pi-discord"></i></a>
</div>
</div>
<!-- Links -->