基于
微信小程序
与 Binaryify/NeteaseCloudMusicApi 开发页面主要参考QQ音乐官方小程序样式
技术栈主要是:
typescript + less + vant + HYEventStore
项目所使用的 iconfont 都是我自己画的,有需要可以喊我给你SVG图标。
本项目纯属练手项目,未进行任何商业使用。
启动后端接口服务
git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git
cd NeteaseCloudMusicApi
yarn install
yarn start
接下来启动前端项目
git clone https://github.com/ymy0622/music-miniprogram.git
cd music-miniprogram
npm install
在微信开发者工具中打开并构建npm:工具->构建npm
-
用户登陆
-
热门歌单
-
巅峰榜
-
歌曲播放页面
-
歌词滚动
-
歌曲切换播放模式(列表播放/单曲循环/随机播放)
-
切换上一首/下一首
-
搜索功能
-
搜索(包含单曲/歌单/视频/歌手/专辑/电台/用户)
-
推荐视频
-
MV排行
-
视频播放
-
歌手页面
下面列出效果图
如果发现什么问题,欢迎能够提交issues
,发现之后我会及时进行更正,欢迎 star
和 fork
,感谢大家支持。
鸣谢 Binaryify