# NewYearsEve

**Repository Path**: jun-wan/new-years-eve

## Basic Information

- **Project Name**: NewYearsEve
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-31
- **Last Updated**: 2025-12-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 新年烟花倒计时

一个精美的新年倒计时和烟花效果网页应用，支持音乐播放和自定义设置。

## 功能特性

- 🎆 精美的烟花动画效果
- ⏰ 新年倒计时显示
- 🎵 背景音乐播放
- ⚙️ 丰富的自定义设置
- 📱 响应式设计，支持移动端
- 💾 本地存储配置

## 技术栈

- Vue 3
- Vite
- Vue Router
- Canvas 烟花动画

## 快速开始

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

### 构建生产版本

```bash
npm run build
```

### 预览生产版本

```bash
npm run preview
```

## 功能说明

### 首页
- 点击"点击我"按钮开始倒计时和烟花效果
- 自动播放默认音乐
- 点击屏幕任意位置可以发射烟花
- 右上角设置按钮可打开设置菜单

### 后台管理
访问 `/admin` 进入后台管理页面

#### 音乐管理
- 添加、编辑、删除音乐
- 搜索网易云音乐
- 设置默认音乐
- 在线试听音乐

#### 页面设置
- 打字机效果速度调整
- 倒计时目标年份设置
- 祝福语模板自定义
- 烟花类型选择（随机、爆裂、分裂、花卉、棕榈、环形、闪烁、柳树）
- 烟花大小调整
- 画质设置（低、中、高）
- 天空照明开关
- 规模缩放调整
- 结局模式开关
- 隐藏控制器开关
- 打开快门开关

## 项目结构

```
kn-kiro/
├── src/
│   ├── assets/          # 静态资源
│   │   ├── css/         # 样式文件
│   │   └── js/          # JavaScript 文件
│   ├── pages/           # 页面组件
│   │   ├── Admin.vue    # 后台管理页面
│   │   └── Home.vue     # 首页
│   ├── router/          # 路由配置
│   ├── App.vue          # 根组件
│   └── main.js          # 入口文件
├── public/              # 公共资源
├── index.html           # HTML 模板
├── vite.config.js       # Vite 配置
└── package.json         # 项目配置
```

## 浏览器支持

- Chrome (推荐)
- Firefox
- Safari
- Edge

## 许可证

MIT License