let5see/ai-write
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加项目 Logo 和优化主页

Browse Source 
- 添加 favicon.png, logo.png, hero-bg.png 静态资源
- 优化 index.html 配置
- 优化 HomePage.vue 样式

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
empty
2026-01-12 04:02:33 +08:00
parent 4212b63df2
commit 81e597ccdc
6 changed files with 88 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
index.html
View File

@@ -1,9 +1,11 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI 写作工坊 - 结构化生成工具</title>
<link rel="icon" type="image/png" href="/favicon.png">
<!-- 设计系统样式 -->
<link rel="stylesheet" href="/src/styles/design-tokens.css">
@@ -12,24 +14,75 @@
<style>
/* 自定义滚动条样式，适配深色主题 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #1e293b; }
::-webkit-scrollbar-thumb { background: #475569; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #64748b; }
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #1e293b;
}
::-webkit-scrollbar-thumb {
background: #475569;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #64748b;
}
/* Markdown 内容样式覆盖 */
.prose h1, .prose h2, .prose h3 { color: #e2e8f0; margin-top: 1.5em; margin-bottom: 0.8em; }
.prose p { margin-bottom: 1.2em; line-height: 1.75; color: #cbd5e1; }
.prose ul { list-style-type: disc; padding-left: 1.5em; margin-bottom: 1.2em; color: #cbd5e1; }
.prose strong { color: #60a5fa; font-weight: 600; }
.prose blockquote { border-left-color: #3b82f6; background: #1e293b; padding: 0.5rem 1rem; font-style: italic; }
.prose code { background: #334155; padding: 0.2em 0.4em; border-radius: 4px; font-size: 0.9em; color: #f8fafc; }
[v-cloak] { display: none; }
.prose h1,
.prose h2,
.prose h3 {
color: #e2e8f0;
margin-top: 1.5em;
margin-bottom: 0.8em;
}
.prose p {
margin-bottom: 1.2em;
line-height: 1.75;
color: #cbd5e1;
}
.prose ul {
list-style-type: disc;
padding-left: 1.5em;
margin-bottom: 1.2em;
color: #cbd5e1;
}
.prose strong {
color: #60a5fa;
font-weight: 600;
}
.prose blockquote {
border-left-color: #3b82f6;
background: #1e293b;
padding: 0.5rem 1rem;
font-style: italic;
}
.prose code {
background: #334155;
padding: 0.2em 0.4em;
border-radius: 4px;
font-size: 0.9em;
color: #f8fafc;
}
[v-cloak] {
display: none;
}
</style>
</head>
<body class="bg-slate-900 text-slate-200 h-screen overflow-hidden font-sans">
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>