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

2026-07-30 11:35:09 +08:00
parent 351fcdb4ec
commit 6edd18ad8d
4 changed files with 83 additions and 3 deletions
@@ -2,7 +2,7 @@
 <html lang="zh-CN">
  <head>
    <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="theme-color" content="#0f766e" />
    <meta name="color-scheme" content="light" />
@@ -1,8 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <defs>
    <linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#4F46E5"/>
-      <stop offset="100%" stop-color="#8B5CF6"/>
+      <stop offset="0%" stop-color="#0f766e"/>
+      <stop offset="100%" stop-color="#10b981"/>
    </linearGradient>
  </defs>
  <rect width="32" height="32" rx="8" fill="url(#g)"/>
@@ -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"
+    }
+  ]
+}
@@ -401,3 +401,65 @@ html, body, #app {
  background: var(--primary-bg);
  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; }
+}