图标

页面中图形化视觉元素。

基础用法

font矢量格式呈现, 颜色大小可自定义。

样式

arrow-down
arrow-triangle-down
arrow-triangle-left
arrow-right
arrow-triangle-right
arrow-top
close
arrow-triangle-top
calendar
copy
delete
arrow-left
failure-or-close
failure-fill
double-arrow-right
failure
info
login
menu-dotted
lock
nav-
phone
double-arrow-left
nav-1
nav-2
success-fill
success
signup
upload
user
pin
warning
warning-fill
user1
camera-fill
card-line
horn-fill
message-line
message-fill
pen-fill
phone-line
pen-line
phone-fill
side-fill
side-line
wallet-fill
set-fill
camera-line
horn-line
cellphone-fill
wallet-line
lock-fill
lock-line
cellphone-line
nav-3
add
card-fill
pen-fill1
img-line
pack-line
pack-fill
money-fill

直接通过设置类名为 woui-icon icon-iconName 来使用即可。例如:

1
2
<i class="woui-icon icon-arrow-down"></i>
<i class="woui-icon icon-arrow-triangle-down"></i>
  1. 图标
    1. 基础用法
    2. 样式