HTML5 weui使用笔记

按钮

HTML5 weui使用笔记_第1张图片

列表项

HTML5 weui使用笔记_第2张图片

单选列表项
 

HTML5 weui使用笔记_第3张图片

复选列表项

HTML5 weui使用笔记_第4张图片

其他表单
 

HTML5 weui使用笔记_第5张图片

图片上传

HTML5 weui使用笔记_第6张图片

图片上传
0/2
  • 50%

日期时间
 

HTML5 weui使用笔记_第7张图片

下拉框
 

HTML5 weui使用笔记_第8张图片

国家/地区

自定义弹窗内容-选择框
 

HTML5 weui使用笔记_第9张图片

弹窗标题
自定义弹窗内容
...

自定义弹窗内容-确定框
 

HTML5 weui使用笔记_第10张图片

弹窗标题
弹窗内容,告知当前页面信息等

进度条
 

HTML5 weui使用笔记_第11张图片



提醒框
 

HTML5 weui使用笔记_第12张图片

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

加载框
 

HTML5 weui使用笔记_第13张图片

数据加载中

结果页
 

HTML5 weui使用笔记_第14张图片

操作成功

内容详情,可根据实际需要安排

文章页
 

HTML5 weui使用笔记_第15张图片

大标题

章标题

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.

图标
 

HTML5 weui使用笔记_第16张图片







示例菜单
 

HTML5 weui使用笔记_第17张图片

 


示例菜单1
示例菜单2
示例菜单3
示例菜单4
取消

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(HTML5 weui使用笔记)