IconFont 图标
-
导出
-
用户信息
-
发送
-
app
-
code
-
copy
-
delete
-
display
-
download
-
edit
-
enclosure
-
favor
-
file
-
folder
-
tag
-
编辑
-
form
-
价格
-
地图
-
3.1类目
-
删除
-
添加
-
excel
-
帮助
-
经营分析
-
设置
-
删除
-
开,关
-
组织部门
-
销售体系
-
自定义页面
-
系统操作日志
-
打印报表
-
自定义报表
-
新建
-
修改
-
查看
-
刷新
-
完成
-
审核
-
驳回
-
作废
-
删除
-
导入
-
导出
-
添加子节点
-
删除(子节点)
-
复制配置
-
菜单
-
更多
-
list
-
list2
-
窗口
-
删除
-
数据导入
-
关闭
-
刷新
-
copy
-
下载
-
controller-fast-backward
-
controller-fast-forward
-
controller-jump-to-start
-
controller-next
-
align-left
-
align-right
-
align-top
-
align-vertical-middle
-
删除
-
设置
-
综合
-
caretright
-
caretleft
-
caretdown
-
caretup
-
forward
-
banckward
-
fastbackward
-
fastforward
-
stepforward
-
stepbackward
-
down
-
up
-
right
-
left
-
arrowdown
-
arrowup
-
arrowright
-
arrowleft
-
close
-
check
-
采购审批
-
还原
-
编辑
-
用户
-
分享
-
热门
-
删除
-
搜索
-
人员信息
-
返回顶部
-
消息
-
人脉
-
点赞
-
收藏
-
上传图片
-
往期回顾
-
企业信息
-
档案维护
-
报告管理
-
企业信息
-
维护
-
复选框-未选中
-
复选框-选中
-
我发起
-
录入-03
-
最大化
-
上传
-
print
-
审核通过
-
关闭
-
收起菜单
-
提醒
-
应用中心
-
邮件
-
展开菜单
-
注意
-
任务
-
配置管理
-
日历
-
主页
-
旋转
-
审核
-
审核办理情况
-
订单查询
-
客户投诉录入
-
订单查询
-
上箭头
-
下箭头
-
右箭头
-
左箭头
-
删除
-
摄像头
-
上传
-
上传
-
预览
-
上传
-
放大
-
缩小
-
还原
unicode引用
unicode是字体在网页端最原始的应用方式,特点是:
- 兼容性最好,支持ie6+,及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式
unicode使用步骤如下:
第一步:拷贝项目下面生成的font-face
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
第二步:定义使用iconfont的样式
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
<i class="iconfont">3</i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。