Uniapp自带的弹窗api

本文介绍了在Taro开发的小程序中,如何使用uni-app提供的各种UI组件,如弹窗(带有标题和自定义行为)、加载指示器和模态对话框(包括确定/取消按钮),以及底部上滑操作菜单的展示与处理。
摘要由CSDN通过智能技术生成

在这里插入图片描述

只有弹窗

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

不会自己关的弹窗

//原!神!!启动!!!!噢噢说错了,弹窗~启动
uni.showLoading({
	title: '加载中'
});

uni.hideLoading(); //关闭上面的原批

有确定 / 取消按钮

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

从底部向上弹出操作菜单

uni.showActionSheet({
	itemList: ['A', 'B', 'C'],
	success: function (res) {
		console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
	},
	fail: function (res) {
		console.log(res.errMsg);
	}
});
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

SqCheese

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值