IconFont 图标
-
编译.amosicon-compile
-
下一页.amosicon-next-page
-
左上.amosicon-arrow-left-top-thin
-
favorite.amosicon-favorite1
-
left.amosicon-left
-
用户.amosicon-user1
-
邮箱.amosicon-youxiang
-
上一页.amosicon-pre-page
-
下拉.amosicon-xiala
-
添加.amosicon-add2
-
list.amosicon-list-dot
-
delete.amosicon-delete
-
退出.amosicon-tuichu
-
文件上传.amosicon-file-upload-2
-
注销.amosicon-zhuxiao4
-
邮箱.amosicon-youxiang1
-
单位.amosicon-danwei
-
刷新.amosicon-refresh
-
更多.amosicon-gengduo
-
down.amosicon-down
-
chart pie.amosicon-pie-chart
-
user.amosicon-user
-
picture.amosicon-picture
-
视频.amosicon-video1
-
folder.amosicon-folder
-
selected.amosicon-selected
-
ViewGallery.amosicon-viewgallery
-
Select all.amosicon-selectall
-
list.amosicon-list1
-
eye.amosicon-eye
-
right.amosicon-right
-
up.amosicon-up
-
视频播放.amosicon-shipinbofang
-
消息.amosicon-xiaoxi
-
选中.amosicon-xuanzhong
-
消息.amosicon-message
-
area-chart.amosicon-area-chart
-
添加.amosicon-tianjia2
-
视频.amosicon-shipin
-
python.amosicon-python
-
声音.amosicon-shengyin
-
消息.amosicon-xiaoxi2
-
question.amosicon-question
-
auto.amosicon-auto
-
task.amosicon-task
-
atm-away.amosicon-atmaway
-
cross.amosicon-cross
-
fire.amosicon-fire-fat
-
工具.amosicon-tools-2
-
消息.amosicon-message-1
-
pin.amosicon-pin
-
文件夹.amosicon-wenjianjia
-
full-screen.amosicon-full-screen
-
消息.amosicon-tubiao15
-
上传视频.amosicon-shangchuanshipin
-
warning.amosicon-warning
-
上传文件.amosicon-file-upload-3
-
application.amosicon-application-1
-
link.amosicon-link
-
menu-unfold.amosicon-fat-menu-unfold
-
menu-fold.amosicon-fat-menu-fold
-
选中.amosicon-xuanzhong1
-
规范.amosicon-guifan
-
bars.amosicon-bars
-
bms_脚手架_库存.amosicon-scaffold-store
-
更多.amosicon-angle-more
-
脚手架管理.amosicon-scaffold
-
notification.amosicon-notification
-
picture.amosicon-picture1
-
save.amosicon-save
-
file.amosicon-file
-
放大.amosicon-zoom-in
-
success.amosicon-success
-
new-window.amosicon-window
-
移除.amosicon-remove
-
选中.amosicon-xuanzhong2
-
注销.amosicon-zhuxiao
-
arrow-down-right.amosicon-down-right-arrow
-
folder-open.amosicon-folder-open
-
tree.amosicon-tree
-
warning.amosicon-danger
-
phone.amosicon-phone
-
帮助.amosicon-help
-
回到顶部.amosicon-huidaodingbu
-
subdirectory_arrow_right.amosicon-entry-sub-graph
-
添加.amosicon-tianjia1
-
rightBottom_02.amosicon-right-bottom
-
视频播放.amosicon-shipinbofang1
-
选中.amosicon-check
-
退出.amosicon-exit-3d
-
指南.amosicon-zhinan
-
list.amosicon-list11
-
选中.amosicon-xuanzhong3
-
WorkflowDesign.amosicon-workflow-design
-
WorkflowMonitoring.amosicon-workflow-monitor
-
task.amosicon-task-2
-
wxb报表.amosicon-wxbbaobiao
-
wxb工具.amosicon-wxbgongju
-
wxb搜索推广.amosicon-wxbsousuotuiguang
-
wxb定位.amosicon-wxbdingwei
-
setting.amosicon-setting
-
favorite.amosicon-favorite
-
icon-toTop.amosicon-icontotop
-
copy.amosicon-copy
-
更多.amosicon-gengduo-copy
-
操作指南.amosicon-caozuo
-
test.amosicon-test
-
标签1.amosicon-label
-
移除.amosicon-yichu
-
工具.amosicon-tools
-
首页-首页.amosicon-shouye1
-
注销.amosicon-zhuxiao1
-
回到顶部.amosicon-huidaodingbu1
-
home.amosicon-home
-
close.amosicon-close
-
是的_right149.amosicon-down-right
-
ok.amosicon-ok
-
首页.amosicon-shouye
-
上传文件.amosicon-file-upload
-
退出.amosicon-exit-fat
-
tree.amosicon-tree1
-
setting.amosicon-setting1
-
回到顶部.amosicon-huidaodingbu2
-
视频.amosicon-shipin1
-
info.amosicon-info
-
toTop.amosicon-totop
-
paper-clip.amosicon-paper-clip
-
play-video-button.amosicon-playvideobutton
-
file.amosicon-file-lef
-
字符.amosicon-char
-
选中.amosicon-xuanzhong4
-
task.amosicon-task-1
-
上传文件.amosicon-shangchuanwenjian
-
订单关闭.amosicon-dingdanguanbi
-
上传视频.amosicon-video-upload
-
声音.amosicon-voice
-
指引.amosicon-zhiyin
-
icon_menu_fold_30x30.amosicon-sim-menu-fold
-
选中.amosicon-selected-1
-
说明.amosicon-shuoming
-
hot.amosicon-hot
-
打包.amosicon-dabao
-
history.amosicon-history
-
html.amosicon-html-copy
-
icon_menu_unfold_30x30.amosicon-sim-menu-unfold
-
入门篇.amosicon-rumenpian
-
环境.amosicon-huanjing
-
data.amosicon-data
-
通用类_添加视图.amosicon-add-sub-view
-
定制.amosicon-dingzhi
-
error.amosicon-error
-
选中.amosicon-xuanzhong7
-
移除.amosicon-yichu1
-
更多.amosicon-gengduo1
-
edit.amosicon-edit
-
folder-close.amosicon-folder-close
-
皮肤.amosicon-skin
-
workflow.amosicon-workflow
-
tree.amosicon-single-tree
-
good.amosicon-good
-
template.amosicon-template
-
减号.amosicon-jianhao
-
themeisle.amosicon-themeisle
-
资源借用.amosicon-ziyuanjieyong
-
npm.amosicon-npm
-
左箭头.amosicon-arrow-left
-
返回.amosicon-fanhui
-
列-表.amosicon-list
-
向下 Down 1000.amosicon-i-down
-
更多.amosicon-gengduo2
-
业务.amosicon-business
-
工程管理.amosicon-prj-mgmt
-
ray.amosicon-ray
-
三道杠无填充.amosicon-sandaogangwutianchong
-
上传视频.amosicon-shangchuanshipin2
-
desktop on-line statistics.amosicon-online-check
-
返回.amosicon-fanhui1
-
file-tree.amosicon-file-tree
-
穿梭框.amosicon-chuansuokuang
-
eye-o.amosicon-eye-o
-
sass.amosicon-sass
-
qr-code.amosicon-qr-code
-
关闭-半角.amosicon-guanbi
-
移除.amosicon-jinrongtubiao_yichu
-
ruby.amosicon-ruby
-
退出.amosicon-exit
-
报警.amosicon-alarm-tip-single
-
chart-bar.amosicon-bar-chart
-
工具.amosicon-tools-1
-
移除.amosicon-yichu2
-
定制.amosicon-dingzhi1
-
详情consult.amosicon-tuwen_ic_data
-
menu-unfold.amosicon-thin-menu-unfold
-
规范.amosicon-standard
-
success.amosicon-success-single
-
环境.amosicon-env
-
符号-文档.amosicon-wendang
-
history.amosicon-history-logs
-
基 础管理.amosicon-basic-coms
-
添加数据源.amosicon-database
-
隐藏列.amosicon-hide
-
edit.amosicon-bianji
-
input.amosicon-luru
-
enty-out-storage.amosicon-querenchuku
-
setting.amosicon-shezhi
-
注销.amosicon-zhuxiao2
-
定制.amosicon-dingzhi2
-
vue.amosicon-vuejs
-
表格.amosicon-i-table
-
cancel.amosicon-cancel
-
java.amosicon-java
-
更新日志.amosicon-update-log
-
报警.amosicon-alarm-tip
-
基础.amosicon-basic
-
注销.amosicon-zhuxiao3
-
template.amosicon-template-copy
-
appStore.amosicon-appstore
-
video.amosicon-video
-
入库.amosicon-ccgl-rukuyugao-8
-
出库.amosicon-ccgl-chukucaozuo-13
-
html.amosicon-html
-
选中.amosicon-angle-selected
-
Application.amosicon-application
-
收 藏.amosicon-collection
-
指引.amosicon-zhiyin1
-
信封.amosicon-xinfeng
-
图表.amosicon-tubiao
-
单位.amosicon-danwei1
-
卡片.amosicon-card
-
Webpack.amosicon-webpack-1
-
code.amosicon-code-hide
-
password.amosicon-password
-
条纹码 条形码 条码.amosicon-bar-code
-
close.amosicon-close-circle
-
fire.amosicon-fire-thin
-
数据表格2.amosicon-data-table
-
code.amosicon-code-show
-
enzyme.amosicon-enzyme
-
回到顶部.amosicon-huidaodingbu-copy
-
视频上传.amosicon-shipinshangchuan
-
js.amosicon-js
-
减.amosicon-minus-square
-
右箭头.amosicon-arrow-right
-
检查.amosicon-jiancha
-
右下箭头.amosicon-right-bottom-arrow
-
table.amosicon-table
-
gulp.amosicon-gulp
-
react.amosicon-react
-
sass.amosicon-sass-1
-
左上箭头.amosicon-arrow-left-top
-
tags.amosicon-tags
-
组件库.amosicon-component-lib
-
add.amosicon-add
-
initiate-assistance.amosicon-initiate-assistance
-
维修记录.amosicon-weixiujilu
-
火.amosicon-fire
-
交互.amosicon-jiaohu-1
-
交互随即查询.amosicon-jiaohu
-
公文范例库.amosicon-store
-
postcss.amosicon-postcss
-
webpack.amosicon-webpack
-
新增知识库.amosicon-add-knowledge
-
重命名.amosicon-re-edit
-
操作指南.amosicon-guide
-
交互图标.amosicon-hudong
-
右上.amosicon-arrow-right-top-fat
-
caret-right.amosicon-caret-right
-
首页.amosicon-home-1
-
menu fold.amosicon-thin-menu-fold
-
业务.amosicon-biz
-
list.amosicon-list-rect
-
table.amosicon-table-1
-
react.amosicon-react-1
-
右斜上箭头.amosicon-arrow-right-top
-
more.amosicon-number-more
-
文档.amosicon-doc
-
开发环境.amosicon-develop-env-1
-
日期.amosicon-date
-
开发环境.amosicon-develop-env
-
search.amosicon-search
-
缩小.amosicon-zoom-out
-
井.amosicon-number
-
qr-code.amosicon-qr-code1
-
open-in-new.amosicon-open-in-new
font-class引用
font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。
与unicode使用方式相比,具有如下特点:
- 兼容性良好,支持ie8+,及所有现代浏览器。
- 相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。
- 因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。
- 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
使用步骤如下:
第一步:引入项目下面生成的fontclass代码:
<link rel="stylesheet" type="text/css" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<i class="amosicon amosicon-xxx"></i>
"amosicon"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。