Vários métodos de prompt pop-up comuns para miniaplicativos WeChat

1. Texto de solicitação

Você pode definir a duração do tempo de exibição (usado apenas quando solicitado) para definir o tempo

O ícone não é exibido e o texto do título pode exibir até duas linhas neste momento

Ele também pode exibir o ícone e o texto do ícone exibido pode exibir até 7 caracteres chineses de comprimento

Os ícones comumente usados ​​são: sucesso, erro, carregamento

wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
})

imagem de exemplo

2. Caixa de diálogo modal

 Pode confirmar e fechar

wx.showModal({
	title: '提示',
    content: '确定要取消订单吗?',
	success (res) {
		if (res.confirm) {
			//这里是点击确认执行事件
		} else if (res.cancel) {
	        //这里是点击取消执行事件
		}
	 }
})

como mostrado na foto

 

3. caixa de prompt de carregamento

Exiba a caixa de solicitação de carregamento. Você precisa chamar ativamente wx.hideLoading para fechar a caixa de prompt 

Observação: wx.showLoading e wx.showToast só podem exibir um ao mesmo tempo

wx.showLoading({
  title: '加载中',
})

setTimeout(function () {
  wx.hideLoading()
}, 2000)

Como mostrado na imagem:

4. Pop-up de seleção de linha

A opção correspondente ao array itemList 

wx.showActionSheet({
	itemList:['A', 'B', 'C'], 
	success: (res) => {
	switch(res.tapIndex) {
		case 0:
			console.log('a')
			break;
		case 1:
			console.log('b')
			break;	
		case 2:
			console.log('c')
			break;
		}
	},
	fail (res) {
		console.log('取消')
	}
})

como mostrado na foto

 

 

Endereço do documento do miniaplicativo WeChat: wx.showToast(Object object) | WeChat open document