五、歌手页面开发(一)

本节总览

本节代码提交至:chapter5
效果预览:

2054455-f5d3e5483cdca14b.png
vue-music.png


代码更新

今天只是简单看了一下歌手页面的需求,以及歌手接口数据的获得。
主要更新代码列表如下:

src/components/singer/singer.vue
src/api/singer.js
src/base/listview
src/common/js/singer.js

本节代码思路:
  • 首先通过扣扣音乐官方,找到并分析歌手列表的接口(学习中的视频接口未找到)
  • 依照前面写好的recommend的api(jsonp),将接口url以及不同的参数传入。
  • 编写歌手列表singer.vue,将从接口获取的歌手数据进行二次处理存储使用(本节重点)
  • 开发listview组件:引入之前写好的scroll组件,在scroll组件中写listview组件(本节重点)
  • 最后,添加一个图片懒加载效果。
歌手页面右侧的字母索引以及主页面title的置顶与切换效果,下节更新。

猜你喜欢

转载自blog.csdn.net/weixin_34015566/article/details/86948424