Bootstrap

小程序几种弹窗

1、模态框

wx.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  success (res) {
    if (res.confirm) {
      console.log('用户点击确定')
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
});

2、提示框

wx.showToast({
  title: '服务暂未开通',//限制7个汉字
  icon: 'none', //none 失败  loading 加载   success 成功
  duration: 2000 //两秒钟自动关闭
})

3、加载框

// 开始加载数据
wx.showLoading({
  title: ‘加载中‘,
})

// 数据加载完成,隐藏弹窗
wx.hideLoading()

4、输入框

	wx.showModal({
      title: '划转数量',
      editable:true,//显示输入框
      placeholderText:'输入划转数量',//显示输入框提示信息
      success: res => {
        if (res.confirm) { //点击了确认
          let val = res.content //输入的值
        }
      }
    })
;