uni-app 写了一个网易云微信小程序

uni-app 写了一个网易云微信小程序

1、项目介绍

  • uni-app、vue、小程序集于一身的实战,很好的一个练手项目。包括:云音乐首页分类、音乐列表页展示、音乐详情页、音乐播放器、推荐音乐、用户留言、音乐搜索、加载骨架屏等实现。
    uni-app 写了一个网易云微信小程序_第1张图片
    uni-app 写了一个网易云微信小程序_第2张图片

优化内容: ①修复list.vue接口问题; ②优化detail部分样式,增加网易云logo; ③代码各个地方都有详细注释;④增加index.vue登录功能;⑤增加dateil.vue底部播放栏;⑥新增登录注册功能;

下载地址 https://blog.csdn.net/weixin_44019370/article/details/118109692 拿走不谢;

防止丢失,github点个Follow关注我、点个Star支持我就行!!

uni-app 写了一个网易云微信小程序_第3张图片
uni-app 写了一个网易云微信小程序_第4张图片
⚡后端接口地址 https://github.com/Binaryify/NeteaseCloudMusicApi

项目下载地址 https://github.com/kuishou68/neteaseMusic

github下载比较慢的话,可以用这个链接 https://gitee.com/lingxiu5858/neteaseMusic

2、 项目搭建流程

uni-app 写了一个网易云微信小程序_第5张图片
uni-app 写了一个网易云微信小程序_第6张图片
uni-app 写了一个网易云微信小程序_第7张图片

可以拿真实的网易云微信小程序做个对比
uni-app 写了一个网易云微信小程序_第8张图片

  • 开源不易,球球路过的大哥点个Follow、点个Star再走吧! https://github.com/kuishou68
    uni-app 写了一个网易云微信小程序_第9张图片

  • 项目下载地址 https://github.com/kuishou68/neteaseMusic
    uni-app 写了一个网易云微信小程序_第10张图片

3、必要配置

3.1.️代码中很多地方都加入了注释,看不懂代码的可以看注释。
uni-app 写了一个网易云微信小程序_第11张图片

3.2.其中用到了骨架屏,下载地址 https://ext.dcloud.net.cn/plugin?id=1439uni-app 写了一个网易云微信小程序_第12张图片

3.3.两种安装方式,自行选择。
uni-app 写了一个网易云微信小程序_第13张图片

3.4.选择要导入的项目。
uni-app 写了一个网易云微信小程序_第14张图片

3.5.安装好后 components下会多出个文件
uni-app 写了一个网易云微信小程序_第15张图片


3.6.还会用到scss/sass编译
uni-app 写了一个网易云微信小程序_第16张图片

3.7.一样的步骤,打开HBuider安装就行。
uni-app 写了一个网易云微信小程序_第17张图片

你可能感兴趣的:(Vue,uni-app,vue,uni-app,小程序)