uni-app消息提示框

这个组件在界面==>交互反馈中 经常使用的哈;
特别注意:如果值title太长了,可能就一个值都不会显示

1.提示信息;可以用于操作某一项提示用户是否成功;

uni.showToast({
	title: '成功',
	icon:'none',//不要图标
	duration: 1000//1后消失
});

提示的内容,长度与 icon 取值有关;所有你要注意一下;
特别注意:如果值太长了,可能就一个值都不会显示

2.正在加载中

加载中,有加载转圈;
当你成功后,你就可以关闭这个弹框了;
使用 uni.hideLoading();关闭弹框

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

3.模态框,有确认取消按钮

uni.showModal({
	cancelText: "取消", // 取消按钮的文字  
	confirmText: "确认", // 确认按钮文字 
	title: '删除提示',
	content: '是否删除该值日学生?',
	confirmColor:'#3B8BFF',
	cancelColor:'#222222',
	success: res => {
		if (res.confirm) {
			console.log('ok')
		} else if (res.cancel) {
			// 取消
			console.log('cancel')
		}
	}
});

4.选择框;几个值中选择一个值

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

作者:流年少年
出处:https://www.cnblogs.com/ishoulgodo/

想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!

万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

支付宝
微信
本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
如果文中有什么错误,欢迎指出。以免更多的人被误导。
原文地址:https://www.cnblogs.com/ishoulgodo/p/13595937.html