IconFont 图标
-
右边
-
左边
-
手机
-
更换
-
对
-
秒表
-
定位
-
下
-
图片加载失败-02
-
车辆订单
-
支付宝
-
搜索
-
提示
-
行驶里程
-
错
-
日期
-
代金券
-
日历
-
货品_f
-
信息
-
叹号
-
二维码
-
定位
-
12已结清
-
53二维码
-
71收入
-
b95555
-
b95533
-
b95508
-
b11185
-
b95559
-
b95528
-
b95558
-
b95561
-
b95566
-
b95577
-
b95511
-
b95568
-
b95599
-
b95574
-
b95588
-
80握手
-
81接单
-
78来回
-
82时间
-
04审核通过
-
01创建
-
06审核中
-
05审核未通过
-
03右
-
02返回
-
09扫一扫
-
07添加
-
10.6
-
08搜索
-
10设置
-
11编辑
-
10.5二维码
-
13删除
-
37错误
-
46授信付
-
45信息
-
36成功
-
63手机
-
47其它付
-
15账户安全
-
10.7联系
-
33密码
-
32手机号
-
34确认密码
-
38关闭
-
39新订单
-
35验证码
-
41到货确认
-
48我的账户
-
42待确认
-
40在途状态
-
44全部
-
49授信额度
-
43回单确认
-
50还款
-
51客服
-
52余额
-
64等级1
-
65等级0.5
-
66等级0
-
67*新订单
-
70*待确认
-
68*在途
-
69*到货确认
-
72*全部
-
71*回单确认
-
车辆管理
-
上传
-
成功
-
60认证企业
-
61已认证
-
62未认证
-
承运2
-
承运3
-
待支付2
-
待支付3
-
发运2
-
额外费用3
-
额外费用2
-
发运3
-
司机2
-
司机3
-
我的3
-
我的2
-
在途2
-
在途3
-
账户2
-
账户3
-
额外费用-o
-
承运-o
-
待支付-o
-
我的-o
-
司机-o
-
在途-o
-
账户-o
-
发运-o
-
暂无订单
-
暂无订单 2
-
企业默认头像
-
企业员工
-
11编辑
-
11编辑
-
承运商1
-
承运商
-
车辆管理
-
合作车源1
-
车辆管理1
-
合作车源
-
目的地1
-
启运地
-
目的地
-
我的客户
-
银行卡1
-
银行卡
-
启运地1
-
我的客户1
-
账户安全
-
账户安全1
-
自有车辆
-
自有车辆1
-
我的账户1
-
支付密码1
-
我的账户
-
支付密码
-
额外费用1
-
待支付1
-
承运1
-
司机1
-
我的1
-
在途1
-
发运1
-
账户1
-
公告
-
关闭
-
企业
-
启运地目的地
-
分享
-
选中
-
b11185
-
b95508
-
b95559
-
b95533
-
b95558
-
b95528
-
b95561
-
b95566
-
b95555
-
b95511
-
b95568
-
b95574
-
b95588
-
b95599
-
b95577
-
06审核中
-
默认方头像
-
圆头像
-
表情
-
地址
-
默认方头像1
-
71收入1
-
85支出
-
司机实名通过
-
司机实名未通过
-
企业认证通过
-
企业认证未通过
-
消息
-
司机头像
-
司机圆头像
-
司机方头像
-
线下还款
-
个人银联
-
余额
-
企业银联
-
收起
-
展开
-
勾选
-
勾选-o
-
额度变更
-
额度增加
-
额度减少
-
71收入1
-
85支出
-
分享
-
接单二维码
-
叹号
-
企业员工默认圆头像
-
企业员工默认头像
-
x
-
nothing
-
信息
-
企业员工默认圆头像
-
目的地
-
启运地
-
我的客户
-
银行卡管理
-
支付密码
-
账户安全
-
金额
-
定位
-
消息
-
还款
-
授信额度
-
我的账户
-
联系
-
车辆管理
-
合作车源
-
我的承运商
-
其它银行
-
b11185
-
b95558
-
b95555
-
b95559
-
b95533
-
b95561
-
b95508
-
b95566
-
b95577
-
b95574
-
b95588
-
b95528
-
b95599
-
b95511
-
还款
-
授信额度
-
我的账户
-
放款记录
-
待放款
-
提示
-
转线下
-
已结清
-
支付中
-
b95568
-
73记录
-
订单号
-
发包号
-
申请时间
-
放款时间
-
还款单号
-
油品中心-o
-
油品中心
-
待放款
-
喇叭
-
时间筛选
-
提交成功
-
编辑
-
地址
-
联系人
-
座机
-
下
-
授信额度02
-
授信受理中
-
企业
-
地图
-
货品
-
勾选前
-
勾选后
-
勾选
-
专票
-
普票
-
普票单色
-
专票单色
-
个人网银
-
企业网银
-
线下支付
-
错误
-
消息
-
承运
-
批量确认到货
-
消息
-
积分
-
首页
-
坐标
-
轨迹
-
接单二维码
-
添加
-
起点终点
-
起点
-
终点
-
终点
-
起点
-
勾选
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"。