# flow

**Repository Path**: yugeaa/flow

## Basic Information

- **Project Name**: flow
- **Description**: 免费且高级感拉满的音乐APP
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-10
- **Last Updated**: 2026-05-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🎵 FLOW 音乐APP

一款清新自然的移动端音乐应用，让音乐自然流动。

## ✨ 功能特性

- 🏠 **首页** - 时间问候语、每日推荐、心情模式、专属歌单
- 🎵 **播放器** - 全屏播放、歌词显示、播放控制、音量调节
- 👤 **个人中心** - 喜欢、最近播放、下载管理、歌单收藏
- 🔍 **搜索** - 歌曲搜索、热门推荐、分类发现
- 🧘 **专注模式** - 计时器、专注音乐推荐

## 🎨 设计风格

- 清新自然的浅绿/蓝色系主题
- 圆润的卡片设计
- 柔和的动画效果
- 流畅的用户体验

## 🚀 快速开始

```bash
# 安装依赖
pnpm install

# 开发模式
pnpm run dev

# 构建生产版本
pnpm run build
```

## 📱 构建手机APP

### Android APK

```bash
# 安装 Capacitor
pnpm add @capacitor/core @capacitor/cli @capacitor/android

# 初始化
npx cap init FLOW com.flow.musicapp --web-dir=dist

# 添加 Android 平台
npx cap add android

# 构建并同步
pnpm run build
npx cap sync android

# 构建 APK
cd android
./gradlew assembleDebug
```

APK 文件位置: `android/app/build/outputs/apk/debug/app-debug.apk`

### iOS APP

```bash
# 添加 iOS 平台
npx cap add ios

# 同步
npx cap sync ios

# 使用 Xcode 打开
open ios/App/App.xcworkspace
```

## 🛠️ 技术栈

- React 18 + TypeScript
- Vite + TailwindCSS 3
- Zustand 状态管理
- Capacitor 移动端框架

## 📄 许可证

MIT License

Made with ❤️ for music lovers