IconFont 图标
-
待收付款项预测.icon-gongchengkuanmingxichaxun
-
14付款查询.icon-fukuanzhunbeimingxichaxun
-
工作范围.icon-xiaozugongzuofanwei
-
待付款.icon-faqifukuanzhunbei
-
统计.icon-zhanglingtongji
-
已处理.icon-yichuliyingxiang
-
日历.icon-gongzuorili
-
提升效率.icon-rengongxiaolvtongji
-
单据维护.icon-daisaomiaodanju
-
我的申请.icon-wodeshenqing
-
查询.icon-gongxiangzhongxinchaxun
-
list_库存明细查询.icon-yewuzhaodaifeimingxichaxun
-
查询.icon-baoxiaodanjuzonghechaxun
-
监控类型-修改.icon-renwuchijiankong
-
分析报表.icon-fenxibaobiao
-
配送费.icon-navicon-psf
-
税票融资.icon-jinshuixiangchaxun
-
无支付报账单.icon-baozhangweidumingxi
-
付款通知.icon-zhunbeifukuan
-
分组.icon-fenzushezhi
-
顶部导航-收缩.icon-dingbudaohang-shousuo
-
顶部导航-展开.icon-dingbudaohang-zhankai
-
二级导航-出差申请查询.icon-erjidaohang-chuchashenqingchaxun
-
二级导航-待审批.icon-erjidaohang-daishenpi
-
二级导航-付款工作台.icon-erjidaohang-fukuangongzuotai
-
二级导航-付款申请.icon-erjidaohang-fukuanshenqing
-
二级导航-待扫描查询.icon-erjidaohang-daisaomiaochaxun
-
二级导航-供应商报账申请.icon-erjidaohang-gongyingshangbaozhangshenqing
-
二级导航-借还款申请.icon-erjidaohang-jiehuankuanshenqing
-
二级导航-委托授权.icon-erjidaohang-weituoshouquan
-
二级导航-已审批.icon-erjidaohang-yishenpi
-
二级导航-会计处理.icon-erjidaohang-huijichuli
-
二级导航-批量审批.icon-erjidaohang-piliangshenpi
-
二级导航-已扫描查询.icon-erjidaohang-yisaomiaochaxun
-
二级导航-资产报账.icon-erjidaohang-zichanbaozhang
-
二级导航-影像待办.icon-erjidaohang-yingxiangdaiban
-
二级导航-总账及其他.icon-erjidaohang-zongzhangjiqita
-
二级导航-员工报销申请.icon-erjidaohang-yuangongbaoxiaoshenqing
-
二级导航-差旅费明细查询.icon-erjidaohang-chalvfeimingxichaxun
-
一级导航-查询统计.icon-yijidaohang-chaxuntongji
-
一级导航-财务板块.icon-yijidaohang-caiwubankuai
-
顶部导航-首页.icon-dingbudaohang-shouye
-
一级导航-电子影像.icon-yijidaohang-dianziyingxiang
-
一级导航-审批流程.icon-yijidaohang-shenpiliucheng
-
一级导航-费用申请.icon-yijidaohang-feiyongshenqing
-
顶部导航-繁体中文.icon-dingbudaohang-fantizhongwen
-
三级导航-办公行政报账.icon-sanjidaohang-bangonghangzhengbaozhang
-
三级导航-办公行政报销.icon-sanjidaohang-bangonghangzhengbaoxiao
-
三级导航-保证金付款.icon-sanjidaohang-baozhengjinfukuan
-
三级导航-报销事前申请.icon-sanjidaohang-baoxiaoshiqianshenqing
-
三级导航-保证金押金.icon-sanjidaohang-baozhengjinyajin
-
三级导航-财务费用.icon-sanjidaohang-caiwufeiyong
-
三级导航-公司借还款.icon-sanjidaohang-gongsijiehuankuan
-
三级导航-费用计提及摊销.icon-sanjidaohang-feiyongjitijitanxiao
-
三级导航-内部往来.icon-sanjidaohang-neibuwanglai
-
三级导航-其他费用报账.icon-sanjidaohang-qitafeiyongbaozhang
-
三级导航-供应商预付款.icon-sanjidaohang-gongyingshangyufukuan
-
三级导航-投资.icon-sanjidaohang-touzi
-
三级导航-商务成本报账.icon-sanjidaohang-shangwuchengbenbaozhang
-
三级导航-税费.icon-sanjidaohang-shuifei
-
三级导航-营业外收支.icon-sanjidaohang-yingyewaishouzhi
-
三级导航-员工商务报销.icon-sanjidaohang-yuangongshangwubaoxiao
-
三级导航-在建工程转固.icon-sanjidaohang-zaijiangongchengzhuangu
-
三级导航-资产出售/报虚/盘亏.icon-sanjidaohang-zichanchushoubaoxupankui
-
三级导航-资本性支出报账.icon-sanjidaohang-zibenxingzhichubaozhang
-
三级导航-资产调拨.icon-sanjidaohang-zichantiaobo
-
三级导航-资产改良.icon-sanjidaohang-zichangailiang
-
三级级导航-福利成本报账.icon-sanjijidaohang-fulichengbenbaozhang
-
三级导航-资产其他.icon-sanjidaohang-zichanqita
-
三级级导航-员工福利报销.icon-sanjijidaohang-yuangongfulibaoxiao
-
三级导航-借还款凭证.icon-sanjidaohang-jiehuankuanpingzheng
-
三级级导航-员工借还款.icon-sanjijidaohang-yuangongjiehuankuan
-
办公费.icon-bangongfei
-
包装费.icon-baozhuangfei
-
办公行政用品费.icon-bangonghangzhengyongpinfei
-
保险费.icon-baoxianfei
-
报关费.icon-baoguanfei
-
安全生产.icon-anquanshengchan
-
仓储费.icon-cangchufei
-
财务费用-银行手续费.icon-caiwufeiyong-yinhangshouxufei
-
差旅事前申请.icon-chalvshiqianshenqing
-
偿还短期借款-银行自动扣款.icon-changhuanduanqijiekuan-yinhangzidongkoukuan
-
差旅费.icon-chalvfei
-
偿还内部借款.icon-changhuanneibujiekuan
-
四级导航-认证费.icon-sijidaohang-renzhengfei
-
偿还短期借款.icon-changhuanduanqijiekuan
-
偿还长期借款-银行自动扣款.icon-changhuanchangqijiekuan-yinhangzidongkoukuan
-
偿还长期期借款.icon-changhuanchangqiqijiekuan
-
存货报损报溢处理.icon-cunhuobaosunbaoyichuli
-
出售.icon-chushou
-
存货跌价.icon-cunhuodiejia
-
促销费用.icon-cuxiaofeiyong
-
存货盘点 盘亏.icon-cunhuopandianpankui
-
存货盘点 盘盈.icon-cunhuopandianpanying
-
递延收益.icon-diyanshouyi
-
代理费.icon-dailifei
-
短期借款.icon-duanqijiekuan
-
发起内部借款.icon-faqineibujiekuan
-
非审计费.icon-feishenjifei
-
费用预付款.icon-feiyongyufukuan
-
购汇.icon-gouhui
-
后续计量价值调整.icon-houxujiliangjiazhitiaozheng
-
购买.icon-goumai
-
计提车船税.icon-jitichechuanshui
-
计提城建税.icon-jitichengjianshui
-
计提递延所税负债.icon-jitidiyansuoshuifuzhai
-
计提地方教育费附加.icon-jitidifangjiaoyufeifujia
-
计提教育费附加.icon-jitijiaoyufeifujia
-
计提房产税.icon-jitifangchanshui
-
计提递延所税资产.icon-jitidiyansuoshuizichan
-
计提土地使用税.icon-jititudishiyongshui
-
计提消费税.icon-jitixiaofeishui
-
计提增值税.icon-jitizengzhishui
-
计提企业所得税.icon-jitiqiyesuodeshui
-
计提资金归集利息支出.icon-jitizijinguijilixizhichu
-
结汇.icon-jiehui
-
捐赠收入.icon-juanzengshouru
-
捐赠支出.icon-juanzengzhichu
-
缴纳税费.icon-jiaonashuifei
-
快递费.icon-kuaidifei
-
劳动保护费 2.icon-laodongbaohufei
-
劳动保护费.icon-laodongbaohufei1
-
利息收入-内部存款.icon-lixishouru-neibucunkuan
-
利息收入-银行存款.icon-lixishouru-yinhangcunkuan
-
利息收入-资金池存款.icon-lixishouru-zijinchicunkuan
-
计提土地增值税.icon-jititudizengzhishui
-
内部代垫费用.icon-neibudaidianfeiyong
-
绿化费.icon-lvhuafei
-
内部借款计息-债权方.icon-neibujiekuanjixi-zhaiquanfang
-
内部往来挂账.icon-neibuwanglaiguazhang
-
内部借款计息-债务方.icon-neibujiekuanjixi-zhaiwufang
-
内部借款收息.icon-neibujiekuanshouxi
-
赔偿收入.icon-peichangshouru
-
期间费用分摊.icon-qijianfeiyongfentan
-
内部银行账户划转.icon-neibuyinhangzhanghuhuazhuan
-
其他调整.icon-qitatiaozheng
-
其他新增.icon-qitaxinzeng
-
其他业务成本.icon-qitayewuchengben
-
其他应收款坏账准备.icon-qitayingshoukuanhuaizhangzhunbei
-
确认其他应收款坏账.icon-querenqitayingshoukuanhuaizhang
-
确认应收账款坏账.icon-querenyingshouzhangkuanhuaizhang
-
取得内部借款.icon-qudeneibujiekuan
-
软件服务费.icon-ruanjianfuwufei
-
商检费.icon-shangjianfei
-
上下游业务罚款.icon-shangxiayouyewufakuan
-
社团费.icon-shetuanfei
-
社保公积金.icon-shebaogongjijin
-
试验检验费.icon-shiyanjianyanfei
-
收回坏账.icon-shouhuihuaizhang
-
收到股息.icon-shoudaoguxi
-
手机.icon-shouji
-
收取押金.icon-shouquyajin
-
收取保证金.icon-shouqubaozhengjin
-
收回内部借款.icon-shouhuineibujiekuan
-
水电气费.icon-shuidianqifei
-
四级导航-车辆费用 2.icon-sijidaohang-cheliangfeiyong
-
税金.icon-shuijin
-
四级导航-车辆费用.icon-sijidaohang-cheliangfeiyong1
-
四级导航-广告宣传费.icon-sijidaohang-guanggaoxuanchuanfei
-
四级导航-会议费.icon-sijidaohang-huiyifei
-
四级导航-交通费.icon-sijidaohang-jiaotongfei
-
四级导航-通讯费.icon-sijidaohang-tongxunfei
-
四级导航-培训费.icon-sijidaohang-peixunfei
-
四级导航-市场推广费.icon-sijidaohang-shichangtuiguangfei
-
四级导航-招标费.icon-sijidaohang-zhaobiaofei
-
四级导航-业务招待费.icon-sijidaohang-yewuzhaodaifei
-
四级导航-职工教育经费.icon-sijidaohang-zhigongjiaoyujingfei
-
四级导航-综合福利补贴.icon-sijidaohang-zonghefulibutie
-
外部借款付息.icon-waibujiekuanfuxi
-
退回各类保证金及押金.icon-tuihuigeleibaozhengjinjiyajin
-
外部借款计息.icon-waibujiekuanjixi
-
维修保养费.icon-weixiubaoyangfei
-
污水处理费.icon-wushuichulifei
-
损耗品费用.icon-sunhaopinfeiyong
-
行政收费.icon-hangzhengshoufei
-
应收账款坏账准备.icon-yingshouzhangkuanhuaizhangzhunbei
-
员工借款.icon-yuangongjiekuan
-
样品费.icon-yangpinfei
-
员工现金还款.icon-yuangongxianjinhuankuan
-
员工转账还款.icon-yuangongzhuanzhanghuankuan
-
运输费.icon-yunshufei
-
在建工程转固.icon-zaijiangongchengzhuangu
-
展览费.icon-zhanlanfei
-
增值税进项税转出.icon-zengzhishuijinxiangshuizhuanchu
-
长期借款.icon-changqijiekuan
-
招聘费.icon-zhaopinfei
-
支付保证金.icon-zhifubaozhengjin
-
支付股息.icon-zhifuguxi
-
支付内部借款利息.icon-zhifuneibujiekuanlixi
-
支付税收罚款及滞纳金.icon-zhifushuishoufakuanjizhinajin
-
支付现金折扣.icon-zhifuxianjinzhekou
-
支付外部借款利息.icon-zhifuwaibujiekuanlixi
-
支付投资款.icon-zhifutouzikuan
-
专业机构费.icon-zhuanyejigoufei
-
支付资金池存款利息.icon-zhifuzijinchicunkuanlixi
-
装卸驳运费.icon-zhuangxieboyunfei
-
资产处置.icon-zichanchuzhi
-
资产调拨svg.icon-zichantiaobosvg
-
资产采购.icon-zichancaigou
-
资产技改.icon-zichanjigai
-
资产减值报账单.icon-zichanjianzhibaozhangdan
-
资金归集-下拨.icon-zijinguiji-xiabo
-
租赁费用.icon-zulinfeiyong
-
资产盘点报账单.icon-zichanpandianbaozhangdan
-
政府补助.icon-zhengfubuzhu
-
顶部导航-退出系统.icon-dingbudaohang-tuichuxitong
-
顶部导航-简体中文.icon-dingbudaohang-jiantizhongwen
-
顶部导航-帮助svg.icon-dingbudaohang-bangzhusvg
-
顶部导航-英文.icon-dingbudaohang-yingwen
-
双箭头.icon-shuangjiantou
-
金额浮窗icon.icon-jinefuchuangicon
-
正在处理.icon-zhengzaichuli
-
已处理.icon-yichuli
-
未处理.icon-weichuli
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"。