-
添加-方框-填充
.icontianjia-fangkuang-tianchong
-
扫码
.iconcode
-
删除
.iconshanchu
-
110导航、地址、位置
.icondaohangdizhiweizhi
-
编辑
.iconbianji
-
微信
.iconweixin
-
解除绑定
.iconjiechubangding
-
地址
.icondizhi
-
个人中心-地址管理
.icongerenzhongxin-dizhiguanli
-
tijiaodingdan-youhuiquan
.icontijiaodingdan-youhuiquan
-
tijiaodingdan-weixin
.icontijiaodingdan-weixin
-
weigouxuan
.iconweigouxuan
-
tijiaodingdan-yu e
.icontijiaodingdan-yue
-
tuanzhanggongzuotai
.icontuanzhanggongzuotai
-
daijiesuanyongjin
.icondaijiesuanyongjin
-
daifukuan
.icondaifukuan
-
wodeyouhuiquan
.iconwodeyouhuiquan
-
wodekefu
.iconwodekefu
-
tuanzhangxinxi
.icontuanzhangxinxi
-
gouxuan
.icongouxuan
-
jifen
.iconjifen
-
gouwuche-shanchu
.icongouwuche-shanchu
-
huiyuan
.iconhuiyuan
-
kefu
.iconkefu
-
juxing
.iconjuxing
-
lingquanzhongxin
.iconlingquanzhongxin
-
liebiao
.iconliebiao
-
pingjiazhongxin
.iconpingjiazhongxin
-
peisongzhong
.iconpeisongzhong
-
pingjiaxingxing
.iconpingjiaxingxing
-
qiandai
.iconqiandai
-
shangpinxiangqing-fenxiang
.iconshangpinxiangqing-fenxiang
-
shangpinxiangqing-jifen
.iconshangpinxiangqing-jifen
-
shangpinxiangqing-gouwuche
.iconshangpinxiangqing-gouwuche
-
shangpinxiangqing-baozhuang
.iconshangpinxiangqing-baozhuang
-
shangpinxiangqing-guanbi
.iconshangpinxiangqing-guanbi
-
shangpinxiangqing-dianpu
.iconshangpinxiangqing-dianpu
-
shangpinxiangqing-kefu
.iconshangpinxiangqing-kefu
-
shangpinxiangqing-qian
.iconshangpinxiangqing-qian
-
shangpinxiangqing-shixiao
.iconshangpinxiangqing-shixiao
-
tihuodianhoutai
.icontihuodianhoutai
-
shezhi
.iconshezhi
-
shouhou
.iconshouhou
-
tijiaodingdan-manjian
.icontijiaodingdan-manjian
-
shenqingchengshihehuoren
.iconshenqingchengshihehuoren
-
shenqingtuanzhang
.iconshenqingtuanzhang
-
tijiaodingdan-dizhi
.icontijiaodingdan-dizhi
-
tijiaodingdan-haoyou
.icontijiaodingdan-haoyou
-
dingdanxiangqing-peisongzhong
.icondingdanxiangqing-peisongzhong
-
dingdanxiangqing-yiwancheng
.icondingdanxiangqing-yiwancheng
-
tijiaodingdan-gouxuan
.icontijiaodingdan-gouxuan
-
weipingjiaxingxing
.iconweipingjiaxingxing
-
gouwuche
.icongouwuche
-
dingdanxiangqing-wuliu
.icondingdanxiangqing-wuliu
-
dianhua
.icondianhua
-
fenxiaogouxuan
.iconfenxiaogouxuan
-
dingdanxiangqing-daifahuo
.icondingdanxiangqing-daifahuo
-
ziyuanruzhu
.iconziyuanruzhu
-
dingdanxiangqing-dizhi
.icondingdanxiangqing-dizhi
-
fenxiaodingdan
.iconfenxiaodingdan
-
daitihuo
.icondaitihuo
-
bofang
.iconbofang
-
dizhiguanli
.icondizhiguanli
-
dingdanxiangqing-daitihuo
.icondingdanxiangqing-daitihuo
-
charutupian
.iconcharutupian
-
gouwuche-jian
.icongouwuche-jian
-
tijiaodingdan-youhuiquan-guanbi
.icontijiaodingdan-youhuiquan-guanbi
-
fenxiao
.iconfenxiao
-
fenxiaokehu
.iconfenxiaokehu
-
shangpinxiangqing-zuanshi
.iconshangpinxiangqing-zuanshi
-
dingdanxiangqing-yiguanbi
.icondingdanxiangqing-yiguanbi
-
fenxiaoma
.iconfenxiaoma
-
dingdanxiangqing-daifukuan
.icondingdanxiangqing-daifukuan
-
dingdanxiangqing-liuyan
.icondingdanxiangqing-liuyan
-
dingdanxiangqing-daipingjia
.icondingdanxiangqing-daipingjia
-
gouwuche-jia
.icongouwuche-jia
-
pc-pingjiaxingxing
.iconpc-pingjiaxingxing
-
gouwuche1
.icongouwuche1
-
tihuodianhoutai-shouhoudingdan
.icontihuodianhoutai-shouhoudingdan
-
tihuodianhoutai-dingdanhexiao
.icontihuodianhoutai-dingdanhexiao
-
tihuodianhoutai-peisongshezhi
.icontihuodianhoutai-peisongshezhi
-
tuanzhanggongzuotaijinbi
.icontuanzhanggongzuotaijinbi
-
tihuodianhoutai-tuanzhangxinxi
.icontihuodianhoutai-tuanzhangxinxi
-
tihuodianhoutai-qianshoudan
.icontihuodianhoutai-qianshoudan
-
tuanzhanggongzuitai-tishi
.icontuanzhanggongzuitai-tishi
-
tihuodianhoutai-yongjin
.icontihuodianhoutai-yongjin
-
bigeguanlitai-yunxingzhong
.iconbigeguanlitai-yunxingzhong
-
bigeguanlitai-fuwuqi
.iconbigeguanlitai-fuwuqi
-
bigeguanlitai-yiguanbi
.iconbigeguanlitai-yiguanbi
-
tihuodianhoutai-dingdanhexiao
.icontihuodianhoutai-dingdanhexiao1
-
bigeguanlitai-CDN
.iconbigeguanlitai-CDN
-
bigeguanlitai-jinrifangke
.iconbigeguanlitai-jinrifangke
-
bigeguanlitai-jinridingdan
.iconbigeguanlitai-jinridingdan
-
bigeguanlitai-jinrichengjiaoe
.iconbigeguanlitai-jinrichengjiaoe
-
PC-tishi1
.iconPC-tishi
-
PC-shijian
.iconPC-shijian
-
PC-bianji
.iconPC-bianji
-
PC-tishi
.iconPC-tishi1
-
PC-beizhu
.iconPC-beizhu
-
PC-shouhougongdan-xiangqing-cangkuchulizhong
.iconPC-shouhougongdan-xiangqing-cangkuchulizhong
-
PC-shouhougongdan-xiangqing-yiwancheng
.iconPC-shouhougongdan-xiangqing-yiwancheng
-
PC-shangpinguanli-shuxingmoban-shanchu
.iconPC-shangpinguanli-shuxingmoban-shanchu
-
PC-shouhougongdan-xiangqing-paisongzhong
.iconPC-shouhougongdan-xiangqing-paisongzhong
-
PC-yichang
.iconPC-yichang
-
tihuodianhoutai-saosao
.icontihuodianhoutai-saosao
-
bigeguanlitai-daifukuandingdanshu
.iconbigeguanlitai-daifukuandingdanshu
-
tihuodianhoutai-shouhoudingdan
.icontihuodianhoutai-shouhoudingdan1
-
tihuodianhoutai-tuanzhangxinxi
.icontihuodianhoutai-tuanzhangxinxi1
-
PC-shouhougongdan-xiangqing-peisongzhong
.iconPC-shouhougongdan-xiangqing-peisongzhong
-
tihuodianhoutai-peisongshezhi
.icontihuodianhoutai-peisongshezhi1
-
shangchuanpingzheng
.iconshangchuanpingzheng
-
PC-yibeizhu
.iconPC-yibeizhu
-
wodeshezhi
.iconwodeshezhi
-
delete,删除,清除,清理
.icondelete
font-class 引用
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
与 Unicode 使用方式相比,具有如下特点:
- 兼容性良好,支持 IE8+,及所有现代浏览器。
- 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
- 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
使用步骤如下:
第一步:引入项目下面生成的 fontclass 代码:
<link rel="stylesheet" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<span class="iconfont iconxxx"></span>
"
iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。