微信小程序-提示组件

// 显示加载中：wx.showLoading()
wx.showLoading({
    // 文案
    title: '加载中...',
    // 透明蒙层
    mask: true
})
// 关闭加载中 wx.hideLoading()
// 一般用于网络请求处理完成时
setTimeout(() => {
    wx.hideLoading()
}, 3000)
// 结果反馈api   wx.showToast()
wx.showToast({
    title: '登录成功！',
})
wx.showToast({
    title: '登录失败！',
    icon: "error"
})
// 显示模态窗口
wx.showModal({
    // title: "请确认",
    content: "确定要消费吗？",
    success: res => {
        if (res.confirm) {
            wx.showToast({
                title: '消费成功',
            })
        } else if (res.cancel) {
            wx.showToast({
                title: '消费失败',
            })
        }
    }
})

// 界面提示
    // 加载中
    wx.showLoading({
      title: '加载中....',
    })
    setTimeout(()=>{
      wx.hideLoading()
    },2000)
    // 轻提示
    wx.showToast({
      title: '成功了',
    })
    wx.showToast({
      icon:"error",
      title: '失败了',
    })
    // 确认框
    wx.showModal({
      title: '确定购买吗?',
      content: '需要支付10元',
      complete: (res) => {
        if (res.cancel) {
          console.log('取消');
        }
        if (res.confirm) {
          console.log('确认');
        }
      }
    })