微信小程序常用弹窗

官方文档

wx.showToast


    wx.showToast({
      title: '加载',
      icon: 'none',  //success error loading none
      image: '',
      duration: 9500,
      mask: false,
      success: (result) => {
        
      },
      fail: () => {},
      complete: () => {}
    });

icon分别对应

wx.showModal

    wx.showModal({
      title: '加载',
      content: '内容',
      showCancel: false,  //是否显示取消按钮
      cancelText: '取消',
      cancelColor: '#000000',
      confirmText: '确定',
      confirmColor: '#3CC51F',
      success: (res) => {
        if (res.confirm) {
          console.log('用户点击确定')
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      },
      fail: () => {},
      complete: () => {}
    });

wx.showLoading

wx.showLoading({
  title: '加载',
  mask: true,
  success: (result) => {
    
  },
  fail: () => {},
  complete: () => {}
});

在这里插入图片描述

wx.showActionSheet


wx.showActionSheet({
  itemList: ["A","B"],
  itemColor: '#000000',
  success (res) {
    console.log(res.tapIndex)
  },
  fail: () => {},
  complete: () => {}
});

在这里插入图片描述

posted @ 2022-04-02 09:46  coderwcb  阅读(16)  评论(0)    收藏  举报