Vue3 + vite + pinia + ts 实现网易云音乐小程序、h5 等多端应用，基于 uni-app

日升学长

2022-05-17 1,192 阅读1分钟

介绍

效果图（支持夜间模式）

手机号登录
账号密码
验证码登录
注册账号
邮箱登录
歌单广场
所有榜单
全功能播放器
代播列表
插播列表（优先于播放队列）
歌单详情页
用户详情页
艺人详情页
动态详情页
日推
FM
听歌打卡
评论详情页，评论点赞，长按复制
收藏/取消收藏歌单
保存图片
虚拟滚动列表（真有 10000 首歌的歌单）

安装教程

git clone gitee.com/imzusheng/n…
cd netease-music-uniapp
npm i 或 yarn

!注意：运行 微信小程序 需要修改 manifest.json 文件下 mp-weixin.appid，运行 h5 要注意 vite.config.ts 下的 base 路径，src/common/apiService.ts 下的 baseURL 是自建服务器，短期内不会失效，觉得慢可以换成自己的