IconFont 图标
-
相机.icon-icon
-
修改密码.icon-xiugaimima
-
2组织架构.icon-2zuzhijiagou
-
添加部门.icon-tianjiabumen
-
手机.icon-shouji
-
认证.icon-renzheng
-
企业服务应用.icon-qiyefuwuyingyong
-
同事-组织架构.icon-tongshi-zuzhijiagou
-
自定义.icon-zidingyi
-
成员.icon-chengyuan
-
超级管理员.icon-chaojiguanliyuan
-
计费中心.icon-jifeizhongxin
-
展开.icon-zhankai
-
收起.icon-shouqi
-
企业地址.icon-qiyedizhi
-
业务端默认头像.icon-yewuduanmorentouxiang
-
著作权.icon-zhuzuoquan
-
员工档案.icon-yuangongdangan
-
企业通讯录.icon-qiyetongxunlu
-
共享通讯录.icon-tongxunlu
-
门店架构.icon-mendianjiagou
-
添加成员.icon-tianjiachengyuan
-
行政架构.icon-hangzhengjiagou
-
员工离职.icon-yuangonglizhi
-
员工转正.icon-lizhi
-
共享通讯录.icon-gongxiangtongxunlu
-
企业认证.icon-qiyerenzheng
-
员工详情.icon-yuangongxiangqing
-
门店权限.icon-mendianquanxian
-
下载.icon-icon_yunxiazai
-
upload.icon-yd-icon-upload2
-
审核中心.icon-yishenhe
-
待审核.icon-daishenpi
-
已审核.icon-yishenpi
-
性别女.icon-xingbienv
-
性别男.icon-xingbienan
-
企业设置.icon-qiyeshezhi
-
通讯录信息.icon-tongxunlu_icon
-
设置子管理员.icon-shezhiziguanliyuan
-
成员.icon-tuanduichengyuan
-
回收站.icon-shujukaifa-huishouzhan
-
暂无数据.icon-oa_nofind
-
信息 显示.icon-xinxixianshi
-
morentouxian.icon-yewuduanmorentouxian
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="iconfont icon-xxx"></i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。