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

学习微信小程序

作者: 前端一枝草 | 来源:发表于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://gi...

  • 微信小程序基础

    微信小程序介绍微信小程序开发工具的使用微信小程序框架文件微信小程序逻辑层微信小程序视图层微信小程序组件介绍微信小程...

  • 微信小程序知识总结及案例集锦

    微信小程序知识总结及案例集锦 微信小程序的发展会和微信公众号一样,在某个时间点爆发 学习路径 微信小程序最好的教程...

  • 微信小程序教程、微信小程序开发资源下载汇总(6.16日更新,持续

    摘要:微信小程序教程合集、微信小程序开发资源合集、微信小程序DEMO合集、微信小程序商店合集、微信小程序经验合集、...

  • 小程序学习笔记-setData()使用和注意事项

    微信小程序学习笔记-setData()使用和注意事项 微信小程序 setData() 使用:Page.protot...

  • 微信小程序 - 收藏集 - 掘金

    一起脱去小程序的外套 - 微信小程序架构解析 - 前端 - 掘金 导语 微信小程序的公测掀起了学习小程序开发的浪潮...

  • 微信小程序

    1.前言 关于微信小程序的介绍我就不说了,因为兴趣所致,所以学习下微信小程序 注:微信小程序文档https://m...

  • 微信小程序学习点滴

    **微信小程序学习点滴**《一》:如何获取时间,页面跳转,传递参数 **微信小程序学习点滴**《二》:开发者工具快...

  • 微信小程序的概要

    微信小程序的概要 学习小程序要了解一下什么事小程序,小程序开发前需要做哪些准备,微信小程序开发工具的使用,小程序中...

  • 微信小程序简易教程

    本文几乎完全参考微信公众平台小程序简易教程,目的在于供一个学习微信小程序的入口,另外随着小程序的学习,我会逐渐加上...

网友评论

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

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