# hotspot-timeline-frontend **Repository Path**: xuebusi/hotspot-timeline-frontend ## Basic Information - **Project Name**: hotspot-timeline-frontend - **Description**: 一个专业、客观、可视化的热点事件时间线平台,帮助用户更好地理解事件发展脉络。使用Vue3+TailwindCSS开发。 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-10-01 - **Last Updated**: 2025-10-01 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 事件脉络 - 热点事件时间线可视化平台 ![Vue.js](https://img.shields.io/badge/Vue.js-3.x-green)![Tailwind CSS](https://img.shields.io/badge/Tailwind-CSS-blue)![MIT License](https://img.shields.io/badge/license-MIT-green) 一个专业、客观、可视化的热点事件时间线平台,帮助用户更好地理解事件发展脉络。 ## 🌟 项目特色 ### 核心功能 - **📊 专业时间线管理** - 精心梳理的事件发展脉络,确保信息准确完整 - **🎯 多维度呈现** - 支持垂直和水平两种时间线视图 - **🔍 智能筛选搜索** - 按分类、关键词快速定位感兴趣的事件 - **📱 响应式设计** - 完美适配桌面端和移动端 - **⭐ 收藏功能** - 个性化收藏重要事件 ## 🚀 快速开始 1. **克隆项目** ```bash git clone https://github.com/wumacms/hotspot-timeline-frontend.git cd hotspot-timeline-frontend ``` 2. **安装依赖** ```bash pnpm install ``` 3. **启动开发服务器** ```bash pnpm run dev ``` 4. **构建生产版本** ```bash pnpm run build ``` ### 项目结构 ``` src/ ├── components/ # 公共组件 │ ├── HeaderView.vue # 导航栏组件 │ └── FooterView.vue # 页脚组件 ├── views/ # 页面组件 │ ├── HomeView.vue # 首页 │ ├── EventsView.vue # 所有事件页面 │ ├── EventDetailView.vue # 事件详情页 │ └── AboutView.vue # 关于我们页面 ├── router/ # 路由配置 │ └── index.js # 路由定义 └── App.vue # 根组件 ``` ## 🛠 技术栈 ### 前端框架 - **Vue 3** - 渐进式JavaScript框架 - **Vue Router** - 官方路由管理器 - **Composition API** - 现代Vue开发方式 ### 样式与UI - **Tailwind CSS** - 实用优先的CSS框架 - **响应式设计** - 移动端优先的设计理念 - **自定义组件** - 可复用的UI组件 ### 开发工具 - **Vite** - 下一代前端构建工具 ### 开发规范 - 遵循 Vue 3 官方风格指南 - 使用 Composition API 编写组件 - 保持代码简洁和可读性 - 添加必要的注释和文档 ## 📄 许可证 本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情。 ## 🙏 致谢 感谢所有为这个项目做出贡献的开发者! - Vue.js 团队 - 提供了优秀的前端框架 - Tailwind CSS 团队 - 强大的CSS框架 - Unsplash - 提供高质量的示例图片 ## 📞 联系我们 - 项目主页: [https://github.com/wumacms/hotspot-timeline-frontend](https://github.com/wumacms/hotspot-timeline-frontend) - 问题反馈: [GitHub Issues](https://github.com/wumacms/hotspot-timeline-frontend/issues) - 邮箱联系: wumacms@foxmail.com --- **事件脉络** - 让每一个重要时刻都有迹可循 ✨