# niceMusic

**Repository Path**: keyframe/nice-music

## Basic Information

- **Project Name**: niceMusic
- **Description**: PC端React项目。
在线云音乐是一个可以在线听歌和观看mv的网站，可根据歌手、排行榜、推荐歌单以及最新音乐查看歌曲。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-12-14
- **Last Updated**: 2021-05-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 在线云音乐（PC端React项目）

预览地址：http://keyframe.gitee.io/nice-music

### 技术栈

React、antd、axios、mobx、swiper、React-Router

### 描述

- 使用百分比布局，适配不同屏幕；使用sass对不同组件进行具体布局。

- 把axios对后台的请求和请求地址进行封装。

- 把出现多次的组件和常用方法抽取出来处理成公共组件和公共工具，方便复用。

- 使用React-Router进行单页面跳转，不同的mv匹配动态路由。

- 使用react-infinite对歌单进行了无限懒加载的处理。

- 使用swiper插件做了平滑翻页的处理。

- 使用mobx对歌曲、歌手、mv、歌单的状态进行管理和使用。

### 后续计划

- 登录功能

- 页面布局优化

- 歌词接口修复后优化歌曲播放页面

- 搜索歌曲或mv

- 完善所有歌曲的播放（目前只有个性推荐排行榜的歌曲可点击播放）

- mv页面添加评论功能（目前只有展示评论功能）