feat: 添加网站图标和浏览器标题

- 添加 favicon.png - 更新浏览器标题为"掐日子 - AI 纪念日提醒" - 在 HomePage 标题旁添加 logo 图标 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-11 11:22:14 +08:00 · 2026-02-11 11:22:14 +08:00 · ab12b0717f
commit ab12b0717f
parent 9a46aead11
3 changed files with 26 additions and 14 deletions
--- a/index.html
+++ b/index.html
@ -1,10 +1,10 @@
 <!doctype html>
-<html lang="en">
+<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>client</title>
+    <title>掐日子 - AI 纪念日提醒</title>
  </head>
  <body>
    <div id="root"></div>
--- a/public/favicon.png
+++ b/public/favicon.png
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@ -26,6 +26,7 @@ import { AnniversaryList } from '../components/anniversary/AnniversaryList';
 import { ReminderList } from '../components/reminder/ReminderList';
 import { NoteEditor } from '../components/note/NoteEditor';
 import { FloatingAIChat } from '../components/ai/FloatingAIChat';
+import appIcon from '../assets/icon.png';
 import type { Event, EventType, RepeatType, PriorityType } from '../types';
 import { calculateNextReminderDate, getReminderOptions, getDefaultReminderValue, calculateReminderTimes, getReminderValueFromTimes, formatReminderTimeDisplay } from '../utils/repeatCalculator';

@ -307,17 +308,28 @@ export function HomePage() {
      <Container size="xl" py="md" h="100vh" style={{ display: 'flex', flexDirection: 'column', overflow: 'hidden' }}>
        {/* Header */}
        <Group justify="space-between" mb="md" style={{ flexShrink: 0 }}>
-          <Title
-            order={2}
-            style={{
-              fontWeight: 300,
-              fontSize: '1.25rem',
-              letterSpacing: '0.15em',
-              color: '#1a1a1a',
-            }}
-          >
-            掐日子
-          </Title>
+          <Group gap="sm">
+            <img
+              src={appIcon}
+              alt="掐日子"
+              style={{
+                width: 28,
+                height: 28,
+                borderRadius: '50%',
+              }}
+            />
+            <Title
+              order={2}
+              style={{
+                fontWeight: 300,
+                fontSize: '1.25rem',
+                letterSpacing: '0.15em',
+                color: '#1a1a1a',
+              }}
+            >
+              掐日子
+            </Title>
+          </Group>
          <Group>
            {/* 设置入口 */}
            <Button