200 lines
9.9 KiB
HTML
200 lines
9.9 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>个人中心 - 代代相传</title>
|
||
<link rel="stylesheet" href="public/css/public.css" />
|
||
<link rel="stylesheet" href="public/layui/css/layui.css" />
|
||
<link rel="stylesheet" href="public/css/profile.css" />
|
||
</head>
|
||
<body class="page-profile" data-profile-page>
|
||
<header class="site-header">
|
||
<div class="container nav">
|
||
<a class="brand magnetic" href="index.html"
|
||
><img class="brand-logo" src="public/images/logo.png" alt="我们的家谱，代代相传" /></a
|
||
>
|
||
<nav class="nav-links">
|
||
<a class="active" href="profile.html">个人中心</a>
|
||
<a href="profile-families.html">我的家谱</a>
|
||
<a href="plaza.html">家谱广场</a>
|
||
<a href="profile-content.html">家族文化</a>
|
||
<a href="surname.html">姓氏百科</a>
|
||
<a href="app.html">应用下载</a>
|
||
<a href="help.html">帮助中心</a>
|
||
<a href="about.html">关于我们</a>
|
||
</nav>
|
||
<div class="nav-actions">
|
||
<a href="profile-data.html">账户资料</a>
|
||
<a class="btn primary magnetic" href="profile-create-family.html">创建家谱</a>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="profile-hero">
|
||
<div class="container profile-hero-grid">
|
||
<div class="profile-card">
|
||
<div class="avatar-wrap">
|
||
<div class="avatar" data-profile-avatar data-profile-text="avatarText">…</div>
|
||
<span></span>
|
||
</div>
|
||
<div class="profile-info">
|
||
<div class="eyebrow">个人中心</div>
|
||
<h1 data-profile-text="displayName">正在加载账户</h1>
|
||
<p>账户资料与家谱工作区分开呈现。进入家谱后，再处理成员、内容和协作事务。</p>
|
||
<div class="profile-tags">
|
||
<span>已登录账户</span><span>资料与账号同步</span>
|
||
</div>
|
||
<div class="profile-load-status" data-profile-load-status role="status" aria-live="polite">正在读取账户资料…</div>
|
||
<div class="toolbar profile-hero-actions">
|
||
<a class="btn primary magnetic" href="profile-families.html">进入我的家谱</a>
|
||
<a class="btn ghost magnetic" href="profile-data.html">完善个人资料</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="profile-next-card">
|
||
<div class="eyebrow">下一步</div>
|
||
<h2>从家谱开始</h2>
|
||
<p>没有家谱时可创建或申请加入；有多个家谱时，请先选择本次要处理的家谱。</p>
|
||
<div class="toolbar">
|
||
<a class="link-btn" href="profile-create-family.html">创建家谱</a>
|
||
<a class="link-btn" href="profile-join-family.html">申请加入</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section dashboard-section">
|
||
<div class="container dashboard-layout">
|
||
<aside class="dashboard-side">
|
||
<div class="side-card user-actions">
|
||
<h2>账户入口</h2>
|
||
<a href="profile-data.html"><span>个人资料</span><b>查看并更新账户资料</b></a>
|
||
<a href="profile-messages.html"><span>消息中心</span><b>查看真实通知与业务提醒</b></a>
|
||
<a href="profile-services.html"><span>帮助与服务</span><b>反馈、安全设置与会员服务</b></a>
|
||
<button class="logout-link" type="button" data-logout-open><span>退出登录</span><b>返回首页</b></button>
|
||
</div>
|
||
</aside>
|
||
|
||
<div class="dashboard-main">
|
||
<section class="panel my-family-panel">
|
||
<div class="panel-head">
|
||
<div>
|
||
<h2>我的家谱</h2>
|
||
<p>先从真实列表选择家谱，再进入对应的主页、世系图、成员和内容管理。</p>
|
||
</div>
|
||
<a class="link-btn" href="profile-families.html">查看全部</a>
|
||
</div>
|
||
<div class="family-grid">
|
||
<a class="family-card" href="profile-families.html">
|
||
<div class="book-cover">选 择<br />家 谱</div>
|
||
<div>
|
||
<h3>进入我的家谱</h3>
|
||
<p>列表只展示当前账户真实可访问的家谱，避免把示例数据当成自己的内容。</p>
|
||
<div class="mini-actions">
|
||
<span>选择家谱</span><span>进入主页</span><span>处理事务</span>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="panel">
|
||
<div class="panel-head compact">
|
||
<div>
|
||
<h2>账户资料</h2>
|
||
<p>以下内容来自你的账户资料；未填写的信息会显示为“待填写”。</p>
|
||
</div>
|
||
<a class="link-btn" href="profile-data.html">编辑资料</a>
|
||
</div>
|
||
<div class="data-list">
|
||
<p><span>绑定账号</span><b data-profile-text="phone">加载中</b></p>
|
||
<p><span>昵称</span><b data-profile-text="displayName">加载中</b></p>
|
||
<p><span>真实姓名</span><b data-profile-text="realName">加载中</b></p>
|
||
<p><span>性别</span><b data-profile-text="sex">加载中</b></p>
|
||
<p><span>出生日期</span><b data-profile-text="birthday">加载中</b></p>
|
||
<p><span>邮箱</span><b data-profile-text="email">加载中</b></p>
|
||
</div>
|
||
</section>
|
||
<section class="panel">
|
||
<div class="panel-head compact">
|
||
<div>
|
||
<h2>账户与服务</h2>
|
||
<p>将 APP 的“我的”功能整理为桌面服务入口；家谱内容仍需从具体家谱进入。</p>
|
||
</div>
|
||
<a class="link-btn" href="profile-services.html">查看服务中心</a>
|
||
</div>
|
||
<div class="service-grid" aria-label="账户与服务入口">
|
||
<a href="profile-messages.html"><strong>消息中心</strong><span>查看真实通知与业务提醒</span></a>
|
||
<a href="profile-data.html"><strong>个人资料</strong><span>维护昵称、实名和联系方式</span></a>
|
||
<a href="profile-security.html"><strong>账户安全</strong><span>修改密码、换绑手机或注销账号</span></a>
|
||
<a href="profile-services.html#membership"><strong>会员服务</strong><span>查看套餐、订单、帮助与服务说明</span></a>
|
||
<a href="profile-feedback.html"><strong>意见反馈</strong><span>提交产品问题和改进建议</span></a>
|
||
<a href="app.html"><strong>移动端</strong><span>下载 APP，处理移动端场景</span></a>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="footer-grid">
|
||
<div>
|
||
<a class="brand" href="index.html"
|
||
><img class="brand-logo" src="public/images/logo-light.png" alt="我们的家谱，代代相传" /></a
|
||
>
|
||
<p>一个面向家庭和宗族的数字家谱与家族文化门户。</p>
|
||
</div>
|
||
<div>
|
||
<h4>产品入口</h4>
|
||
<a href="profile-families.html">数字家谱</a><a href="plaza.html">家谱广场</a><a href="app.html">应用下载</a><a href="help.html">帮助中心</a>
|
||
</div>
|
||
<div>
|
||
<h4>文化内容</h4>
|
||
<a href="profile-content.html">家族文化</a><a href="surname.html">姓氏百科</a><a href="profile-article.html">家谱知识</a><a href="profile-messages.html">平台公告</a>
|
||
</div>
|
||
<div>
|
||
<h4>服务支持</h4>
|
||
<a href="help.html">帮助中心</a>
|
||
<a href="submit-ticket.html">提交问题</a>
|
||
<a href="about.html">关于平台</a>
|
||
</div>
|
||
</div>
|
||
<div class="footer-legal">
|
||
<div>© 2026 代代相传. All rights reserved.</div>
|
||
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">ICP备案：蜀ICP备2024044594号-1</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<div class="logout-modal" id="logoutModal" aria-hidden="true" hidden>
|
||
<div class="logout-modal-backdrop" data-logout-close></div>
|
||
<div class="logout-dialog" role="dialog" aria-modal="true" aria-labelledby="logoutTitle">
|
||
<button class="logout-close" type="button" data-logout-close aria-label="关闭">×</button>
|
||
<span class="logout-icon">退</span>
|
||
<h2 id="logoutTitle">确认退出登录？</h2>
|
||
<p>退出后需要重新登录，才能继续管理家谱、审核消息和编辑资料。</p>
|
||
<div class="logout-actions">
|
||
<button class="btn ghost magnetic" type="button" data-logout-close>取消</button>
|
||
<a class="btn primary magnetic" href="index.html" data-logout-confirm>确认退出</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="public/js/jquery360.js"></script>
|
||
<script src="public/layui/layui.js"></script>
|
||
<script src="public/js/lay-config.js"></script>
|
||
<script src="config.js"></script>
|
||
<script src="utils/StorageUtil.js"></script>
|
||
<script src="utils/FormUtil.js"></script>
|
||
<script src="utils/axios.js"></script>
|
||
<script src="utils/AxiosRequestUtil.js"></script>
|
||
<script src="utils/ApiClient.js"></script>
|
||
<script src="public/js/profile-common.js?v=20260725-entry"></script>
|
||
<script src="public/js/media-display.js"></script>
|
||
<script src="public/js/profile-pages.js"></script>
|
||
<script src="public/js/page-effects.js"></script>
|
||
</body>
|
||
</html>
|