zoukankan      html  css  js  c++  java
  • 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毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

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

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    合肥禹州珑玥湾业主qq群:791026131
    Operation category READ is not supported in state standby 故障解决
    yarn资源调度之FairScheduler
    storm启动和拓扑启动和关闭的一般命令
    es的一些实用案例
    leetCode例题引出的多线程CountDownLatch和CyclicBarrier使用例题
    spark运维管理
    spark streaming基础
    spark sql工作原理、性能优化和spark on hive----转载
    spark-sql基础
  • 原文地址:https://www.cnblogs.com/ishoulgodo/p/13595937.html
Copyright © 2011-2022 走看看