Icon 图标
W.in-Design为中后台应用提供了大量原创的通用字体图标和医疗图标.
代码演示
通用字体图标及其对应的 class, 为 i 标签指定对应图标的 class 即可使用.
主页 w-icon-home
主页 w-icon-home-solid
主题 w-icon-theme
主题 w-icon-theme-solid
未知 w-icon-unknown
未知 w-icon-unknown-solid
个人 w-icon-user
个人 w-icon-user-solid
男 w-icon-man
男 w-icon-man-solid
女 w-icon-woman
女 w-icon-woman-solid
可见 w-icon-view
不可见 w-icon-view-off
可见 w-icon-view-solid
不可见 w-icon-view-off-solid
解锁 w-icon-unlock
解锁 w-icon-unlock-solid
锁定 w-icon-lock
锁定 w-icon-lock-solid
打印 w-icon-print
打印 w-icon-print-solid
保存 w-icon-save
保存 w-icon-save-solid
备注 w-icon-remarks
备注 w-icon-remarks-solid
预览 w-icon-preview
预览 w-icon-preview-solid
座机 w-icon-telephone
座机 w-icon-telephone-solid
手机 w-icon-mobile
手机 w-icon-mobile-solid
折线图 w-icon-line-chart
折线图 w-icon-line-chart-solid
柱状图 w-icon-bar-chart
柱状图 w-icon-bar-chart-solid
饼图 w-icon-pie-chart
饼图 w-icon-pie-chart-solid
暂存 w-icon-cache
暂存 w-icon-cache-solid
其他 w-icon-others
其他 w-icon-others-solid
复制 w-icon-copy
复制 w-icon-copy-solid
列表 w-icon-list
列表 w-icon-list-solid
Excel w-icon-excel
Excel w-icon-excel-solid
Word w-icon-word
Word w-icon-word-solid
PDF w-icon-pdf2
PDF w-icon-pdf2-solid
PDF w-icon-pdf
PDF w-icon-pdf-solid
文本 w-icon-text2
文本 w-icon-text2-solid
文本 w-icon-text
文本 w-icon-text-solid
消息 w-icon-info
消息 w-icon-info-solid
设置 w-icon-config
设置 w-icon-config-solid
设置 w-icon-config2
设置 w-icon-config2-solid
收藏 w-icon-mark
收藏 w-icon-mark-solid
时间 w-icon-time
时间 w-icon-time-solid
日期 w-icon-date
日期 w-icon-date-solid
搜索 w-icon-search
搜索 w-icon-search-solid
铃铛 w-icon-bell
铃铛 w-icon-bell-solid
选中 w-icon-checked
选中 w-icon-checked-solid
未选中 w-icon-unchecked
选中 w-icon-selected
未选中 w-icon-unselected
对勾 w-icon-right
对勾 w-icon-right2
成功 w-icon-success
警告 w-icon-warning
关闭 w-icon-close
错误 w-icon-error
关闭 w-icon-close-solid
问号 w-icon-qmark
问号 w-icon-qmark-solid
提示 w-icon-info-circle
左 w-icon-arrow-left
右 w-icon-arrow-right
上 w-icon-arrow-top
下 w-icon-arrow-bottom
左 w-icon-triangle-left
右 w-icon-triangle-right
上 w-icon-triangle-top
下 w-icon-triangle-bottom
上下 w-icon-select-group
上移 w-icon-move-up
下移 w-icon-move-down
左 w-icon-arrow-left-solid
右 w-icon-arrow-right-solid
上 w-icon-arrow-top-solid
下 w-icon-arrow-bottom-solid
加号 w-icon-plus
减号 w-icon-minus
添加 w-icon-add
删除 w-icon-delete
删除 w-icon-delete-solid
二维码 w-icon-qrcode
二维码 w-icon-qrcode-solid
扫一扫 w-icon-scan
扫一扫 w-icon-scan-solid
编辑 w-icon-edit
编辑 w-icon-edit-solid
刷新 w-icon-refresh
刷新 w-icon-refresh-solid
加载 w-icon-loading
闭环 w-icon-close-loop
链接 w-icon-link
分享 w-icon-share-link
分享 w-icon-share-link-solid
上传 w-icon-upload
导出 w-icon-export
导出 w-icon-export2
导出 w-icon-export2-solid
导入 w-icon-import
导入 w-icon-import-solid
下载 w-icon-download
图片 w-icon-picture
图片 w-icon-picture-solid
文件 w-icon-file
模板 w-icon-template
模板 w-icon-template-solid
共享 w-icon-share
共享 w-icon-share-solid
文件夹 w-icon-folder
文件夹 w-icon-folder-solid
文件夹(开) w-icon-folder-o
文件夹(开) w-icon-folder-o-solid
WARNING
行业图标与通用字体图标相比会复杂一些, 需要开发者手动引入文件。使用时，为w-iconx组件传入对应的name属性即可。
// main.js 入口文件
import 'win-design/lib/themes/fonts/iconx.js'
API
Iconx Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
|---|---|---|---|---|---|
| primaryColor | 行业图标主色（可以传递颜色值或null） | String / Object | — | — | |
| secondColor | 行业图标次主色（可以传递颜色值或null） | String / Object | — | — |
贡献者
| 类型 | 参与者 |
|---|---|
| 设计者 | UED视觉组 |
| 维护者 | UED前端组 |