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);
	}
});


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM