# uni-music
**Repository Path**: setachen/uni-music
## Basic Information
- **Project Name**: uni-music
- **Description**: Uni Music 基于uniapp+colorUI 开发的音乐播放器，已支持多平台打包开发，v2.0版本已发布，更新页面样式和布局，有兴趣可以看看
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: v2.0
- **Homepage**: http://gist006.gitee.io/uni-music/#/
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 20
- **Created**: 2022-05-25
- **Last Updated**: 2022-05-25
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
Uni Music
## 前言
> 2.0 版本，播放功能优化，页面颜色主题改版，修复 1.0 存在的 bug，实现多端发布。
## 简介
[Uni Music](https://github.com/biubiubiu01/uni-music/) 基于 uniapp+colorUI 开发的音乐播放器，支持多端发布
[预览地址](http://gist006.gitee.io/uni-music/#/) 有兴趣可以看看（服务器可能会挂掉）
## 开发准备
- 页面 UI 设计(千图网等)
- uniapp 一些基础使用和项目搭建
- colorUI 基础组件
- iconfont 图标库
- 接口请求封装
- 自定义头部
- 自定义 tabbar
- 网易云音乐 Api,感谢大佬提供的 node 服务： NeteaseCloudMusicApi
## 实现功能
1. 用户登录
1. 搜索
1. 搜索建议和搜索历史记录
1. 搜索播放
1. 每日推荐
1. 排行榜
1. 热门歌手和歌手所有歌曲
1. 推荐歌单和歌单详情
1. 点击播放和播放全部
1. 播放列表
1. 背景音频播放
1. 歌词查看
1. 歌曲切换
1. 歌曲进度条切换
1. 添加喜欢音乐
1. 播放历史记录
1. 我喜欢的音乐
## 文件目录说明
```
├── api ---接口
├── colorui --- colorUI
├── common ---全局样式和阿里图标
├── components ---公共组件
├── pages ---页面文件
│ ├── dayRecommend ---每日推荐
│ ├── index ---首页
│ ├── login ---登录页
│ ├── my ---我的
│ ├── play ---歌曲详情页（歌词和进度条）
│ ├── rankList ---排行榜
│ ├── search ---搜索
│ ├── searchList ---搜索结果
│ ├── singer ---歌手列表
│ ├── singerPlayList ---歌手详情
│ ├── songDetail ---歌单详情
│ ├── songList ---歌单列表
├── plugins --- pinyin.js
├── static ---静态图片
├── store ---vuex
├── utils ---公共方法
├── App.vue
├── main.js
├── manifest.json
├── pages.json
├── README.md
├── uni.scss
```
# 克隆项目
> 新版本是 2.0 分支，默认分支是以前的版本，切记！！！
- git clone https://github.com/biubiubiu01/uni-music.git
- 使用 HBuilder X 导入项目
- 修改 login 页面用户名密码(默认测试账号)
- 运行项目
# 项目预览
