您所在的位置: 下载吧  >  软件教程  >  聊天软件 > 正文

微信小程序新手教程toast组件

  • 时间:2017-01-04 15:06
  • 来源:下载吧
  • 编辑:xwgod

  微信小程序新手教程toast组件,本篇默认已经成功安装微信小程序工具,来和下载吧小编一起看看吧

微信小程序新手教程toast组件

  

微信小程序新手教程toast组件

toast消息提示框,可用在提示一些信息,比如清楚缓存给用户一个友好的提示!或操作一些请求不想让用户有什么操作,toast也可以做到因为toast显示时其他操作是无效的

主要属性:

微信小程序新手教程toast组件

wxml

<!--点击button触发toast--><button type="primary" bindtap="listenerButton">点击显示toast</button><!--toast消息框显示3秒,并绑定事件--><toast hidden="{{hiddenToast}}" duration="3000" bindchange="toastHidden" >OK!</toast>

js

Page({
   data:{    // text:"这是一个页面"
     hiddenToast: true
   },/**
  * 监听button点击事件
  */
   listenerButton: function() {
       this.setData({
           hiddenToast: !this.data.hiddenToast
       })
   },  /**
    *    toast显示时间到时处理业务 
    */
   toastHidden:function(){
       this.setData({
           hiddenToast: true
       })
   },
 
   onLoad:function(options){
     // 页面初始化 options为页面跳转所带来的参数
   },
   onReady:function(){
     // 页面渲染完成
   },
   onShow:function(){
     // 页面显示
   },
   onHide:function(){
     // 页面隐藏
   },
   onUnload:function(){
     // 页面关闭
   }
 })

  目前微信小程序还没有正式上线,在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序--嗨图!大家可以直接在这个微信小程序上DIY自己的照片,先来看看具体嗨图有些什么功能吧!

  微信小程序嗨图功能

微信小程序新手教程toast组件

  1、专题——DIY图片的模板,点击可以生成使用,分享到朋友圈。

  2、分享墙——用户上传的自己DIY作品。

  3、立即制作——可以用自己的图来DIY。

  4、告诉我——告诉产品的改进,内容的增加。

  想要体验怎么制作属于自己个性朋友圈照片的用户,等1月9号微信小程序上线后,扫一扫下面的二维码就可以啦!还等什么,赶紧扫码体验,开启你的嗨图之旅吧!

微信小程序新手教程toast组件

人气排行