美文网首页
学习微信小程序

学习微信小程序

作者: 前端一枝草 | 来源:发表于2018-04-03 20:27 被阅读0次

    交互反馈:

    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

    })

    })

    相关文章

      网友评论

          本文标题:学习微信小程序

          本文链接:https://www.haomeiwen.com/subject/iggchftx.html