DeveloperandClaude Opus 4.6
3347a256b2
- Node.js backend server - Frontend application - Backup script - Project specification Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 line
6.8 KiB
HTML
1 line
6.8 KiB
HTML
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/a115fcea0d441c48.css" as="style"/><link rel="stylesheet" href="/_next/static/css/a115fcea0d441c48.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-8fa1640cc84ba8fe.js" defer=""></script><script src="/_next/static/chunks/framework-64ad27b21261a9ce.js" defer=""></script><script src="/_next/static/chunks/main-aefbcb23b1606112.js" defer=""></script><script src="/_next/static/chunks/pages/_app-be10d8e0e3953b07.js" defer=""></script><script src="/_next/static/chunks/pages/settings-bb02e29d5162e9fa.js" defer=""></script><script src="/_next/static/qLhTs8_S85rjOOeVUp07g/_buildManifest.js" defer=""></script><script src="/_next/static/qLhTs8_S85rjOOeVUp07g/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div class="app-shell"><header class="app-header app-header--compact app-header--with-content"><div class="app-shell__container app-header__inner"><div class="app-header__main"><div class="app-header__text"><h1>设置</h1><p>数据、账号与应用信息</p></div></div></div></header><main class="app-content"><div class="app-shell__container app-content__inner"><section class="card settings-section settings-section--refresh"><div class="section-heading section-heading--compact"><div><p class="eyebrow">数据管理</p><h2>导入与导出</h2></div></div><div class="settings-item"><div class="settings-info"><div class="settings-title">导出数据</div><div class="settings-desc">将所有账目导出为 JSON 文件，方便备份。</div></div><button type="button" class="btn btn-primary btn-inline"><span class="button-content"><svg viewBox="0 0 24 24" width="16" height="16" class="" aria-hidden="true" role="presentation" fill="none"><path d="M12 4v10" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path><path d="m8 10 4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 19h14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path></svg>导出</span></button></div><div class="settings-item"><div class="settings-info"><div class="settings-title">导入数据</div><div class="settings-desc">从 JSON 文件恢复账目数据。</div></div><button type="button" class="btn btn-secondary btn-inline"><span class="button-content"><svg viewBox="0 0 24 24" width="16" height="16" class="" aria-hidden="true" role="presentation" fill="none"><path d="M12 20V10" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path><path d="m8 14 4-4 4 4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5 5h14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path></svg>导入</span></button><input type="file" accept=".json" style="display:none"/></div></section><section class="card settings-section settings-section--refresh"><div class="section-heading section-heading--compact"><div><p class="eyebrow">账号</p><h2>登录状态</h2></div></div><div class="settings-item settings-item--stacked"><div class="settings-info"><div class="settings-title">退出登录</div><div class="settings-desc">从当前设备安全退出，并返回登录页。</div></div><button type="button" class="btn btn-danger btn-inline"><span class="button-content"><svg viewBox="0 0 24 24" width="16" height="16" class="" aria-hidden="true" role="presentation" fill="none"><path d="M10 5H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14 8l5 4-5 4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19 12H9" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path></svg>退出登录</span></button></div></section><section class="card settings-section settings-section--refresh"><div class="section-heading section-heading--compact"><div><p class="eyebrow">关于</p><h2>应用信息</h2></div></div><div class="about-info"><p>简易记账本 v1.0</p><p class="sub">基于 React + Next.js 开发</p></div></section></div></main><nav class="bottom-nav" aria-label="主导航"><div class="app-shell__container bottom-nav__inner"><button type="button" class="bottom-nav__item"><svg viewBox="0 0 24 24" width="20" height="20" class="" aria-hidden="true" role="presentation" fill="none"><path d="M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5.5v-6h-5v6H4a1 1 0 0 1-1-1v-9.5Z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>首页</span></button><button type="button" class="bottom-nav__item"><svg viewBox="0 0 24 24" width="20" height="20" class="" aria-hidden="true" role="presentation" fill="none"><path d="M4 20h16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path><path d="M7 16v-4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path><path d="M12 16V8" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path><path d="M17 16v-7" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path></svg><span>统计</span></button><button type="button" class="bottom-nav__item"><svg viewBox="0 0 24 24" width="20" height="20" class="" aria-hidden="true" role="presentation" fill="none"><path d="M17 3l4 4-4 4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 7h18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path><path d="M7 21l-4-4 4-4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21 17H3" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path></svg><span>周期</span></button><button type="button" class="bottom-nav__item"><svg viewBox="0 0 24 24" width="20" height="20" class="" aria-hidden="true" role="presentation" fill="none"><path d="M11 4H5a2 2 0 0 0-2 2v6l8.5 8.5a2.1 2.1 0 0 0 3 0l6-6a2.1 2.1 0 0 0 0-3L12 4Z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"></path><circle cx="7.5" cy="8.5" r="1.2" fill="currentColor"></circle></svg><span>分类</span></button></div></nav></div><div class="toast-stack" aria-live="polite" aria-atomic="true"></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"qLhTs8_S85rjOOeVUp07g","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html> |