57 lines
3.1 KiB
HTML
57 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>AI 文档模板生成系统 · 原型 v3</title>
|
|
<style>
|
|
:root{--c-primary:#5b5bd6;--c-bg:#f5f6f8;--c-text:#1a1d24;--c-text-2:#5b626e;--font:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
|
|
body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}
|
|
.container{max-width:640px;width:100%;text-align:center}
|
|
h1{font-size:24px;margin-bottom:8px}
|
|
p{color:var(--c-text-2);font-size:14px;margin-bottom:32px;line-height:1.6}
|
|
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}
|
|
.card{background:#fff;border-radius:10px;padding:20px;text-decoration:none;color:var(--c-text);border:1px solid #e0e2e6;transition:all .12s;display:block}
|
|
.card:hover{border-color:var(--c-primary);box-shadow:0 4px 12px rgba(91,91,214,.12)}
|
|
.card .icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:18px}
|
|
.card .name{font-size:15px;font-weight:600;margin-bottom:4px}
|
|
.card .desc{font-size:12px;color:#9aa1ad;line-height:1.5}
|
|
.footer{margin-top:32px;font-size:12px;color:#9aa1ad}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>AI 文档模板生成系统</h1>
|
|
<p>原型 v3 · 共 5 个独立页面，点击进入各功能模块</p>
|
|
<div class="grid">
|
|
<a class="card" href="模板管理.html">
|
|
<div class="icon" style="background:#eeeefb;color:#5b5bd6">📄</div>
|
|
<div class="name">模板管理</div>
|
|
<div class="desc">创建、编辑模板 · 上传 Word 解析段落 · 三栏编辑模式</div>
|
|
</a>
|
|
<a class="card" href="模型管理.html">
|
|
<div class="icon" style="background:#e8f5e9;color:#2e7d32">⚙</div>
|
|
<div class="name">模型管理</div>
|
|
<div class="desc">配置 AI 模型 · 添加/编辑 API · 设置默认生成模型</div>
|
|
</a>
|
|
<a class="card" href="执行生成.html">
|
|
<div class="icon" style="background:#fff3e0;color:#e65100">⚡</div>
|
|
<div class="name">执行生成</div>
|
|
<div class="desc">选择模板 · 上传参考文件 · AI 自动生成 · 实时进度</div>
|
|
</a>
|
|
<a class="card" href="生成记录.html">
|
|
<div class="icon" style="background:#f3e5f5;color:#7b1fa2">📋</div>
|
|
<div class="name">生成记录</div>
|
|
<div class="desc">查看已生成的文件 · 按模板/状态筛选 · 预览或下载</div>
|
|
</a>
|
|
<a class="card" href="预览编辑.html" style="grid-column:1/-1;text-align:center">
|
|
<div class="icon" style="background:#e3f2fd;color:#1565c0;margin:0 auto 10px">👁</div>
|
|
<div class="name">预览编辑</div>
|
|
<div class="desc">在线查看生成结果 · 富文本编辑器 · 手动编辑 · 导出 Word/PDF</div>
|
|
</a>
|
|
</div>
|
|
<div class="footer">操作人：周文涛 · 2026-07-02</div>
|
|
</div>
|
|
</body>
|
|
</html>
|