Files
AIcreat/app/templates/profile.html
2026-04-28 19:16:27 +08:00

78 lines
3.5 KiB
HTML

<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{ app_name }} - 个人中心</title>
<link rel="icon" type="image/svg+xml" href="/static/favicon.svg?v=20260428h" />
<link rel="stylesheet" href="/static/style.css?v=20260428o" />
</head>
<body>
<div class="product-shell">
<aside class="side-nav" aria-label="主导航">
<div class="side-brand">
<div class="brand-lockup">
<img class="logo-mark" src="/static/favicon.svg?v=20260428h" alt="" />
<h1>{{ app_name }}</h1>
</div>
</div>
<nav class="nav-group">
<div class="nav-label">工作台</div>
<a class="nav-item" href="/">内容生产</a>
<a class="nav-item" href="/settings">账号与模型</a>
<a class="nav-item" href="/billing">账单中心</a>
<a class="nav-item" href="/upgrade">升级</a>
<a class="nav-item is-active" href="/profile">个人中心</a>
<a class="nav-item" href="/guide">新手引导</a>
</nav>
<div class="side-footer">订阅信息 · 地址管理</div>
</aside>
<div class="workspace">
<header class="topbar topbar-compact">
<div class="topbar-actions">
<span class="mode-badge global-mode-hint">当前模型模式:自由模型</span>
<a class="icon-btn" href="/" aria-label="返回工作台" title="返回工作台"></a>
<a class="icon-btn" href="/upgrade" aria-label="升级" title="升级"></a>
<a class="icon-btn" href="/settings" aria-label="账号与模型设置" title="账号与模型设置"></a>
<button id="logoutBtn" class="icon-btn topbar-btn" type="button" aria-label="退出登录" title="退出登录"></button>
</div>
</header>
<main class="layout settings-layout">
<section class="panel settings-panel">
<div class="panel-scroll settings-panel-scroll">
<div class="settings-content">
<section class="settings-section settings-card">
<h3 class="section-title">个人中心</h3>
<p class="muted small">这里保存默认订阅人信息,升级页会自动带入,避免重复输入。</p>
<div class="grid2">
<div>
<label>订阅人姓名</label>
<input id="profileSubscriberName" type="text" placeholder="请输入姓名" />
</div>
<div>
<label>手机号(可选)</label>
<input id="profileSubscriberPhone" type="text" placeholder="请输入手机号" />
</div>
</div>
<div>
<label>收货地址</label>
<textarea id="profileShippingAddress" rows="3" placeholder="请输入详细地址"></textarea>
</div>
<div class="actions">
<button id="saveProfileBtn" class="primary" type="button">保存个人信息</button>
</div>
<p id="status" class="status"></p>
</section>
</div>
</div>
</section>
</main>
</div>
</div>
<script src="/static/mode-hint.js?v=20260428a"></script>
<script src="/static/profile.js?v=20260428a"></script>
</body>
</html>