底部组件播放功能

渲染、导入部分都大同小异，接下来直接快进到底部组件播放功能~！

1、导入audio标签

注：（1）controls可以让这个播放器显示出来

       （2）当获取到音乐的 id 后即可播放

 

 

 

 2、

paused为true音乐暂停，如果想使音乐播放则调用audio里面的play方法

逻辑：如果播放器为暂停状态，点击就可以播放，如在播放中，那么点击之后就暂停

3、在解决播放图标和暂停图标的显示问题

逻辑：

播放的时候显示

 

 ----

暂停的时候显示

我们使用一个布尔值来判断

我们去全局store中定义一个变量isbtnShow来控制播放按钮的显示，并且控制isbtnShow的状态

 

导入、解构一下

 

 

写好逻辑

 

 再用v-if条件渲染 

 

功能实现