e9d7f8832a
- Backend: FastAPI + SQLAlchemy + Celery (Python 3.11+) - Frontend: Vue 3 + TypeScript + Pinia + Tailwind - Admin Frontend: separate Vue 3 app for management - Docker Compose: 9 services orchestration - Specs: design prototypes, memory system PRD, product roadmap Cleanup performed: - Removed temporary debug scripts from backend root - Removed deprecated admin_app.py (embedded UI) - Removed duplicate docs from admin-frontend - Updated .gitignore for Vite cache and egg-info
85 lines
3.1 KiB
HTML
85 lines
3.1 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>我的故事</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<header class="nav">
|
|
<div class="container nav__inner">
|
|
<div class="nav__left">
|
|
<div class="nav__logo">
|
|
<span class="nav__logo-badge"></span>
|
|
DreamWeaver
|
|
</div>
|
|
<span class="badge">Web 原型</span>
|
|
</div>
|
|
<div class="nav__center">
|
|
<a class="nav__item active" href="home.html">生成故事</a>
|
|
<a class="nav__item" href="my-stories.html">我的故事</a>
|
|
<a class="nav__item" href="child-profiles.html">孩子档案</a>
|
|
<a class="nav__item" href="universes.html">故事宇宙</a>
|
|
<a class="nav__item" href="push-settings.html">推送设置</a>
|
|
<a class="nav__item" href="account-settings.html">账户设置</a>
|
|
<a class="nav__item" href="admin-providers.html">管理后台</a>
|
|
</div>
|
|
<div class="nav__right">
|
|
<input class="input" style="width: 200px;" placeholder="搜索故事" />
|
|
<div class="avatar">家</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div class="container" style="padding: 28px 0 60px;">
|
|
<div class="toolbar section">
|
|
<input class="input" style="width: 260px;" placeholder="搜索标题或关键词" />
|
|
<select style="width: 160px;">
|
|
<option>孩子：全部</option>
|
|
<option>小明</option>
|
|
<option>小红</option>
|
|
</select>
|
|
<select style="width: 160px;">
|
|
<option>排序：最新</option>
|
|
<option>最早</option>
|
|
</select>
|
|
<button class="btn btn--ghost">网格</button>
|
|
<button class="btn btn--ghost">列表</button>
|
|
</div>
|
|
|
|
<div class="grid grid-3 section">
|
|
<div class="card">
|
|
<div class="card-cover"></div>
|
|
<div class="card-title">星际冒险 · 第三章</div>
|
|
<div class="chips">
|
|
<span class="chip">太空</span><span class="chip">勇气</span>
|
|
</div>
|
|
<div class="card-meta">小明 · 更新于 2 天前</div>
|
|
<div class="section hero-actions">
|
|
<button class="btn btn--primary">继续阅读</button>
|
|
<button class="btn btn--secondary">重生成封面</button>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-cover"></div>
|
|
<div class="card-title">梦幻森林 · 朋友篇</div>
|
|
<div class="chips">
|
|
<span class="chip">友谊</span><span class="chip">动物</span>
|
|
</div>
|
|
<div class="card-meta">小红 · 更新于 5 天前</div>
|
|
<div class="section hero-actions">
|
|
<button class="btn btn--primary">继续阅读</button>
|
|
<button class="btn btn--danger">删除</button>
|
|
</div>
|
|
</div>
|
|
<div class="card card--flat">
|
|
<div class="callout">空态示例：开始生成第一个故事</div>
|
|
<button class="btn btn--primary" style="margin-top: 12px;">生成故事</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|