# VUE3-MUSIC
基于 VUE3+TS 开发的音乐播放器,界面模仿QQ音乐mac客户端。
在线体验:[https://smallruraldog.github.io/vue3-music](https://smallruraldog.github.io/vue3-music)
将浏览器大小设置成1050*670,体验效果更好!界面是自适应的,使用[tailwindcss.com](https://www.tailwindcss.com)来实现
手机端未适配,后期会使用[Flutter](https://flutter.dev)单独开发手机客户端,使用[Electron](https://www.electronjs.org)打包桌面客户端并内置API服务
在线演示为了安全考虑,不提供API接口服务,需要准备好自己的API服务地址,并且是HTTPS的,没有HTTPS的服务,可以本地运行,首次打开时会要求设置API地址
## 本地安装
```
git clone https://github.com/SmallRuralDog/vue3-music.git
cd vue3-music
yarn
yarn run dev
```
## 网易云音乐API
需要运行API服务才能正常体验
[开发文档](https://binaryify.github.io/NeteaseCloudMusicApi)
## UI
![image-20220310123410770](ui/image-20220310123410770.png)
![image-20220310123530635](ui/image-20220310123530635.png)
![image-20220310123634367](ui/image-20220310123634367.png)
![image-20220310123722684](ui/image-20220310123722684.png)
![image-20220310123456071](ui/image-20220310123456071.png)
![image-20220310123545606](ui/image-20220310123545606.png)
![image-20220310123650090](ui/image-20220310123650090.png)
![image-20220310123738142](ui/image-20220310123738142.png)
## PS
通过此开源项目学习VUE3的强大..加油!
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
VUE3-MUSIC音乐播放器 (159个子文件)
vendor.77ac5f7b.css 34KB
index.eec43999.css 19KB
Root.e6a672cb.css 18KB
el-tab-pane.29573fb9.css 15KB
Mv.8cac6744.css 6KB
el-popper.24515e58.css 5KB
ArtistDetail.3bc343f2.css 3KB
el-image-viewer.ac997372.css 2KB
CoverPlay.33350ebd.css 1KB
el-avatar.00087837.css 865B
SongListItem.6fa5a73e.css 399B
Artist.dfdd0cc6.css 351B
Music.e9b17b81.css 107B
PlayList.1f8f2eb4.css 81B
.gitignore 300B
index.html 614B
index.html 339B
favicon.ico 4KB
favicon.ico 4KB
vendor.9760fa8a.js 348KB
index.373df683.js 132KB
Mv.34913284.js 83KB
Root.9a2da039.js 32KB
ArtistDetail.a9400840.js 10KB
PlayList.7ad8eb52.js 4KB
SongListItem.f4bd4734.js 3KB
Artist.0d846367.js 3KB
Album.402a1341.js 3KB
IconPark.402beefe.js 3KB
Discover.38e1e773.js 2KB
Category.0252e828.js 2KB
CoverPlay.d639e45b.js 2KB
Video.94189c43.js 2KB
PlayTwo.fe71fa6d.js 2KB
TopList.33e44e27.js 2KB
Picked.0c25147a.js 2KB
Fm.46f05eb0.js 1KB
Music.70c8366c.js 1KB
mvDetail.aa81123a.js 713B
el-image-viewer.a8b12883.js 625B
video.3500c715.js 569B
music.991378cb.js 447B
PlayOne.e72f474c.js 398B
Right.083d6647.js 368B
tailwind.config.js 204B
DJ.e0f4dc6a.js 146B
plugin-vue_export-helper.21dcd24c.js 89B
postcss.config.js 82B
package.json 1KB
tsconfig.json 342B
tsconfig.vite-config.json 167B
yarn.lock 98KB
README.md 1KB
image-20220310123410770.png 1.01MB
image-20220310123456071.png 1.01MB
image-20220310123530635.png 454KB
image-20220310123545606.png 453KB
image-20220310123738142.png 449KB
image-20220310123722684.png 448KB
image-20220310123634367.png 369KB
image-20220310123711552.png 369KB
image-20220310123718015.png 369KB
image-20220310123650090.png 369KB
logo.png 13KB
logo.601c4b06.png 13KB
OpticalDisk.png 7KB
OpticalDisk.4907c891.png 7KB
base.scss 2KB
theme.scss 1KB
logo.svg 308B
player.ts 7KB
api.ts 6KB
personalized.ts 5KB
playlist.ts 5KB
index.ts 4KB
artist_detail.ts 3KB
video.ts 3KB
http.ts 3KB
components.d.ts 3KB
useMenu.ts 2KB
search.ts 2KB
extend.ts 2KB
video.ts 2KB
song.ts 1KB
music.ts 1KB
user.ts 1KB
MusicController.ts 1KB
toplist_detail.ts 979B
user.ts 809B
vite.config.ts 802B
song_url.ts 731B
number.ts 649B
artist.ts 632B
album.ts 616B
search.ts 592B
playlist_hot.ts 524B
personalized.ts 492B
host.ts 477B
common.ts 418B
pages.ts 323B
共 159 条
- 1
- 2
资源评论
ivhhs
- 粉丝: 11
- 资源: 51
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功