微信小程序常见的交互反馈

一、单击删除按钮弹出确认取消框

第一步：添加单击事件

<button bind:tap='del'>删除</button>

第二步：编写单击事件js

  del(){
    wx.showModal({
      title: '提示',
      content: '是否确认删除',
      success :(res)=> {
        if (res.confirm) {
           console.log('用户点击确定')  //这里是单击确定执行的事件
        } else if (res.cancel) {
           console.log('用户点击取消')  //这里是单击取消执行的事件
        }
      }
    })
  },

二、单击弹出提示框

wx.showToast({

            title: '标题',

            icon: 'none',   下面还有四种icon图标类型
                 //  success	显示成功图标，此时 title 文本最多显示 7 个汉字长度
                 //  error	显示失败图标，此时 title 文本最多显示 7 个汉字长度
                 //  loading	显示加载图标，此时 title 文本最多显示 7 个汉字长度
                 //  none	不显示图标，此时 title 文本最多可显示两行，1.9.0及以上版本支持
            duration: 2000   //停留时间

          })

 三、单击弹出加载中的提示框

wx.showLoading({
  title: '加载中',
})

setTimeout(function () {
      wx.hideLoading()
    }, 2000)

 四、下方弹出选项

wx.showActionSheet({
  itemList: ['A', 'B', 'C'],
  success (res) {
    console.log(res.tapIndex)
  },
  fail (res) {
    console.log(res.errMsg)
  }
})