https://github.com/impeiran/webapp-music
:musical_note: VantUI 构造音乐H5 webapp based on Vue2.x
https://github.com/impeiran/webapp-music
h5 music vant vue vue-music-webapp
Last synced: 6 months ago
JSON representation
:musical_note: VantUI 构造音乐H5 webapp based on Vue2.x
- Host: GitHub
- URL: https://github.com/impeiran/webapp-music
- Owner: impeiran
- Created: 2018-08-02T15:22:49.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T16:30:19.000Z (almost 3 years ago)
- Last Synced: 2025-03-28T03:22:29.797Z (7 months ago)
- Topics: h5, music, vant, vue, vue-music-webapp
- Language: Vue
- Homepage: http://impeiran.com/music
- Size: 8.63 MB
- Stars: 12
- Watchers: 1
- Forks: 1
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
本项目基于 Vue 2.x && VantUI,构造的音乐webapp,后台采用的是QQ音乐接口,部署时需要在服务器做对应的代理。项目逻辑基本覆盖vue中绝大部分特性,非常适合入门vue进行练手。
### Install && Publish
推荐使用`yarn`进行安装依赖,然后开发
```bash
npm install -g yarn
yarn
```打包发布
```bash
yarn build
```具体部署代理规则,可看我提供的生产环境Nginx配置[nginx.prod.conf](./nginx.prod.conf)
### Preview
### Feat
1. 专辑、排行榜和首页歌单。
2. 搜索歌手/歌曲,热搜词汇。
3. 播放器播放歌曲 && 迷你播放器。
4. 三种播放模式 && 历史播放列表。
5. 接口分页`Mixin`,抽象分页请求的逻辑 + 自定义命名空间。
6. 数据层:`adapter` + `service`接口,良好的数据过滤与清洗。
7. 页面缓存 + 布局配置
8. ...### Online