图标 Icon
基础用法
html
<j-icon icon="icon-search"></j-icon>默认提供四种大小
html
<j-icon icon="icon-global" size="so-small" iconColor="red"></j-icon>
<j-icon icon="icon-global" size="small"></j-icon>
<j-icon icon="icon-global"></j-icon>
<j-icon icon="icon-global" size="large"></j-icon>设置图标颜色
html
<j-icon color="#0abde3" icon="icon-time"></j-icon>
<j-icon style="color: aquamarine" icon="icon-time"></j-icon>通过style设置图标大小
html
<j-icon style="font-size: 32px" icon="icon-security-fill"></j-icon>设置图标粗体
html
<j-icon color="#0abde3" icon="icon-time" blod></j-icon>
<j-icon
color="#0abde3"
icon="icon-customer-businessman-fill"
:blod="600"
></j-icon>图标合集
icon-left-double-arrow
icon-move
icon-location
icon-lower-right-arrow
icon-hide
icon-right
icon-reduce
icon-selected
icon-right-arrow
icon-return
icon-search
icon-scan
icon-right-double-arrow
icon-settings
icon-a-sorting2
icon-sorting
icon-up-arrow
icon-up
icon-upload
icon-upper-right-arrow
icon-view
icon-view-fill
icon-upper-left-arrow
icon-zoom-in
icon-zoom-out
icon-category
icon-code
icon-folder-fill
icon-email-fill
icon-folder
icon-global-fill
icon-email
icon-home-fill
icon-home
icon-global
icon-post
icon-quick-fill
icon-quick
icon-response
icon-save-fill
icon-save
icon-security-fill
icon-security
icon-shut-down
icon-customer-businessman-fill
icon-customer-add
icon-customer-bussinessman
icon-customer-certified
icon-customer-fill
icon-editor-center-alignment
icon-customer
icon-customer-interests
icon-editor-right-alignment
icon-editor-left-alignment
icon-editor-tag-subscript
icon-time-history
icon-time-ontime
icon-time
icon-time-fill
icon-time-response
icon-add
icon-ascending
icon-atm-fill
icon-atm
icon-bad-fill
icon-bad
icon-cry
icon-down-arrow
icon-daytime-mode
icon-filter
icon-favorites-fill
icon-edit
icon-favorites
icon-daytime-mode-fill
icon-down
icon-close
icon-delete
icon-descending
icon-cut
icon-filter-records
icon-copy
icon-good-fill
icon-follow
icon-follow-fill
icon-good
icon-left
icon-left-arrow
icon-lower-left-arrow
icon-lock
icon-more