feat: 添加PWA manifest、更新品牌图标配色、添加打印样式

This commit is contained in:
Zhang Jing Xuan
2026-07-30 11:35:09 +08:00
parent 351fcdb4ec
commit 6edd18ad8d
4 changed files with 83 additions and 3 deletions
+1 -1
View File
@@ -2,7 +2,7 @@
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />`n <link rel="manifest" href="/manifest.json" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta name="theme-color" content="#0f766e" /> <meta name="theme-color" content="#0f766e" />
<meta name="color-scheme" content="light" /> <meta name="color-scheme" content="light" />
+2 -2
View File
@@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<defs> <defs>
<linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#4F46E5"/> <stop offset="0%" stop-color="#0f766e"/>
<stop offset="100%" stop-color="#8B5CF6"/> <stop offset="100%" stop-color="#10b981"/>
</linearGradient> </linearGradient>
</defs> </defs>
<rect width="32" height="32" rx="8" fill="url(#g)"/> <rect width="32" height="32" rx="8" fill="url(#g)"/>

Before

Width:  |  Height:  |  Size: 447 B

After

Width:  |  Height:  |  Size: 447 B

+18
View File
@@ -0,0 +1,18 @@
{
"name": "智教助手 - 教师专属AI备课工具",
"short_name": "智教助手",
"description": "面向K12教师的AI备课与教学创作平台,一句话生成互动课件、教学动画、课堂游戏与智能测练",
"start_url": "/",
"display": "standalone",
"background_color": "#f5f7fa",
"theme_color": "#0f766e",
"orientation": "any",
"icons": [
{
"src": "/favicon.svg",
"sizes": "any",
"type": "image/svg+xml",
"purpose": "any maskable"
}
]
}
+62
View File
@@ -401,3 +401,65 @@ html, body, #app {
background: var(--primary-bg); background: var(--primary-bg);
color: var(--primary); color: var(--primary);
} }
/* ===== Print Styles ===== */
@media print {
.zj-sidebar,
.zj-header,
.floating-composer,
.create-topbar,
.result-actions,
.toolbar-actions,
.canvas-toolbar,
.prompt-toolbar,
.task-toolbar,
.quick-nav,
.help-footer,
.el-message,
.el-dialog,
.el-overlay,
.back-btn,
.action-btn,
.gen-btn,
.tool-btn,
.save-btn,
.new-task,
.points-banner,
.sidebar-bottom,
.filter-panel button,
.card-actions,
.saved-actions,
.prompt-actions,
.settings-row,
.material-row,
.input-settings,
.gen-input-section,
.guide-section,
.loading-section,
.saved-section,
nav,
aside,
header,
footer { display: none !important; }
body { background: #fff !important; }
.page-container,
.create-body,
.create-page,
.canvas-scroll,
.result-section,
.animation-preview,
.mm-canvas-panel { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; border: none !important; }
.zj-home,
.create-page,
.page-container { padding: 0 !important; }
.html-preview-frame,
.preview-iframe { width: 100% !important; height: auto !important; min-height: 500px !important; page-break-inside: avoid; }
* { color: #000 !important; }
a { text-decoration: none !important; }
.el-card,
.el-table { box-shadow: none !important; border: 1px solid #ddd !important; }
h1, h2, h3 { page-break-after: avoid; }
.courseware-page,
.exam-question { page-break-inside: avoid; }
}