- 图标
- 成功
- 提示
- 普通警告
- 强烈警告
- 等待
- 圆圈
- 下载
- 取消
- 搜索
图标
WeUI 提供了几种常用的图标。
图标使用空的 i
标签加上相应的样式类即可,所有图标的默认大小为 23px,在 i
标签上追加 weui-icon_msg
类,大小变为 93px。
较大尺寸的图标可用于操作提示页面,图标居中显示。
成功
用于表示操作成功完成。
<i class="weui-icon-success weui-icon_msg">
<i class="weui-icon-success-no-circle weui-icon_msg"></i>
提示
用于表示信息提示,提示用户所需信息。
<i class="weui-icon-info weui-icon_msg"></i>
<i class="weui-icon-info-circle weui-icon_msg"></i>
普通警告
用于表示操作后会引起一定后果的情况。
注意,普通警告仅有较大尺寸,并且需要将 weui-icon_msg
更换为 weui-icon_msg-primary
。
<i class="weui-icon-warn weui-icon_msg-primary"></i>
强烈警告
用于表示操作后会引起严重后果的情况。
<i class="weui-icon-warn weui-icon_msg"></i>
等待
用于表示等待。
<i class="weui-icon-waiting weui-icon_msg"></i>
圆圈
仅一个灰色的圆圈而已。
<i class="weui-icon-circle weui-icon_msg"></i>
下载
用于表示下载。
<i class="weui-icon-download weui-icon_msg"></i>
取消
用于表示取消。
<i class="weui-icon-cancel weui-icon_msg"></i>
搜索
<i class="weui-icon-search weui-icon_msg"></i>