22.music-歌曲封面

歌曲封面
1.更盖封面主要是更改image的src
2.封面获取
3.封面设置v-bind

歌曲详情获取(以下为黑马程序员课程提供)
-请求地址:https://autumnfish.cn/song/detail
-请求方法:get
-请求参数:ids(歌曲id)
-响应内容:歌曲详情(包括封面信息)

设置好之后

axios.get("https://autumnfish.cn/song/detail?ids=" + musicId).then(        function(response) {           console.log(response);        },        function(err) {}      );

我们可以获取到

接着获取封面

              axios.get("https://autumnfish.cn/song/detail?ids="+musicId)              .then(function(response){                //console.log(response)                console.log(response.data.songs[0].al.picUrl)                that.musicPic = response.data.songs[0].al.picUrl;              },function(err){})            }

</div>         <!-- 歌曲信息容器 -->         <div class="player_con">          <img src="image/player_bar.png" class="play_bar" />          <!-- 黑胶碟片 -->          <img src="image/disc.png" class="disc autoRotate" />          <img  :src="musicPic" class="cover autoRotate" />          <!-- 放上封面 -->        </div>

就完成了封面设定

参考资料:
https://www.bilibili.com/video/BV1HE411e7vY/?p=33&share_source=copy_web&vd_source=85a8c5bb37dc77d30860d2b3537de967