您现在的位置是：网站首页> 编程资料编程资料

HTML5 weui使用笔记利用HTML5+css3+jquery+weui实现仿微信聊天界面功能

2021-08-30 916人已围观

简介 这篇文章主要介绍了HTML5 weui使用笔记，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

按钮

这里写图片描述

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

列表项

这里写图片描述

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

单选列表项
 

这里写图片描述

复选列表项

这里写图片描述

其他表单
 

这里写图片描述

图片上传

这里写图片描述

图片上传
0/2
  • 50%

日期时间
 

这里写图片描述

下拉框
 

这里写图片描述

 国家/地区

自定义弹窗内容-选择框
 

这里写图片描述

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

自定义弹窗内容-确定框
 

这里写图片描述

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

进度条
 

这里写图片描述

上传

提醒框
 

这里写图片描述

操作异常
(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、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持； 

                    2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！
                

                

                

                                            
上一篇：Html5之自定义属性(data-,dataset)浅谈html5增强的页面元素详解HTML5中CSS外观属性总结html5自定义属性有哪些html5实现滑块功能之type="range"属性浅析HTML5页面元素及属性

                                                                
下一篇：通过canvas转换颜色为RGBA格式及性能问题的解决html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法

                                    

            

        

        

            
相关内容

            
        

    

    

        

            
点击排行

            
        

        

            
本栏推荐

            
        


        

            
猜你喜欢
-六神源码网