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

posted @   何人陪我共长生  阅读(6595)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 百万级群聊的设计实践
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
点击右上角即可分享
微信分享提示