仿网易云音乐小程序-uniapp

前言

可直接访问Gitee：https://gitee.com/wenqingkey/wenqing-music

本项目使用uniapp + node.js构建。
本项目仅用于学习。

关于后端

node后台

网易云音乐 Binaryify/NeteaseCloudMusicApi

接口文档

网易云音乐 NodeJS 版 API

参考项目

本项目参考千锋uni-app框架实战网易云音乐项目并在其基础上做了优化

解决榜单列表页与歌曲播放页filter背景模糊白边问题
解决歌曲播放页一些歌曲封面比较白、亮作为背景会导致页面文字不清晰的问题
优化很多地方文本溢出问题(包括各页面歌名，歌词、页面标题…)
优化歌曲多个歌手显示问题
优化歌单播放完成最后一首歌无下首歌曲与搜索歌曲播放完报错问题
新增播放/暂停时摇杆动画效果
使用setTimeout替换setInterval(为什么要用 setTimeout 替换 setInterval)
使用scss替换css(个人习惯)
新增歌曲搜索框进入页面与清除内容自动聚焦
新增热评与最新评论切换显示功能
解决微信小程序端返回上一页/返回主页按钮组与小程序自带的胶囊按钮对齐问题，比如刘海屏、水滴屏会有错位

在线预览

温情云音乐

效果展示

首页

排行榜详情页

歌曲播放页

暂停	播放
最热	最新

搜索页

搜索

提示

结果

运行项目

git clone https://gitee.com/wenqingkey/wenqing-music.gitnpm install

因为是 uniapp 项目所以介意使用 HBuilder 直接在工具栏->运行中运行

联系我

如有疑问

仿网易云音乐小程序-uniapp相关推荐

简单的仿网易云音乐小程序（总结）
简单的仿网易云音乐小程序(总结) 这个小程序学到了以下知识点配置网络请求进行网络请求进行音乐播放进行模版使用各种页面触发事件输入框的使用简单的自定义tab页面切换导航的数据传输
简单的仿网易云音乐小程序（一）
简单的仿网易云音乐小程序(一) 前言思维图注意事项虚拟机调试真机调试主页面搜索框歌单列表歌单模版 wxs filter 页面逻辑等待搜索页面搜索框 clearValue start ...
网易云音乐小程序，带后台（SpringBoot）
目录 1.简介 2.技术栈 3.环境 4.项目后台配置 5.项目展示 6.下载地址 1.简介此系统是仿网易云音乐网易云音乐是一款专注于发现与分享的音乐产品,依托专业音乐人.DJ.好友推荐及社交功能 ...
taro 重新加载小程序_taro-music一款开源网易云音乐小程序
简介 taro-music 是基于taro + taro-ui + redux + react-hooks + typescript 开发的网易云音乐小程序,目前正在使用react-hooks重构中. ...
网易云音乐小程序案例分享附完整代码
todo: 添加音乐到收藏(最近)列表歌词滚动从一个 hello world 开始微信开发者工具生成目录如下: . |-- app.js |-- app.json |-- app.wxss | ...
网易云音乐小程序登录接口显示400，拥挤问题解决
有在做网易云登录接口的小伙伴会发现自己会出现如下问题解决办法: 用这个接口:https://neteasecloudmusicapi.js.org/#/ 配置好,先cmd,再npm i,如果出现np ...
网易云音乐小程序笔记
小程序750px html 双引号 js 单引号 flex布局:弹性盒子授权动作只发生一次获取用户信息 flex-direction: column; // 修改flex主轴x修改为y lign- ...
网易云音乐排行榜接口取消后解决方法（网易云音乐小程序）
解决办法: 结合"所有榜单"和"获取歌单详情"两个api获取.因为获取歌单详情api只能获取单个歌单的内容,所以要先获得多个歌单id. 完整代码: let to ...
微信小程序仿网易云音乐（使用云开发，提供源码）
微信小程序仿网易云音乐(使用云开发,提供源码)!!!!!!!!!!! 源码: 链接:https://pan.baidu.com/s/1z_ZnRVbT4vjEENimi8yBQQ 提取码:u0o3 一 ...
仿网易云音乐（微信小程序版）
项目部分截图(Gif) 前言前一阵子学习了微信小程序,为了巩固所学的知识和提高实战经验,决定自己手撸一款小程序.因为听歌一直在用网易云音乐,所以突发奇想就做一款仿网易云音乐的小程序吧!开发中遇到了很 ...