IT的开始之路——微信小程序（3）

时间 2019-11-29

标签开始之路微信程序繁體版

原文原文链接

操做反馈提示框(按下按钮后弹出反馈提示框)html

loading & toast函数

loading：等待提示框（如图一所示）this

　　　（图一）xml

代码：htm

　　.wxmlblog

<button type="primary" bindtap='click'>按钮</button> 

<loading hidden="{{loadingHidden}}">//loadingHidden控制loading是否显示
     等待...
  </loading>

　　.wxjsio

 data: {
    loadingHidden:true
  },

// 按 钮
  click:function(){
    this.setData({ loadingHidden:false});
  },

　　toast:确认提示框（如图二所示）ast

　　　　（图二）function

代码：class

.wxml

<button type="primary" bindtap='click'>按钮</button>

 <toast hidden="{{ toastHidden}}" duration="3000" bindchange="toastChange" >
     默认
     </toast>
//duration:定时调用 bindchange邦定的函数（该实例中的toastChange）

　　.wxjs

  data: {
    toastHidden:true
  },

  // 按 钮
  click:function(){
    this.setData({ toastHidden:false});
  },