📌  相关文章
📜  如何使用 jQuery EasyUI Mobile 设计登录对话框?

📅  最后修改于: 2021-11-08 05:48:59             🧑  作者: Mango

EasyUI 是一个 HTML5 框架,用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能,为开发人员节省大量时间。在本文中,我们将学习使用 jQuery EasyUI 插件为手机设计登录对话框和消息对话框。

EasyUI for jQuery 下载:

https://www.jeasyui.com/download/index.php

请在代码实现时注意正确的文件路径。

例1:下面的例子演示了使用上述插件设计登录对话框。数据选项中使用的图标取自下载“主题”文件夹。

html


  

    
    
    
    
    
    
    
    
    
    
    
    

  

    
                 
            
                
Basic Dialog
            
        
           
                             Login                      
                    
               
                                                 
               
                             
                            
                                     Sign in                              
        
                         
  


html


  

    
    
            
    
    
    
    
  
    
    
  
    
    
  
    
    

  

    
        
            
                
Message Dialog
            
        
                       
              

This is a message dialog box.

                  
                                     OK                              
        
                         
  


输出:

例2:下面的例子演示了手机登录界面的消息对话框的设计。

html



  

    
    
            
    
    
    
    
  
    
    
  
    
    
  
    
    

  

    
        
            
                
Message Dialog
            
        
                       
              

This is a message dialog box.

                  
                                     OK                              
        
                         
  

输出: