uniapp的几种常用的模态弹窗、提示框

1. uni.showToast(OBJECT)

直接弹出提示：

uni.showToast({
    title: '标题',
    duration: 2000
});

隐藏提示框：uni.hideToast();

2.加载框

uni.showLoading({
	title: '加载中'
});

setTimeout(function () {
	uni.hideLoading();
}, 2000);

3.带有确定取消的模态弹窗

uni.showModal(OBJECT)
显示模态弹窗，可以只有一个确定按钮，也可以同时有确定和取消按钮。

uni.showModal({
    title: '提示',
    content: '这是一个模态弹窗',
    showCancel: true,         //参数设置为false，就可以取消掉模态提示框中的“取消”按钮。
  	confirmColor: '#FF3333',  //设置“确定”按钮的颜色
  	cancelColor: '#007aff',   // 设置“取消”按钮的颜色
    success: function (res) {
        if (res.confirm) {
            console.log('用户点击确定');
        } else if (res.cancel) {
            console.log('用户点击取消');
        }
    }
});

4.可输入的弹出框

	//添加标签
			showInputDialog() {
				var that = this
				uni.showModal({
					title: '输入框',
					content: '',
					editable: true,
					placeholderText: '',
					showCancel: true,
					success: (res) => {
						if (res.confirm) {
							console.log('输入的内容：', res.content);
						}
					}
				});
			},