diff --git a/src/pages/HomePage.scss b/src/pages/HomePage.scss index 40a4ee8..fcc6976 100644 --- a/src/pages/HomePage.scss +++ b/src/pages/HomePage.scss @@ -12,7 +12,6 @@ max-width: 640px; width: 100%; padding: 0 24px; - animation: homeFadeIn 0.5s ease-out; } .home-title { @@ -20,81 +19,17 @@ font-weight: 700; margin: 0 0 12px; color: var(--text-primary); - letter-spacing: -1.5px; } .home-subtitle { font-size: 16px; color: var(--text-secondary); - margin: 0 0 48px; + margin: 0; line-height: 1.6; } -.home-grid { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 12px; -} - -.home-feature-card { - display: flex; - align-items: center; - gap: 14px; - padding: 16px 18px; - border: 1px solid var(--border-color); - border-radius: 12px; - background: var(--card-bg); - cursor: pointer; - text-align: left; - transition: background 0.15s ease, border-color 0.15s ease; - color: var(--text-secondary); - - &:hover { - background: var(--bg-hover); - border-color: var(--text-tertiary); - color: var(--text-primary); - } - - svg { - flex-shrink: 0; - } -} - -.home-feature-text { - display: flex; - flex-direction: column; - gap: 2px; - min-width: 0; -} - -.home-feature-label { - font-size: 14px; - font-weight: 600; - color: var(--text-primary); -} - -.home-feature-desc { - font-size: 12px; - color: var(--text-tertiary); -} - -@keyframes homeFadeIn { - from { - opacity: 0; - transform: translateY(12px); - } - to { - opacity: 1; - transform: translateY(0); - } -} - @media (max-width: 480px) { - .home-grid { - grid-template-columns: 1fr; - } - .home-title { font-size: 36px; } -} \ No newline at end of file +} diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 0423bad..8ddbb84 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,41 +1,11 @@ -import { MessageSquare, BarChart3, Download, Aperture, Footprints, FolderClosed } from 'lucide-react' -import { useNavigate } from 'react-router-dom' import './HomePage.scss' function HomePage() { - const navigate = useNavigate() - - const features = [ - { icon: MessageSquare, label: '聊天', desc: '浏览聊天记录', path: '/chat' }, - { icon: Aperture, label: '朋友圈', desc: '查看朋友圈动态', path: '/sns' }, - { icon: BarChart3, label: '聊天分析', desc: '分析聊天统计数据', path: '/analytics' }, - { icon: FolderClosed, label: '资源浏览', desc: '管理媒体文件', path: '/resources' }, - { icon: Footprints, label: '我的足迹', desc: '回顾你的轨迹', path: '/footprint' }, - { icon: Download, label: '导出', desc: '导出聊天记录', path: '/export' }, - ] - return (

WeFlow

每一条消息的背后,都藏着一段温暖的时光

- -
- {features.map((f) => ( - - ))} -
)