前端HTML5中weui怎么用

这篇文章主要介绍了前端HTML5中weui怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

按钮

按钮-确定-可用按钮-确定-不可用按钮-警告-可用按钮-警告-不可用按钮-取消-可用按钮-取消-不可用按钮-镂空-取消按钮-镂空-确定按钮-迷你-确定按钮-迷你-取消

列表项

    
        
            
带说明的列表项
        
        
说明文字
    
            
                    
        
            
带图标、说明、跳转的列表项
        
        
说明文字
                
            
说明、跳转的列表项
        
        
说明文字
    

单选列表项

            
            
单选列表项1
        
        
                                
                
            
单选列表项2
        
        
                                
    

复选列表项

            
                                
        
            
复选列表项1
        
                
                                
        
            
复选列表项2
        
                
                                
        
            
复选列表项3
        
                
                                
        
            
复选列表项4
        
    

其他表单

    
        
            qq        
        
                    
    
    
        
            验证码        
        
                    
        
                    
    
    
        
            银行卡        
        
                    
    
    
        
            验证码        
        
                    
        
                                
    

图片上传

    
        
            
                
                    
图片上传
                    
0/2
                
                
                    
                        
                        
                        
                        
                            
                                                            
                        
                        
                            
50%
                        
                    
                    
                                            
                
            
        
    

日期时间

    
        日期    
    
            
    
        时间    
    
            

下拉框

    
        
                            +86                +80                +84                +87                +你大爷                    
        
                    
    
    
        
                            微信号                QQ号                Email                    
    
    
        
            国家/地区        
        
                            中国                美国                英国                    
    

自定义弹窗内容-选择框

    
    
        
弹窗标题
        
自定义弹窗内容
...
        
            取消            确定        
    

自定义弹窗内容-确定框

    
    
        
弹窗标题
        
弹窗内容，告知当前页面信息等
        
            确定        
    

进度条

    
        
    
                
    上传

提醒框

    
    
                
操作异常
(2秒后自动关闭)
    

加载框

    
    
        
            
            
            
            
            
            
            
            
            
            
            
            
        
        
数据加载中
    

结果页

    
    
        
操作成功
        
内容详情，可根据实际需要安排
    
    
        
            确定            取消        
    
    
        查看详情    

文章页

    
大标题
    
        
章标题
        
            
1.1 节标题
            
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo                consequat. Duis aute
        
        
            
1.2 节标题
            
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non                proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        
    

图标

示例菜单

    点击上拉ActionSheet
    
    
        
            
示例菜单1
            
示例菜单2
            
示例菜单3
            
示例菜单4
        
        
            
取消
        
    

感谢你能够认真阅读完这篇文章，希望小编分享的"前端HTML5中weui怎么用"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!