微信小程序 (小白求解答)怎么让控制按钮到图片中央?点击图片后三角变两竖线 暂停又回到三角

图片说明

wxml:


.js

// index/ME/me.js
Page({

/**

  • 页面的初始数据
    */
    data: {
    isPlayingMusic: false,
    musimg : "1.PNG"
    },

    onMusicTap: function(event) {

    var isPlayingMusic = this.data.isPlayingMusic;
    console.log(isPlayingMusic);
    if (isPlayingMusic) {
    wx.pauseBackgroundAudio();
    // 设置setData值,前端界面才能读取到isPlayingMusic是值,以下同理
    this.setData({
    isPlayingMusic: false
    })

    console.log("pauseBackgroundAudio");
    } else {
    wx.playBackgroundAudio({
    dataUrl: 'http://music.163.com/song/media/outer/url?id=574919767.mp3',
    title: '不要平凡',
    coverImgUrl: '',

    })
    this.setData({
    isPlayingMusic:true
    })

    console.log(isPlayingMusic);
    }

    },
    /**

  • 生命周期函数--监听页面加载
    */

    onShareAppMessage: function () {

    }
    })

https://blog.csdn.net/lonely_devil/article/details/100742694