更新
- 首页逻辑更新
- 首页排行榜更换为qq音乐热门歌单
- 搜索实现
- 搜索页逻辑实现
首页
经过商讨决定将排行榜换为热门歌单,使用的api是用浏览器开发者工具找的,返回的结果不止热门歌单,还包括新歌,新专辑,榜单等等
https://u.y.qq.com/cgi-bin/musicu.fcg?-=recom9453221309398254&g_tk=425033681&loginUin=1182753154&hostUin=0&format=json&inCharset=utf8&outCharset=utf-8¬ice=0&platform=yqq.json&needNewCode=0&data=%7B%22comm%22%3A%7B%22ct%22%3A24%7D%2C%22category%22%3A%7B%22me
thod%22%3A%22get_hot_category%22%2C%22param%22%3A%7B%22qq%22%3A%22%22%7D%2C%22module%22%3A%22music.web_category_svr%22%7D%2C%22recomPlaylist%22%3A%7B%22method%22%3A%22get_hot_recommend%22%2C%22param%22%3A%7B%22async%2
2%3A1%2C%22cmd%22%3A2%7D%2C%22module%22%3A%22playlist.HotRecommendServer%22%7D%2C%22playlist%22%3A%7B%22metho
d%22%3A%22get_playlist_by_category%22%2C%22param%22%3A%7B%22id%22%3A8%2C%22curPage%22%3A1%2C%22size%22%3A40%2C%22order%22%3A5%2C%22titleid%22%3A8%7D%2C%22module%22%3A%22playlist.PlayListPlazaServer%22%7D%2C%22new_song%22%3A
%7B%22module%22%3A%22newsong.NewSongServer%22%2C%22method%22%3A%22get_new_song_info%22%2C%22param%22%3A%7B%2
2type%22%3A5%7D%7D%2C%22new_album%22%3A%7B%22module%22%3A%22newalbum.NewAlbumServer%22%2C%22method%22%3A%22get_new_album_info%22%2C%22param%22%3A%7B%22area%22%3A1%2C%22sin%22%3A0%2C%22num%22%3A10%7D%7D%2C%22new_
album_tag%22%3A%7B%22module%22%3A%22newalbum.NewAlbumServer%22%2C%22method%22%3A%22get_new_album_area%22%2C%22param%22%3A%7B%7D%7D%2C%22toplist%22%3A%7B%22module%22%3A%22musicToplist.ToplistInfoServer%22%2C%22method%22%3A%
22GetAll%22%2C%22param%22%3A%7B%7D%7D%2C%22focus%22%3A%7B%22module%22%3A%22QQMusic.MusichallServer%22%2C%22method%22%3A%22GetFocus%22%2C%22param%22%3A%7B%7D%7D%7D
点击跳转时,获取 .currentTarget.dataset.id,然后url传参来区分不同歌单
简单的加载显示,通过在wxml里给view添加
wx:if='{{!loading}}'
onLoad里添加
wx.showLoading({
title: '加载中',
})
加载完成执行
wx.hideLoading()
然后setData里将loading置为false
搜索页
实现了网易云,qq音乐,酷狗3个平台的搜索,以及点击返回对应列表歌曲信息,及当前选择项
获取搜索结果时,如果data中是置为null,searchResult:null
那么在给结果赋值时,如果想数组单项赋值可以采取setData加ES6 的 模板字符串 和 属性名表达式的方式,要是直接=赋值,会出现报错
that.setData({
[`searchResult[${i}].singer`]: res.data.xxx,
})
注意在项目配置里面开启ES6 转 ES5,不是单引号’,是`
通过点击时改变TabCur来区分显示不同搜索结果