# 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

---

**事件脉络** - 让每一个重要时刻都有迹可循 ✨