学习微信小程序

交互反馈：

wx.showToast({    提示  但会自动下消失

title:"收藏成功"  提示文字 可以卸载某个函数中

})

比如  onclick:function(){

wx.showToast({

title:"收藏成功" 

})

个人习惯 数组可以用s与单一分开

如何吧收藏与取消收藏分开

title:collection?"收藏成功":"取消收藏"

                真          假

}

duration：1500    提示的延长时间  毫秒  提示完之后会消失

icon:"success"  默认succees  只有success 和loading  两种  是一种图标 装饰title

onclick:function(){

wx.showToast({

title:"收藏成功"，

success:function(){

} 

})

wx.showMoadl({    提示框 不会自动消失

      title:"shoucang",

      content:"",

      showCancel:"true",

      cancelText:"bushoucang",

      cancelColor:"#333",

      confirmText:"shoucang",

      confirmColor:"#456",

})

onclick:function(){

wx.showActionSheet({

  itemList:[

    "分享给微信好友",

    "分享到朋友圈",

    "分享到QQ",

    "分享到微博"            出现分享的列表

],

itemColor:"#ccc",  字体颜色

  success:function(res){

    res.cancel 用户是不是点击了取消,

    res.tapIndex  点击的数组元素中的第几个

})

          }

}

异步获取缓存

get:function(){

var that=this;

wx.getStorage({

  key:"collected",

  success:function(res){  res 获取的缓存的值

      var  collects=res.data;

      var  collect=collects[that.data.id]

}

})

}

音乐播放控制

onmusictap:function(event){

    var isPlayingMusic=this.data.isPlayingMusic;

    if(isPlayingMusic){

      wx.pauseBackgroundAudio();    暂停

  this.setData({ isPlayingMusic:false})   

                      }

    else{

    wx.playBackgroundAudio({

    dataUrl:"", 音乐链接

    title:"" ,标题

    coverImgUrl:"",图片链接

    })

    this.setData({

    isPlayingMusic:false;

      })

    }

}

判定变量是真假 可以另一种方法

src="{{isPlayingMusic? '/images/music/music-stop.png': '/images/music/music-start.png'}}"

音乐总开关 与单个之间的同步

onload：

var thst=this

wx.onBackgroundAudioPlay(function(){

  that.setData({

  isPlayMusic:true

})

})

wx.onBackgroundAudioPause(function(){

  that.setData({

  isPlayMusic:false

})

})