wepy - 背景音频制作

<!-- paused 暂停 / running 开始 -->
<view class="m-music-img {{isplay?'m-img':''}}"  @tap="onmusicTap" style="animation-play-state: {{isplay?'running':'paused'}}" >

1、{{isplay?'m-img':''}} 三元运算符，当isplay为true 时添加类，否则移除

2、animation-play-state 属性规定动画正在运行还是暂停

<script>
import wepy from 'wepy';
var innerAudioContext; //全局定义变量
export default class Index extends wepy.page {
  // 页面渲染数据对象,数据绑定
  data {
    innerAudioContext: '',
    isplay: true,
  }
  // 页面开始播放
  onLoad(option = {}) {
    this.innerAudioContext = wx.createInnerAudioContext(); // 拿到API
    this.innerAudioContext.autoplay = true,  // 开始播放
    this.innerAudioContext.src = ''  // 音乐链接
  }
  methods = {
    onmusicTap() {
    //把 this对象复制到临时变量that
      var that = this
      // if判断
      if(that.isplay) {  // that 找到对象
        that.isplay = false
        this.innerAudioContext.pause()
      } else {
        that.isplay = true
        this.innerAudioContext.play()
      }
    }
  }
  <!-- end -->
}

</script>

参考文献：JS中的this关键字