首页,搜索页基本完善

更新

  • 首页逻辑更新
  • 首页排行榜更换为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&notice=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来区分显示不同搜索结果

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值