Web App 开发----对话框

Web App 开发----对话框,第1张

对话框

创建并显示对话框,d出的对话框为非阻塞模式,用户点击对话框上的按钮后关闭,并通过callback函数返回用户点击按钮的索引值或输入框中的值。


       

组件名作用
alert警告框
confirm确认框
prompt输入对话框
toast消息提示框
参数说明说明
duration持续显示时间,默认值 short(2000ms)支持 整数值 和 String ,
String可选: long(3500ms),short(2000ms)
type强制使用mui消息框(div模式)'div'

1.警告消息框




	
		
		
		
		
		
	
	
		
			
				
			
		

	
	
	

代码效果:

 

2.确认消息框




	
		
		
		
		
		
	
	
		
				
				
			
		

	
	
	

代码效果:

                                      点击“否”效果:                                                点击“是”效果:

3.输入对话框




	
		
		
		
		
		
	
	
		
				
			    
			
		

	
	
	

代码效果:

                                      点击“取消”效果:                                               点击“确定”效果:

 

4.自动消失提示框




	
		
		
		
		
		
	
	
		
	        
			
			
		

	
	
	

 

代码效果:                

                                                         2s后效果消失:

 

 

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/langs/563200.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-04-02
下一篇2022-04-02

发表评论

登录后才能评论

评论列表(0条)

    保存