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

代码更新
今天只是简单看了一下歌手页面的需求,以及歌手接口数据的获得。
主要更新代码列表如下:
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
组件(本节重点)- 最后,添加一个图片懒加载效果。
网友评论