Commonly used pop-up windows for WeChat applets

Official document

wx.showToast


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

icons correspond to

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: () => {
    
    }
});

Insert picture description here

wx.showActionSheet


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

Insert picture description here

Guess you like

Origin blog.csdn.net/weixin_44797182/article/details/113946261