• 图标
    • 成功
    • 提示
    • 普通警告
    • 强烈警告
    • 等待
    • 圆圈
    • 下载
    • 取消
    • 搜索

    图标

    WeUI 提供了几种常用的图标。

    图标使用空的 i 标签加上相应的样式类即可,所有图标的默认大小为 23px,在 i 标签上追加 weui-icon_msg 类,大小变为 93px。

    较大尺寸的图标可用于操作提示页面,图标居中显示。

    成功

    用于表示操作成功完成。

    1. <i class="weui-icon-success weui-icon_msg">

    图标 - 图1

    1. <i class="weui-icon-success-no-circle weui-icon_msg"></i>

    图标 - 图2

    提示

    用于表示信息提示,提示用户所需信息。

    1. <i class="weui-icon-info weui-icon_msg"></i>

    图标 - 图3

    1. <i class="weui-icon-info-circle weui-icon_msg"></i>

    图标 - 图4

    普通警告

    用于表示操作后会引起一定后果的情况。

    注意,普通警告仅有较大尺寸,并且需要将 weui-icon_msg 更换为 weui-icon_msg-primary

    1. <i class="weui-icon-warn weui-icon_msg-primary"></i>

    图标 - 图5

    强烈警告

    用于表示操作后会引起严重后果的情况。

    1. <i class="weui-icon-warn weui-icon_msg"></i>

    图标 - 图6

    等待

    用于表示等待。

    1. <i class="weui-icon-waiting weui-icon_msg"></i>

    图标 - 图7

    圆圈

    仅一个灰色的圆圈而已。

    1. <i class="weui-icon-circle weui-icon_msg"></i>

    图标 - 图8

    下载

    用于表示下载。

    1. <i class="weui-icon-download weui-icon_msg"></i>

    图标 - 图9

    取消

    用于表示取消。

    1. <i class="weui-icon-cancel weui-icon_msg"></i>

    图标 - 图10

    搜索

    1. <i class="weui-icon-search weui-icon_msg"></i>

    图标 - 图11