小程序弹框

带确认提示框

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

只有确认按键，没有取消

 wx.showModal({
        title: '提示',
        content: '购买成功',
        showCancel: false,
 })

直接弹框

    wx.showToast({
      title: '成功提示！',
      icon: 'success',
      duration: 2000 //持续的时间
    })

请稍后

    wx.showToast({
      title: '等待中...',
      icon: 'loading',
      duration: 2000//持续的时间
    })

无图片

    wx.showToast({
      title: '您好，加油~',
      icon: 'none',
      duration: 2000//持续的时间
    })

弹框选择

    wx.showActionSheet({
      itemList: ['A', 'B', 'C'],
      success: function (res) {
        if (!res.cancel) {
          console.log(res.tapIndex) //这里是点击了那个按钮的下标
        }
      }
    })

弹框带输入框内容

Page({
  //拒绝
  close(e) {
    wx.showModal({
      editable:true,//显示输入框
      placeholderText:'输入拒绝原因',//显示输入框提示信息
      success: res => {
        if (res.confirm) { //点击了确认
          console.log(res.content)//用户输入的值
        } else {
          console.log('用户点击了取消')
        }
      }
    })
  },
})

请求加载中

// 显示加载动画
wx.showLoading({
  title: '加载中',
})
 
// 进行网络请求
wx.request({
  url: 'https://example.com/api/data', // 你的API地址
  success: (res) => {
    // 请求成功处理
    console.log(res.data);
  },
  fail: (err) => {
    // 请求失败处理
    console.error(err);
  },
  complete: () => {
    // 请求完成，关闭加载动画
    wx.hideLoading();
  }
})

提示框倒计时3秒后执行

 wx.showToast({
                    title: '设置成功！',
                    icon: 'success',
                    duration: 3000,
                    success: function () {
                        //弹窗后执行，可以省略
                        setTimeout(function () {
                            wx.showModal({
                                title: '温馨提醒',
                                content: '是否启动设备？',
                                success: function (res) {
                                    if (res.confirm) {
                                        wx.navigateTo({
                                            url: '/pages/startDevice/startDevice',
                                        })
                                    } else {}
                                }
                            })
                        }, 3000);
                    }
                })