yuyubo/MeiSaiSiXieTongApi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
MeiSaiSiXieTongApi/MyCode.Project.WebApi/pages/static/light/fonts/demo_unicode.html
yuyubo 9340f5253e 333
2025-04-24 18:31:27 +08:00

1669 lines
61 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css">
<style type="text/css">
@font-face {font-family: "iconfont";
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome, firefox */
url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.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;
}
</style>
</head>
<body>
<div class="main markdown">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<i class="icon iconfont">&#xe6b7;</i>
<div class="name">全部订单</div>
<div class="code">&amp;#xe6b7;</div>
</li>
<li>
<i class="icon iconfont">&#xe684;</i>
<div class="name">pdf</div>
<div class="code">&amp;#xe684;</div>
</li>
<li>
<i class="icon iconfont">&#xe608;</i>
<div class="name">年份切换向左</div>
<div class="code">&amp;#xe608;</div>
</li>
<li>
<i class="icon iconfont">&#xe69a;</i>
<div class="name">book</div>
<div class="code">&amp;#xe69a;</div>
</li>
<li>
<i class="icon iconfont">&#xe691;</i>
<div class="name">圆圈</div>
<div class="code">&amp;#xe691;</div>
</li>
<li>
<i class="icon iconfont">&#xe6bc;</i>
<div class="name">数据库</div>
<div class="code">&amp;#xe6bc;</div>
</li>
<li>
<i class="icon iconfont">&#xe6bd;</i>
<div class="name">邮箱</div>
<div class="code">&amp;#xe6bd;</div>
</li>
<li>
<i class="icon iconfont">&#xe69b;</i>
<div class="name">未完成</div>
<div class="code">&amp;#xe69b;</div>
</li>
<li>
<i class="icon iconfont">&#xe660;</i>
<div class="name">del</div>
<div class="code">&amp;#xe660;</div>
</li>
<li>
<i class="icon iconfont">&#xe630;</i>
<div class="name">发布</div>
<div class="code">&amp;#xe630;</div>
</li>
<li>
<i class="icon iconfont">&#xe68c;</i>
<div class="name">下一个</div>
<div class="code">&amp;#xe68c;</div>
</li>
<li>
<i class="icon iconfont">&#xe700;</i>
<div class="name">发送</div>
<div class="code">&amp;#xe700;</div>
</li>
<li>
<i class="icon iconfont">&#xe61d;</i>
<div class="name">邮件</div>
<div class="code">&amp;#xe61d;</div>
</li>
<li>
<i class="icon iconfont">&#xe6fe;</i>
<div class="name">信息</div>
<div class="code">&amp;#xe6fe;</div>
</li>
<li>
<i class="icon iconfont">&#xe69c;</i>
<div class="name">换一换</div>
<div class="code">&amp;#xe69c;</div>
</li>
<li>
<i class="icon iconfont">&#xe61c;</i>
<div class="name">铃铛</div>
<div class="code">&amp;#xe61c;</div>
</li>
<li>
<i class="icon iconfont">&#xe60a;</i>
<div class="name">文件夹3</div>
<div class="code">&amp;#xe60a;</div>
</li>
<li>
<i class="icon iconfont">&#xe701;</i>
<div class="name">新增任务</div>
<div class="code">&amp;#xe701;</div>
</li>
<li>
<i class="icon iconfont">&#xe6b3;</i>
<div class="name">供应商管理</div>
<div class="code">&amp;#xe6b3;</div>
</li>
<li>
<i class="icon iconfont">&#xe6b4;</i>
<div class="name">收藏供应商</div>
<div class="code">&amp;#xe6b4;</div>
</li>
<li>
<i class="icon iconfont">&#xe6b5;</i>
<div class="name">新增供应商</div>
<div class="code">&amp;#xe6b5;</div>
</li>
<li>
<i class="icon iconfont">&#xe6b6;</i>
<div class="name">供应商设置</div>
<div class="code">&amp;#xe6b6;</div>
</li>
<li>
<i class="icon iconfont">&#xe670;</i>
<div class="name">下载</div>
<div class="code">&amp;#xe670;</div>
</li>
<li>
<i class="icon iconfont">&#xe633;</i>
<div class="name">验证码</div>
<div class="code">&amp;#xe633;</div>
</li>
<li>
<i class="icon iconfont">&#xe6e1;</i>
<div class="name">物料管理-</div>
<div class="code">&amp;#xe6e1;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ea;</i>
<div class="name">钢厂2</div>
<div class="code">&amp;#xe6ea;</div>
</li>
<li>
<i class="icon iconfont">&#xe6e2;</i>
<div class="name">不锈钢4</div>
<div class="code">&amp;#xe6e2;</div>
</li>
<li>
<i class="icon iconfont">&#xe6bf;</i>
<div class="name">55业务申请归档</div>
<div class="code">&amp;#xe6bf;</div>
</li>
<li>
<i class="icon iconfont">&#xe6c0;</i>
<div class="name">56公文申请归档</div>
<div class="code">&amp;#xe6c0;</div>
</li>
<li>
<i class="icon iconfont">&#xe6c1;</i>
<div class="name">57其他申请归档</div>
<div class="code">&amp;#xe6c1;</div>
</li>
<li>
<i class="icon iconfont">&#xe656;</i>
<div class="name">redo-outline</div>
<div class="code">&amp;#xe656;</div>
</li>
<li>
<i class="icon iconfont">&#xe640;</i>
<div class="name">返回</div>
<div class="code">&amp;#xe640;</div>
</li>
<li>
<i class="icon iconfont">&#xe6aa;</i>
<div class="name">商务合作</div>
<div class="code">&amp;#xe6aa;</div>
</li>
<li>
<i class="icon iconfont">&#xe69d;</i>
<div class="name">运行完成</div>
<div class="code">&amp;#xe69d;</div>
</li>
<li>
<i class="icon iconfont">&#xe636;</i>
<div class="name">撤销</div>
<div class="code">&amp;#xe636;</div>
</li>
<li>
<i class="icon iconfont">&#xe613;</i>
<div class="name">搜索</div>
<div class="code">&amp;#xe613;</div>
</li>
<li>
<i class="icon iconfont">&#xe6d0;</i>
<div class="name">人员添加</div>
<div class="code">&amp;#xe6d0;</div>
</li>
<li>
<i class="icon iconfont">&#xe61e;</i>
<div class="name">订单合同</div>
<div class="code">&amp;#xe61e;</div>
</li>
<li>
<i class="icon iconfont">&#xe644;</i>
<div class="name">记录</div>
<div class="code">&amp;#xe644;</div>
</li>
<li>
<i class="icon iconfont">&#xe641;</i>
<div class="name">任务</div>
<div class="code">&amp;#xe641;</div>
</li>
<li>
<i class="icon iconfont">&#xe61f;</i>
<div class="name">待办</div>
<div class="code">&amp;#xe61f;</div>
</li>
<li>
<i class="icon iconfont">&#xe6a5;</i>
<div class="name">供求对话</div>
<div class="code">&amp;#xe6a5;</div>
</li>
<li>
<i class="icon iconfont">&#xe657;</i>
<div class="name">刷新</div>
<div class="code">&amp;#xe657;</div>
</li>
<li>
<i class="icon iconfont">&#xe668;</i>
<div class="name">list</div>
<div class="code">&amp;#xe668;</div>
</li>
<li>
<i class="icon iconfont">&#xe661;</i>
<div class="name">del</div>
<div class="code">&amp;#xe661;</div>
</li>
<li>
<i class="icon iconfont">&#xe60d;</i>
<div class="name">用户</div>
<div class="code">&amp;#xe60d;</div>
</li>
<li>
<i class="icon iconfont">&#xe6c2;</i>
<div class="name">收到的申请</div>
<div class="code">&amp;#xe6c2;</div>
</li>
<li>
<i class="icon iconfont">&#xe60e;</i>
<div class="name">退出</div>
<div class="code">&amp;#xe60e;</div>
</li>
<li>
<i class="icon iconfont">&#xe6e9;</i>
<div class="name">553-组织架构</div>
<div class="code">&amp;#xe6e9;</div>
</li>
<li>
<i class="icon iconfont">&#xe631;</i>
<div class="name">返回</div>
<div class="code">&amp;#xe631;</div>
</li>
<li>
<i class="icon iconfont">&#xe642;</i>
<div class="name">向右</div>
<div class="code">&amp;#xe642;</div>
</li>
<li>
<i class="icon iconfont">&#xe6d1;</i>
<div class="name">人员管理2</div>
<div class="code">&amp;#xe6d1;</div>
</li>
<li>
<i class="icon iconfont">&#xe635;</i>
<div class="name">更多</div>
<div class="code">&amp;#xe635;</div>
</li>
<li>
<i class="icon iconfont">&#xe627;</i>
<div class="name">1</div>
<div class="code">&amp;#xe627;</div>
</li>
<li>
<i class="icon iconfont">&#xe628;</i>
<div class="name">3</div>
<div class="code">&amp;#xe628;</div>
</li>
<li>
<i class="icon iconfont">&#xe65b;</i>
<div class="name">md_流程</div>
<div class="code">&amp;#xe65b;</div>
</li>
<li>
<i class="icon iconfont">&#xe685;</i>
<div class="name">导出Excel</div>
<div class="code">&amp;#xe685;</div>
</li>
<li>
<i class="icon iconfont">&#xe6f6;</i>
<div class="name">发件箱</div>
<div class="code">&amp;#xe6f6;</div>
</li>
<li>
<i class="icon iconfont">&#xe643;</i>
<div class="name">筛选_jammy</div>
<div class="code">&amp;#xe643;</div>
</li>
<li>
<i class="icon iconfont">&#xe6f7;</i>
<div class="name">720草稿箱</div>
<div class="code">&amp;#xe6f7;</div>
</li>
<li>
<i class="icon iconfont">&#xe662;</i>
<div class="name">移除</div>
<div class="code">&amp;#xe662;</div>
</li>
<li>
<i class="icon iconfont">&#xe663;</i>
<div class="name">添加</div>
<div class="code">&amp;#xe663;</div>
</li>
<li>
<i class="icon iconfont">&#xe63b;</i>
<div class="name">关闭</div>
<div class="code">&amp;#xe63b;</div>
</li>
<li>
<i class="icon iconfont">&#xe646;</i>
<div class="name">绩效</div>
<div class="code">&amp;#xe646;</div>
</li>
<li>
<i class="icon iconfont">&#xe6a6;</i>
<div class="name">开发图</div>
<div class="code">&amp;#xe6a6;</div>
</li>
<li>
<i class="icon iconfont">&#xe69f;</i>
<div class="name">成功</div>
<div class="code">&amp;#xe69f;</div>
</li>
<li>
<i class="icon iconfont">&#xe664;</i>
<div class="name">筛选</div>
<div class="code">&amp;#xe664;</div>
</li>
<li>
<i class="icon iconfont">&#xe6c6;</i>
<div class="name">样</div>
<div class="code">&amp;#xe6c6;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ab;</i>
<div class="name">商务合作</div>
<div class="code">&amp;#xe6ab;</div>
</li>
<li>
<i class="icon iconfont">&#xe629;</i>
<div class="name">2</div>
<div class="code">&amp;#xe629;</div>
</li>
<li>
<i class="icon iconfont">&#xe62a;</i>
<div class="name">4</div>
<div class="code">&amp;#xe62a;</div>
</li>
<li>
<i class="icon iconfont">&#xe62b;</i>
<div class="name">5</div>
<div class="code">&amp;#xe62b;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ed;</i>
<div class="name">个人设置</div>
<div class="code">&amp;#xe6ed;</div>
</li>
<li>
<i class="icon iconfont">&#xe6f8;</i>
<div class="name">收件箱</div>
<div class="code">&amp;#xe6f8;</div>
</li>
<li>
<i class="icon iconfont">&#xe658;</i>
<div class="name">对勾</div>
<div class="code">&amp;#xe658;</div>
</li>
<li>
<i class="icon iconfont">&#xe62c;</i>
<div class="name">icon-确认</div>
<div class="code">&amp;#xe62c;</div>
</li>
<li>
<i class="icon iconfont">&#xe637;</i>
<div class="name">导出3</div>
<div class="code">&amp;#xe637;</div>
</li>
<li>
<i class="icon iconfont">&#xe6d9;</i>
<div class="name">设计图纸</div>
<div class="code">&amp;#xe6d9;</div>
</li>
<li>
<i class="icon iconfont">&#xe605;</i>
<div class="name">关闭</div>
<div class="code">&amp;#xe605;</div>
</li>
<li>
<i class="icon iconfont">&#xe606;</i>
<div class="name">向上</div>
<div class="code">&amp;#xe606;</div>
</li>
<li>
<i class="icon iconfont">&#xe634;</i>
<div class="name">密码</div>
<div class="code">&amp;#xe634;</div>
</li>
<li>
<i class="icon iconfont">&#xe66e;</i>
<div class="name">comments</div>
<div class="code">&amp;#xe66e;</div>
</li>
<li>
<i class="icon iconfont">&#xe623;</i>
<div class="name">竞拍单据</div>
<div class="code">&amp;#xe623;</div>
</li>
<li>
<i class="icon iconfont">&#xe702;</i>
<div class="name">发布</div>
<div class="code">&amp;#xe702;</div>
</li>
<li>
<i class="icon iconfont">&#xe686;</i>
<div class="name">file-excel</div>
<div class="code">&amp;#xe686;</div>
</li>
<li>
<i class="icon iconfont">&#xe687;</i>
<div class="name">file-word</div>
<div class="code">&amp;#xe687;</div>
</li>
<li>
<i class="icon iconfont">&#xe647;</i>
<div class="name">待收货</div>
<div class="code">&amp;#xe647;</div>
</li>
<li>
<i class="icon iconfont">&#xe616;</i>
<div class="name">向左</div>
<div class="code">&amp;#xe616;</div>
</li>
<li>
<i class="icon iconfont">&#xe648;</i>
<div class="name">楼盘</div>
<div class="code">&amp;#xe648;</div>
</li>
<li>
<i class="icon iconfont">&#xe671;</i>
<div class="name">用户</div>
<div class="code">&amp;#xe671;</div>
</li>
<li>
<i class="icon iconfont">&#xe6a7;</i>
<div class="name">邀请好友 朋友 合作伙伴</div>
<div class="code">&amp;#xe6a7;</div>
</li>
<li>
<i class="icon iconfont">&#xe649;</i>
<div class="name">待收货</div>
<div class="code">&amp;#xe649;</div>
</li>
<li>
<i class="icon iconfont">&#xe692;</i>
<div class="name">供应商管理</div>
<div class="code">&amp;#xe692;</div>
</li>
<li>
<i class="icon iconfont">&#xe680;</i>
<div class="name">导出</div>
<div class="code">&amp;#xe680;</div>
</li>
<li>
<i class="icon iconfont">&#xe688;</i>
<div class="name">key</div>
<div class="code">&amp;#xe688;</div>
</li>
<li>
<i class="icon iconfont">&#xe65c;</i>
<div class="name">shapes</div>
<div class="code">&amp;#xe65c;</div>
</li>
<li>
<i class="icon iconfont">&#xe706;</i>
<div class="name">向右箭头</div>
<div class="code">&amp;#xe706;</div>
</li>
<li>
<i class="icon iconfont">&#xe610;</i>
<div class="name">向右</div>
<div class="code">&amp;#xe610;</div>
</li>
<li>
<i class="icon iconfont">&#xe703;</i>
<div class="name">删除</div>
<div class="code">&amp;#xe703;</div>
</li>
<li>
<i class="icon iconfont">&#xe6e0;</i>
<div class="name">财务统计</div>
<div class="code">&amp;#xe6e0;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ee;</i>
<div class="name">宝典</div>
<div class="code">&amp;#xe6ee;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ca;</i>
<div class="name">招投标</div>
<div class="code">&amp;#xe6ca;</div>
</li>
<li>
<i class="icon iconfont">&#xe624;</i>
<div class="name">招标</div>
<div class="code">&amp;#xe624;</div>
</li>
<li>
<i class="icon iconfont">&#xe620;</i>
<div class="name">供应商</div>
<div class="code">&amp;#xe620;</div>
</li>
<li>
<i class="icon iconfont">&#xe6fb;</i>
<div class="name">扫码</div>
<div class="code">&amp;#xe6fb;</div>
</li>
<li>
<i class="icon iconfont">&#xe705;</i>
<div class="name">邮件</div>
<div class="code">&amp;#xe705;</div>
</li>
<li>
<i class="icon iconfont">&#xe645;</i>
<div class="name">评</div>
<div class="code">&amp;#xe645;</div>
</li>
<li>
<i class="icon iconfont">&#xe603;</i>
<div class="name">缩小</div>
<div class="code">&amp;#xe603;</div>
</li>
<li>
<i class="icon iconfont">&#xe64a;</i>
<div class="name">日程</div>
<div class="code">&amp;#xe64a;</div>
</li>
<li>
<i class="icon iconfont">&#xe6c4;</i>
<div class="name">服务中心~-工厂认证</div>
<div class="code">&amp;#xe6c4;</div>
</li>
<li>
<i class="icon iconfont">&#xe696;</i>
<div class="name">供应商看板</div>
<div class="code">&amp;#xe696;</div>
</li>
<li>
<i class="icon iconfont">&#xe64b;</i>
<div class="name">订单</div>
<div class="code">&amp;#xe64b;</div>
</li>
<li>
<i class="icon iconfont">&#xe6c7;</i>
<div class="name">企业终止</div>
<div class="code">&amp;#xe6c7;</div>
</li>
<li>
<i class="icon iconfont">&#xe6e7;</i>
<div class="name">供应商管理</div>
<div class="code">&amp;#xe6e7;</div>
</li>
<li>
<i class="icon iconfont">&#xe6c5;</i>
<div class="name">现场考核</div>
<div class="code">&amp;#xe6c5;</div>
</li>
<li>
<i class="icon iconfont">&#xe65d;</i>
<div class="name">图片</div>
<div class="code">&amp;#xe65d;</div>
</li>
<li>
<i class="icon iconfont">&#xe62d;</i>
<div class="name">测评</div>
<div class="code">&amp;#xe62d;</div>
</li>
<li>
<i class="icon iconfont">&#xe6fa;</i>
<div class="name">调查问卷</div>
<div class="code">&amp;#xe6fa;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ac;</i>
<div class="name">交谈</div>
<div class="code">&amp;#xe6ac;</div>
</li>
<li>
<i class="icon iconfont">&#xe6e5;</i>
<div class="name">组 group</div>
<div class="code">&amp;#xe6e5;</div>
</li>
<li>
<i class="icon iconfont">&#xe659;</i>
<div class="name">删除</div>
<div class="code">&amp;#xe659;</div>
</li>
<li>
<i class="icon iconfont">&#xe60f;</i>
<div class="name">删除</div>
<div class="code">&amp;#xe60f;</div>
</li>
<li>
<i class="icon iconfont">&#xe689;</i>
<div class="name">同步</div>
<div class="code">&amp;#xe689;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ef;</i>
<div class="name">titlebar-菜单</div>
<div class="code">&amp;#xe6ef;</div>
</li>
<li>
<i class="icon iconfont">&#xe62e;</i>
<div class="name">flag</div>
<div class="code">&amp;#xe62e;</div>
</li>
<li>
<i class="icon iconfont">&#xe619;</i>
<div class="name">iconfont-pdf</div>
<div class="code">&amp;#xe619;</div>
</li>
<li>
<i class="icon iconfont">&#xe604;</i>
<div class="name">最大化</div>
<div class="code">&amp;#xe604;</div>
</li>
<li>
<i class="icon iconfont">&#xe6cb;</i>
<div class="name">询价</div>
<div class="code">&amp;#xe6cb;</div>
</li>
<li>
<i class="icon iconfont">&#xe672;</i>
<div class="name">move-down</div>
<div class="code">&amp;#xe672;</div>
</li>
<li>
<i class="icon iconfont">&#xe673;</i>
<div class="name">move-up</div>
<div class="code">&amp;#xe673;</div>
</li>
<li>
<i class="icon iconfont">&#xe665;</i>
<div class="name">保存</div>
<div class="code">&amp;#xe665;</div>
</li>
<li>
<i class="icon iconfont">&#xe621;</i>
<div class="name">收到询价</div>
<div class="code">&amp;#xe621;</div>
</li>
<li>
<i class="icon iconfont">&#xe6b8;</i>
<div class="name">订单管理</div>
<div class="code">&amp;#xe6b8;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ad;</i>
<div class="name">服务商认证</div>
<div class="code">&amp;#xe6ad;</div>
</li>
<li>
<i class="icon iconfont">&#xe600;</i>
<div class="name">保存</div>
<div class="code">&amp;#xe600;</div>
</li>
<li>
<i class="icon iconfont">&#xe62f;</i>
<div class="name">品牌授权</div>
<div class="code">&amp;#xe62f;</div>
</li>
<li>
<i class="icon iconfont">&#xe6fd;</i>
<div class="name">数据配置</div>
<div class="code">&amp;#xe6fd;</div>
</li>
<li>
<i class="icon iconfont">&#xe690;</i>
<div class="name">待处理</div>
<div class="code">&amp;#xe690;</div>
</li>
<li>
<i class="icon iconfont">&#xe625;</i>
<div class="name">询价</div>
<div class="code">&amp;#xe625;</div>
</li>
<li>
<i class="icon iconfont">&#xe63c;</i>
<div class="name">底部导航公告-未选中状态</div>
<div class="code">&amp;#xe63c;</div>
</li>
<li>
<i class="icon iconfont">&#xe61a;</i>
<div class="name">doc</div>
<div class="code">&amp;#xe61a;</div>
</li>
<li>
<i class="icon iconfont">&#xe61b;</i>
<div class="name">xls</div>
<div class="code">&amp;#xe61b;</div>
</li>
<li>
<i class="icon iconfont">&#xe669;</i>
<div class="name">下移</div>
<div class="code">&amp;#xe669;</div>
</li>
<li>
<i class="icon iconfont">&#xe66a;</i>
<div class="name">上移</div>
<div class="code">&amp;#xe66a;</div>
</li>
<li>
<i class="icon iconfont">&#xe6c8;</i>
<div class="name">企业认证</div>
<div class="code">&amp;#xe6c8;</div>
</li>
<li>
<i class="icon iconfont">&#xe60b;</i>
<div class="name">多行文本</div>
<div class="code">&amp;#xe60b;</div>
</li>
<li>
<i class="icon iconfont">&#xe6da;</i>
<div class="name">目录</div>
<div class="code">&amp;#xe6da;</div>
</li>
<li>
<i class="icon iconfont">&#xe601;</i>
<div class="name">向下</div>
<div class="code">&amp;#xe601;</div>
</li>
<li>
<i class="icon iconfont">&#xe638;</i>
<div class="name">发布</div>
<div class="code">&amp;#xe638;</div>
</li>
<li>
<i class="icon iconfont">&#xe6cf;</i>
<div class="name">报表</div>
<div class="code">&amp;#xe6cf;</div>
</li>
<li>
<i class="icon iconfont">&#xe6db;</i>
<div class="name">文档发布</div>
<div class="code">&amp;#xe6db;</div>
</li>
<li>
<i class="icon iconfont">&#xe6d7;</i>
<div class="name">资质认证</div>
<div class="code">&amp;#xe6d7;</div>
</li>
<li>
<i class="icon iconfont">&#xe639;</i>
<div class="name">标记</div>
<div class="code">&amp;#xe639;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ae;</i>
<div class="name">群蜂服务商</div>
<div class="code">&amp;#xe6ae;</div>
</li>
<li>
<i class="icon iconfont">&#xe622;</i>
<div class="name">新加入企业预警</div>
<div class="code">&amp;#xe622;</div>
</li>
<li>
<i class="icon iconfont">&#xe611;</i>
<div class="name">编辑</div>
<div class="code">&amp;#xe611;</div>
</li>
<li>
<i class="icon iconfont">&#xe65e;</i>
<div class="name">内容</div>
<div class="code">&amp;#xe65e;</div>
</li>
<li>
<i class="icon iconfont">&#xe6be;</i>
<div class="name">系统管理</div>
<div class="code">&amp;#xe6be;</div>
</li>
<li>
<i class="icon iconfont">&#xe6de;</i>
<div class="name">计划-01</div>
<div class="code">&amp;#xe6de;</div>
</li>
<li>
<i class="icon iconfont">&#xe674;</i>
<div class="name">教学配置</div>
<div class="code">&amp;#xe674;</div>
</li>
<li>
<i class="icon iconfont">&#xe63d;</i>
<div class="name">任务</div>
<div class="code">&amp;#xe63d;</div>
</li>
<li>
<i class="icon iconfont">&#xe614;</i>
<div class="name">问号</div>
<div class="code">&amp;#xe614;</div>
</li>
<li>
<i class="icon iconfont">&#xe6a8;</i>
<div class="name">发站开单</div>
<div class="code">&amp;#xe6a8;</div>
</li>
<li>
<i class="icon iconfont">&#xe63e;</i>
<div class="name">我</div>
<div class="code">&amp;#xe63e;</div>
</li>
<li>
<i class="icon iconfont">&#xe6df;</i>
<div class="name">托盘箱子</div>
<div class="code">&amp;#xe6df;</div>
</li>
<li>
<i class="icon iconfont">&#xe650;</i>
<div class="name">返回</div>
<div class="code">&amp;#xe650;</div>
</li>
<li>
<i class="icon iconfont">&#xe612;</i>
<div class="name">帮助</div>
<div class="code">&amp;#xe612;</div>
</li>
<li>
<i class="icon iconfont">&#xe6f9;</i>
<div class="name">公告</div>
<div class="code">&amp;#xe6f9;</div>
</li>
<li>
<i class="icon iconfont">&#xe6d2;</i>
<div class="name">款易2.0-管人-邀请员工</div>
<div class="code">&amp;#xe6d2;</div>
</li>
<li>
<i class="icon iconfont">&#xe64c;</i>
<div class="name">质量检验</div>
<div class="code">&amp;#xe64c;</div>
</li>
<li>
<i class="icon iconfont">&#xe60c;</i>
<div class="name">文件夹</div>
<div class="code">&amp;#xe60c;</div>
</li>
<li>
<i class="icon iconfont">&#xe666;</i>
<div class="name">帮助</div>
<div class="code">&amp;#xe666;</div>
</li>
<li>
<i class="icon iconfont">&#xe675;</i>
<div class="name">锁</div>
<div class="code">&amp;#xe675;</div>
</li>
<li>
<i class="icon iconfont">&#xe676;</i>
<div class="name">开锁</div>
<div class="code">&amp;#xe676;</div>
</li>
<li>
<i class="icon iconfont">&#xe677;</i>
<div class="name">加</div>
<div class="code">&amp;#xe677;</div>
</li>
<li>
<i class="icon iconfont">&#xe678;</i>
<div class="name">减</div>
<div class="code">&amp;#xe678;</div>
</li>
<li>
<i class="icon iconfont">&#xe679;</i>
<div class="name">用户</div>
<div class="code">&amp;#xe679;</div>
</li>
<li>
<i class="icon iconfont">&#xe67a;</i>
<div class="name">条形码</div>
<div class="code">&amp;#xe67a;</div>
</li>
<li>
<i class="icon iconfont">&#xe67b;</i>
<div class="name">下载</div>
<div class="code">&amp;#xe67b;</div>
</li>
<li>
<i class="icon iconfont">&#xe67c;</i>
<div class="name">上传</div>
<div class="code">&amp;#xe67c;</div>
</li>
<li>
<i class="icon iconfont">&#xe6af;</i>
<div class="name">经销商服务</div>
<div class="code">&amp;#xe6af;</div>
</li>
<li>
<i class="icon iconfont">&#xe6f3;</i>
<div class="name">权限管理</div>
<div class="code">&amp;#xe6f3;</div>
</li>
<li>
<i class="icon iconfont">&#xe64f;</i>
<div class="name">竞技</div>
<div class="code">&amp;#xe64f;</div>
</li>
<li>
<i class="icon iconfont">&#xe698;</i>
<div class="name">供应链</div>
<div class="code">&amp;#xe698;</div>
</li>
<li>
<i class="icon iconfont">&#xe632;</i>
<div class="name">日志</div>
<div class="code">&amp;#xe632;</div>
</li>
<li>
<i class="icon iconfont">&#xe6f4;</i>
<div class="name">online</div>
<div class="code">&amp;#xe6f4;</div>
</li>
<li>
<i class="icon iconfont">&#xe681;</i>
<div class="name">导入</div>
<div class="code">&amp;#xe681;</div>
</li>
<li>
<i class="icon iconfont">&#xe615;</i>
<div class="name">日期</div>
<div class="code">&amp;#xe615;</div>
</li>
<li>
<i class="icon iconfont">&#xe699;</i>
<div class="name">应急供应分布图</div>
<div class="code">&amp;#xe699;</div>
</li>
<li>
<i class="icon iconfont">&#xe6cc;</i>
<div class="name">价格采集</div>
<div class="code">&amp;#xe6cc;</div>
</li>
<li>
<i class="icon iconfont">&#xe6fc;</i>
<div class="name">绩效评估</div>
<div class="code">&amp;#xe6fc;</div>
</li>
<li>
<i class="icon iconfont">&#xe65f;</i>
<div class="name">统计</div>
<div class="code">&amp;#xe65f;</div>
</li>
<li>
<i class="icon iconfont">&#xe6a9;</i>
<div class="name">合作伙伴管理</div>
<div class="code">&amp;#xe6a9;</div>
</li>
<li>
<i class="icon iconfont">&#xe64e;</i>
<div class="name">筛选</div>
<div class="code">&amp;#xe64e;</div>
</li>
<li>
<i class="icon iconfont">&#xe6a0;</i>
<div class="name">待完成</div>
<div class="code">&amp;#xe6a0;</div>
</li>
<li>
<i class="icon iconfont">&#xe652;</i>
<div class="name">总和</div>
<div class="code">&amp;#xe652;</div>
</li>
<li>
<i class="icon iconfont">&#xe6e8;</i>
<div class="name">公司</div>
<div class="code">&amp;#xe6e8;</div>
</li>
<li>
<i class="icon iconfont">&#xe6e3;</i>
<div class="name">分类</div>
<div class="code">&amp;#xe6e3;</div>
</li>
<li>
<i class="icon iconfont">&#xe6f0;</i>
<div class="name">日常业务</div>
<div class="code">&amp;#xe6f0;</div>
</li>
<li>
<i class="icon iconfont">&#xe6eb;</i>
<div class="name">专业团队</div>
<div class="code">&amp;#xe6eb;</div>
</li>
<li>
<i class="icon iconfont">&#xe602;</i>
<div class="name">向下</div>
<div class="code">&amp;#xe602;</div>
</li>
<li>
<i class="icon iconfont">&#xe607;</i>
<div class="name">向上</div>
<div class="code">&amp;#xe607;</div>
</li>
<li>
<i class="icon iconfont">&#xe609;</i>
<div class="name">年份切换向左</div>
<div class="code">&amp;#xe609;</div>
</li>
<li>
<i class="icon iconfont">&#xe63a;</i>
<div class="name">新增</div>
<div class="code">&amp;#xe63a;</div>
</li>
<li>
<i class="icon iconfont">&#xe65a;</i>
<div class="name">edit</div>
<div class="code">&amp;#xe65a;</div>
</li>
<li>
<i class="icon iconfont">&#xe617;</i>
<div class="name">向左</div>
<div class="code">&amp;#xe617;</div>
</li>
<li>
<i class="icon iconfont">&#xe618;</i>
<div class="name">向右</div>
<div class="code">&amp;#xe618;</div>
</li>
<li>
<i class="icon iconfont">&#xe653;</i>
<div class="name">灯泡</div>
<div class="code">&amp;#xe653;</div>
</li>
<li>
<i class="icon iconfont">&#xe626;</i>
<div class="name">合同</div>
<div class="code">&amp;#xe626;</div>
</li>
<li>
<i class="icon iconfont">&#xe6f5;</i>
<div class="name">权限管理</div>
<div class="code">&amp;#xe6f5;</div>
</li>
<li>
<i class="icon iconfont">&#xe67d;</i>
<div class="name">已连接</div>
<div class="code">&amp;#xe67d;</div>
</li>
<li>
<i class="icon iconfont">&#xe67e;</i>
<div class="name">断开连接</div>
<div class="code">&amp;#xe67e;</div>
</li>
<li>
<i class="icon iconfont">&#xe64d;</i>
<div class="name">退货(1)</div>
<div class="code">&amp;#xe64d;</div>
</li>
<li>
<i class="icon iconfont">&#xe69e;</i>
<div class="name">供应链</div>
<div class="code">&amp;#xe69e;</div>
</li>
<li>
<i class="icon iconfont">&#xe6cd;</i>
<div class="name">合同</div>
<div class="code">&amp;#xe6cd;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ec;</i>
<div class="name">文件共享</div>
<div class="code">&amp;#xe6ec;</div>
</li>
<li>
<i class="icon iconfont">&#xe693;</i>
<div class="name">通过</div>
<div class="code">&amp;#xe693;</div>
</li>
<li>
<i class="icon iconfont">&#xe66f;</i>
<div class="name">定时检查</div>
<div class="code">&amp;#xe66f;</div>
</li>
<li>
<i class="icon iconfont">&#xe6dd;</i>
<div class="name">系统管理</div>
<div class="code">&amp;#xe6dd;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ce;</i>
<div class="name">竞价</div>
<div class="code">&amp;#xe6ce;</div>
</li>
<li>
<i class="icon iconfont">&#xe682;</i>
<div class="name">scan</div>
<div class="code">&amp;#xe682;</div>
</li>
<li>
<i class="icon iconfont">&#xe63f;</i>
<div class="name">云应用</div>
<div class="code">&amp;#xe63f;</div>
</li>
<li>
<i class="icon iconfont">&#xe67f;</i>
<div class="name">上传</div>
<div class="code">&amp;#xe67f;</div>
</li>
<li>
<i class="icon iconfont">&#xe694;</i>
<div class="name">审批_图章_通过</div>
<div class="code">&amp;#xe694;</div>
</li>
<li>
<i class="icon iconfont">&#xe695;</i>
<div class="name">审批_图章_未通过</div>
<div class="code">&amp;#xe695;</div>
</li>
<li>
<i class="icon iconfont">&#xe6a2;</i>
<div class="name">供求</div>
<div class="code">&amp;#xe6a2;</div>
</li>
<li>
<i class="icon iconfont">&#xe6f1;</i>
<div class="name">用户管理</div>
<div class="code">&amp;#xe6f1;</div>
</li>
<li>
<i class="icon iconfont">&#xe6a3;</i>
<div class="name">供应</div>
<div class="code">&amp;#xe6a3;</div>
</li>
<li>
<i class="icon iconfont">&#xe6f2;</i>
<div class="name">潜在用户</div>
<div class="code">&amp;#xe6f2;</div>
</li>
<li>
<i class="icon iconfont">&#xe6dc;</i>
<div class="name">组织管理</div>
<div class="code">&amp;#xe6dc;</div>
</li>
<li>
<i class="icon iconfont">&#xe651;</i>
<div class="name">打印</div>
<div class="code">&amp;#xe651;</div>
</li>
<li>
<i class="icon iconfont">&#xe6d3;</i>
<div class="name">员工离职</div>
<div class="code">&amp;#xe6d3;</div>
</li>
<li>
<i class="icon iconfont">&#xe704;</i>
<div class="name">新增</div>
<div class="code">&amp;#xe704;</div>
</li>
<li>
<i class="icon iconfont">&#xe697;</i>
<div class="name">no</div>
<div class="code">&amp;#xe697;</div>
</li>
<li>
<i class="icon iconfont">&#xe6e4;</i>
<div class="name">20160518_网站首页_银锭icon</div>
<div class="code">&amp;#xe6e4;</div>
</li>
<li>
<i class="icon iconfont">&#xe707;</i>
<div class="name">订单</div>
<div class="code">&amp;#xe707;</div>
</li>
<li>
<i class="icon iconfont">&#xe6b0;</i>
<div class="name">供应商管理</div>
<div class="code">&amp;#xe6b0;</div>
</li>
<li>
<i class="icon iconfont">&#xe6b9;</i>
<div class="name">对订单</div>
<div class="code">&amp;#xe6b9;</div>
</li>
<li>
<i class="icon iconfont">&#xe66c;</i>
<div class="name">窗口1</div>
<div class="code">&amp;#xe66c;</div>
</li>
<li>
<i class="icon iconfont">&#xe66d;</i>
<div class="name">窗口2</div>
<div class="code">&amp;#xe66d;</div>
</li>
<li>
<i class="icon iconfont">&#xe66b;</i>
<div class="name">窗口-01</div>
<div class="code">&amp;#xe66b;</div>
</li>
<li>
<i class="icon iconfont">&#xe6b1;</i>
<div class="name">技术合作 洽谈 合作 会谈</div>
<div class="code">&amp;#xe6b1;</div>
</li>
<li>
<i class="icon iconfont">&#xe6b2;</i>
<div class="name">商务合作 合作</div>
<div class="code">&amp;#xe6b2;</div>
</li>
<li>
<i class="icon iconfont">&#xe683;</i>
<div class="name">导出</div>
<div class="code">&amp;#xe683;</div>
</li>
<li>
<i class="icon iconfont">&#xe6d4;</i>
<div class="name">新平铺-决策分析-从业人员</div>
<div class="code">&amp;#xe6d4;</div>
</li>
<li>
<i class="icon iconfont">&#xe6a4;</i>
<div class="name">物流供应-01</div>
<div class="code">&amp;#xe6a4;</div>
</li>
<li>
<i class="icon iconfont">&#xe6d5;</i>
<div class="name">信息服务-业务预警-从业人员黑名单查询</div>
<div class="code">&amp;#xe6d5;</div>
</li>
<li>
<i class="icon iconfont">&#xe654;</i>
<div class="name">撤销</div>
<div class="code">&amp;#xe654;</div>
</li>
<li>
<i class="icon iconfont">&#xe6a1;</i>
<div class="name">未完成</div>
<div class="code">&amp;#xe6a1;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ba;</i>
<div class="name">订单调度</div>
<div class="code">&amp;#xe6ba;</div>
</li>
<li>
<i class="icon iconfont">&#xe68a;</i>
<div class="name">重置密码</div>
<div class="code">&amp;#xe68a;</div>
</li>
<li>
<i class="icon iconfont">&#xe68b;</i>
<div class="name">reset</div>
<div class="code">&amp;#xe68b;</div>
</li>
<li>
<i class="icon iconfont">&#xe6bb;</i>
<div class="name">数据</div>
<div class="code">&amp;#xe6bb;</div>
</li>
<li>
<i class="icon iconfont">&#xe6ff;</i>
<div class="name">向右</div>
<div class="code">&amp;#xe6ff;</div>
</li>
<li>
<i class="icon iconfont">&#xe667;</i>
<div class="name">剪切</div>
<div class="code">&amp;#xe667;</div>
</li>
<li>
<i class="icon iconfont">&#xe6e6;</i>
<div class="name">群组</div>
<div class="code">&amp;#xe6e6;</div>
</li>
<li>
<i class="icon iconfont">&#xe655;</i>
<div class="name">编辑</div>
<div class="code">&amp;#xe655;</div>
</li>
<li>
<i class="icon iconfont">&#xe68d;</i>
<div class="name">时钟</div>
<div class="code">&amp;#xe68d;</div>
</li>
<li>
<i class="icon iconfont">&#xe68e;</i>
<div class="name">帮助</div>
<div class="code">&amp;#xe68e;</div>
</li>
<li>
<i class="icon iconfont">&#xe68f;</i>
<div class="name">错误提示</div>
<div class="code">&amp;#xe68f;</div>
</li>
<li>
<i class="icon iconfont">&#xe6d6;</i>
<div class="name">业务人员初审</div>
<div class="code">&amp;#xe6d6;</div>
</li>
<li>
<i class="icon iconfont">&#xe6c9;</i>
<div class="name">申请快速，采购简单</div>
<div class="code">&amp;#xe6c9;</div>
</li>
<li>
<i class="icon iconfont">&#xe6d8;</i>
<div class="name">调查问卷</div>
<div class="code">&amp;#xe6d8;</div>
</li>
<li>
<i class="icon iconfont">&#xe6c3;</i>
<div class="name">计划表</div>
<div class="code">&amp;#xe6c3;</div>
</li>
<li>
<i class="icon iconfont">&#xe708;</i>
<div class="name">换肤 (1)</div>
<div class="code">&amp;#xe708;</div>
</li>
</ul>
<h2 id="unicode-">unicode引用</h2>
<hr>
<p>unicode是字体在网页端最原始的应用方式，特点是：</p>
<ul>
<li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
<li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
</ul>
<blockquote>
<p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
</blockquote>
<p>unicode使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
<pre><code class="lang-js hljs javascript">@font-face {
font-family: <span class="hljs-string">'iconfont'</span>;
src: url(<span class="hljs-string">'iconfont.eot'</span>);
src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
<pre><code class="lang-js hljs javascript">.iconfont{
font-family:<span class="hljs-string">"iconfont"</span> !important;
font-size:<span class="hljs-number">16</span>px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
-moz-osx-font-smoothing: grayscale;
}
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
<blockquote>
<p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
</blockquote>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink