微信小程序交互反馈

loading组件

提示信息及动画图标的一个组件,主要属性hidden,通过这个属性来控制组件的显示与否,可设置bindtap响应单击触碰事件

<loading hidden="{{load}}">{{minute}}秒重置</loading>

toast组件

• hidden
• duration
  当hidden等于false,触发bindchange事件的延迟,默认1500,将组件显示出来后,1.5秒后触发bindchange
• bindchange
  设置duration延时后触发的事件函数

<view><toast hidden="{{toastHidden}}" bindchange="toastChange" duraction="5000">5秒后退出</toast></view>

接口函数wx.showToast

• title
  显示提示内容,必须设置的属性
• icon
  用来设置提示框中的图标,只支持success和loading
• duration
  设置提示框的延迟时间,默认1500,最大可设置10000
• success
  回调函数，接口调用成功后将执行
• fail
• complete

modal组件

弹出框组件，可得到用户的反馈

• title
  设置对话框的标题
• hidden
  默认false
• no-cancel
  设置是否隐藏canel(取消)按钮,默认false,不隐藏
• confirm-text
  confirm确定按钮的文字,默认为"确定"
• cancel-text
  cancel按钮的文字,默认为"取消"
• bindconfig
  设置单击confirm按钮时执行的回调函数
• bindcancel
  设置单击cancel按钮和点击屏蔽层时执行的回调函数

接口函数wx.showModal

参数是object对象

• title
  设置提示的标题,必须,可以设置空字符串
• content
  设置提示的内容,必须的属性
• showCancel
  设置是否显示取消按钮,默认为true
• cancelText
  设置取消按钮上显示的文字,默认"取消"
• cancelColor
  设置取消按钮的文字颜色,默认#000000
• confirmText
  设置确定按钮上显示的文字
• confirmColor
  设置去顶按钮上文字的颜色,默认为#3cc51f
• success
  接口调用成功的回调函数,返回res.confirm==1(非0为真),表示用户点击确定按钮
• fail
• complete

action-sheet组件

action-sheet组件是从底部弹出可选菜单项,有两个子组件,其中一个名为action-sheet-item表示每个菜单选项,可以多个；action-sheet-cancel子组件,并显示在所有可选菜单项的下方,点击action-sheet-cancel会触发action-sheet中的change事件,点击action-sheet-item不会触发

• hidden
• bindchange

action-sheet-item

action-sheet子组件，可以绑定bindtap等触碰事件

 <action-sheet hidden="{{actionSheetHidden}}"
      bindchange="actionSheetChange">
        <block wx:for="{{actionSheetItems}}">
        <action-sheet-item class="item" bindtap="bind{{index}}">{{item}}</action-sheet-item>
        </block>
        <action-sheet-cancel class="cancel">取消</action-sheet-cancel>
      </action-sheet>

接口函数wx.showActionSheet

• itemList
  菜单数组,最大6
• itemColor
  菜单项的文字颜色,默认#000000
• success
  接口调用成功函数
• fail
• complete

在success回调函数中将传入一个对象参数，对象中有一下参数

• cancel
  用户是否取消选择,当该值为true是表示用户选择"取消"菜单项
• tapIndex
  当用户不是点击取消菜单项时,该属性将返回用户点击菜单项的序号,按从上到下的顺序,从0开始