小程序学习（6）——在现有基础上做音乐组件

在之前的基础上已经将前边的界面搭配的基本上是可以看了，这个时候做我们的音乐播放功能。大体功能其实和收藏功能类似。

前边已经完成了以下内容

我们要做的就是在这个上边可以播放音乐，即一点击音乐按钮即播放音乐。

一、播放功能实现

首先在前端“.wxml”中的音乐图标上写上一个点击事件。来响应我们点击时的变化。catchtap="onMusictap"

在脚本文件中开始对点击事件的描述
1、因为每篇文章的音乐肯定是不一样的，所以我们需要把每篇文章的ID都要获取到，才可以区分每一篇文章的音乐。
方法与之前类似，通过data中自定义的一个变量来接收ID的值

var musicID=this.data.currentPostId;

2、通过数据文件的id来获取状态
因为没有绑定数据库，文件都是写在数据文件中的，所以我们来获取状态

var luoji = newlistDB.newslist[musicID].music;

3、现在我们就到了考虑改变播放按钮改变的地方，点击播放是一个样子，暂停是一个样子。musictab是一个状态，用来判断图标是否改变，做成了本脚本文件的全局变量，存放在data中。默认为fa