• 提货
    
  • 下单
    
  • 接单
    
  • 查单
    
  • 接单
    
  • 下单
    
  • 仓库_o
    
  • 毛利分析
    
  • 应付费用
    
  • 应收
    
  • 应付结算表
    
  • 应收结算表
    
  • 应付结算模板
    
  • 应收结算模板
    
  • 运单全状态查询
    
  • 在途跟踪
    
  • 应付结算报表
    
  • 结算单打印
    
  • 运输单打印
    
  • 月度KPI
    
  • 整合订单
    
  • 线路整合规则
    
  • 运单审核规则
    
  • 运单管理
    
  • 运单创建
    
  • 质量管理
    
  • 运输管理
    
  • 结算管理
    
  • 回单管理
    
  • 结算单审核
    
  • 提货发车
    
  • 规则
    
  • 整合线路
    
  • 运单审核
    
  • 自有车辆
    
  • 运作线路
    
  • 打印数据源配置
    
  • 打印模板配置
    
  • 符号-数据源配置
    
  • EDI应用配置
    
  • EDI货主项目配置
    
  • 单证文件配置
    
  • 执行日志查询
    
  • 按钮模板关系
    
  • 订单识别模板
    
  • 订单识别导入
    
  • EDI配置
    
  • 邮件配置
    
  • 项目任务
    
  • 数据审批
    
  • 流程管理
    
  • 开发任务
    
  • 快件装箱
    
  • 路由查询
    
  • 快递管理
    
  • 快递下单
    
  • 溯源管理
    
  • 批次流向查询
    
  • 计划批次管理
    
  • 原料溯源查询
    
  • 特种管理
    
  • 订单统计
    
  • 每日库存容量报表
    
  • WMS_越库管理
    
  • 盲收管理
    
  • 齐套管理
    
  • 待入库体积明细报表
    
  • 报表管理
    
  • 规则转移
    
  • 库存分类查询
    
  • 库存对比查询
    
  • 操作记录查询
    
  • 可并托库存查询
    
  • 呆滞库存查询
    
  • 临期预警查询
    
  • 动碰库存查询
    
  • 进出存查询
    
  • 库存周转率查询
    
  • 交易查询
    
  • 库存查询
    
  • 补货管理
    
  • 货主转移
    
  • 形态转换
    
  • 库位移动单
    
  • 套装组合
    
  • 套装拆解
    
  • 库存异动
    
  • 库存管理
    
  • 欠货查询
    
  • 取消记录查询
    
  • 出库批次查询
    
  • 拣货记录查询
    
  • 单证重打审批
    
  • 运单分配
    
  • 拣货
    
  • 波次管理
    
  • 码盘信息查询
    
  • 收货记录查询
    
  • 产品查询
    
  • 附件
    
  • 批量上架
    
  • 到货登记
    
  • 出库管理
    
  • 入库管理
    
  • 条码
    
  • 库位批次规则
    
  • 箱规
    
  • 虚拟组套
    
  • 订单管理
    
  • 打印管理
    
  • 系统设置
    
  • 权限配置
    
  • 基础数据
    
  • IA办公
    
  • 应用管理
    
  • 地块
    
  • 档案
    
  • 文档
    
  • 金额
    
  • 定位
    
  • 首页
    
  • 数据监测
    
  • 控制台
    
  • 文件夹
    
  • 水果
    
  • 天气
    
  • 绿叶
    
  • 地球
    
  • 文件
    
  • 天气2
    
  • 植物
    
  • 无人机
    
  • 用户
    
  • 消息2
    
  • 设置
    
  • 作物
    
  • 应用
    
  • 文件2
    
  • 角色管理
    
  • 消息
    
  • 应用
    
  • EDI订单查询
    
  • 充值活动管理
    
  • 应用商店配置
    
  • 应用商店
    
  • 角色管理
    
  • 账号密码
    
  • 系统通知
    
  • 系统版本维护
    
  • 缓存更新任务管理
    
  • 缓存数据管理
    
  • 我的应用
    
  • 缓存配置管理
    
  • 导入映射管理
    
  • 表格关联关系
    
  • 自动任务配置
    
  • 自动执行日志
    
  • 错误信息
    
  • 客户字段
    
  • 系统字段
    
  • 语言翻译
    
  • yuyan
    
  • 参数设置
    
  • 客户代码
    
  • icon_app_HR
    
  • 系统代码
    
  • 项目
    
  • 项目
    
  • 公司
    
  • 分配
    
  • 调度配置
    
  • 分发规则
    
  • 销售计划
    
  • 司机信息管理
    
  • 应用方法
    
  • 库位
    
  • EDI接口配置
    
  • ABC
    
  • 上架2
    
  • 整合
    
  • icon_库存盘点
    
  • 托盘
    
  • 同步
    
  • 补货管理
    
  • 逾期项目
    
  • 生产计划
    
  • 客户
    
  • 事故管理
    
  • 客户线路
    
  • 提货发车
    
  • 承运商
    
  • 发货计划
    
  • 出库单
    
  • 入库单
    
  • 货类
    
  • 在途管理
    
  • 行政区域
    
  • 订单查询
    
  • 客户KPI指标
    
  • 差损管理
    
  • 发货 待发货
    
  • 安全库存查询
    
  • 车辆信息
    
  • uniE693
    
  • 组套
    
  • 时间算法
    
  • 库位组
    
  • 打印
    
  • 批次代码
    
  • 巷道
    
  • 周转
    
  • 锁定
    
  • 编辑模板
    
  • 解锁
    
  • 规则冻结
    
  • 产品
    
  • 供货商
    
  • 收货
    
  • 审核
    
  • 损失
    
  • 调拨单
    
  • 库存查询
    
  • 返单管理
    
  • 到达
    
  • 库区管理
    
  • 移库
    
  • 首页-拣货
    
  • 首页-发货
    
  • 运输单
    
  • 拣选
    
  • EDI解析方法
    
  • 装车任务
    
  • 回单签收
    
  • 历史查询
    
  • 到达
    
  • 返单管理
    
  • 结算单
    
  • 呆滞
    
  • 地址
    
  • 电子回单
    
  • 区域
    
  • 审核订单
    
  • 任务
    
  • 邮件收件人
    
  • 日志
    
  • 邮件账户
    
  • 邮件文本2
    
  • 邮件内容-工作表
    
  • 导出模板配置
    
  • 导单模板配置
    
  • 运输单_画板 1
    
  • 其他入库单
    
  • 客户订单
    
  • edit
    
  • fullscreen
    
  • fullscreen-exit
    
  • doubleleft
    
  • doubleright
    
  • upload
    
  • colum-height
    
  • vertical-align-middl
    
  • vertical-align-top
    
  • download
    
  • sort-descending
    
  • sort-ascending
    
  • swap
    
  • edit-fill
    
  • pushpin-fill
    
  • move
    
  • 平移
    
  • dashboard
    
  • issues close
    
  • 用户管理
    
  • delete team
    
  • delete user
    
  • addteam
    
  • user
    
  • team
    
  • database
    
  • sever
    
  • file-excel
    
  • file-pdf
    
  • file-image
    
  • file-markdown
    
  • file-ppt
    
  • file-word
    
  • file-zip
    
  • file-copy
    
  • Batch folding
    
  • property safety
    
  • safety certificate
    
  • insurance
    
  • alert
    
  • delete
    
  • hourglass
    
  • bulb
    
  • experiment
    
  • trophy
    
  • USB
    
  • skin
    
  • funnel plot
    
  • like
    
  • unlike
    
  • unlock
    
  • lock
    
  • customerservice
    
  • flag
    
  • money collect
    
  • medicinebox
    
  • shop
    
  • rocket
    
  • shopping
    
  • scan
    
  • sliders
    
  • barcode
    
  • camera
    
  • car
    
  • printer
    
  • read
    
  • cloud-server
    
  • heart
    
  • key
    
  • fire
    
  • heart-fill
    
  • red envelope-fill
    
  • safety certificate-f
    
  • property safety-fill
    
  • insurance-fill
    
  • file-fill
    
  • file-excel-fill
    
  • file-markdown-fill
    
  • file-text-fill
    
  • file-ppt-fill
    
  • file-unknown-fill
    
  • file-word-fill
    
  • file-zip-fill
    
  • file-pdf-fill
    
  • file-image-fill
    
  • file-copy-fill
    
  • id card-fill
    
  • credit card-fill
    
  • shopping-fill
    
  • video-fill
    
  • sound-fill
    
  • bell-fill
    
  • fire-fill
    
  • gift-fill
    
  • home-fill
    
  • trophy-fill
    
  • location-fill
    
  • cloud-fill
    
  • customerservice-fill
    
  • experiment-fill
    
  • like-fill
    
  • lock-fill
    
  • unlike-fill
    
  • unlock-fill
    
  • alert-fill
    
  • bank-fill
    
  • shop-fill
    
  • 火焰
    
  • 勾选
    
  • 未勾选
    
  • 仓库
    
  • 工作台
    
  • 验证码
    
  • step-backward
    
  • step-forward
    
  • step-backward
    
  • step-forward
    
  • vertical-align-botto
    
  • totop
    
  • scan
    
  • check_box
    
  • radio-button-off-outline
    
  • radio_button_checked_24px_rounded
    
  • check_box_outline_blank
    
  • 自定义
    
  • bank
    
  • indent
    
  • outdent
    
  • menu
    
  • 01运输中、物流-线性
    
  • 02包裹、发货-线性
    
  • 03拆包裹、取件-线性
    
  • 04自提柜-线性
    
  • 05采购-线性
    
  • 06商品-线性
    
  • 07配载、装车-线性
    
  • folder
    
  • folder-open
    
  • folder-add
    
  • 货物堆
    
  • 快递,送货
    
  • icon_shakehands
    
  • 菜单翻译
    
  • 10仓库、仓储-线性
    
  • 11中转站-线性
    
  • 12库存-线性
    
  • 13末端网点-线性
    
  • 50店铺-线性
    
  • 操作-翻译
    
  • home
    
  • manage
    
  • 场景管理
    
  • 功能定义
    
  • 运营中心
    
  • 运营管理
    
  • deployment unit
    
  • build
    
  • cluster
    
  • block
    
  • api
    
  • disconnect
    
  • link
    
  • 分组管理
    
  • apartment
    
  • 规则
    
  • 规则引擎
    
  • 连接流
    
  • 储存
    
  • 列表
    
  • Partition
    
  • file-add
    
  • file-exclamation
    
  • file-unknown
    
  • file
    
  • file-text
    
  • 14签收、审批通过-线性
    
  • 15拒签收-线性
    
  • 22资料、手册-线性
    
  • 35新闻、资讯-线性
    
  • 236未出勤
    
  • 235考勤、出勤
    
  • book
    
  • file done
    
  • file -exception
    
  • file sync
    
  • file search
    
  • solution
    
  • file protect
    
  • snippets
    
  • audit
    
  • account book
    
  • contacts
    
  • carry out
    
  • calendar-check
    
  • calendar
    
  • id card
    
  • 查询
    
  • 待办事项
    
  • 设备开发
    
  • 表单组件-输入框
    
  • 表单组件-表格
    
  • 表单组件-下拉框
    
  • 表单组件-按钮
    
  • 图表-折线图
    
  • 工业组件-开关
    
  • edit-square
    
  • addpeople
    
  • addressbook
    
  • group
    
  • people
    
  • check-circle-fill
    
  • minus-circle-fill
    
  • close-circle-fill
    
  • info-circle-fill
    
  • plus-circle-fill
    
  • question-circle-fill
    
  • warning-circle-fill
    
  • message-fill
    
  • control-fill
    
  • app store-fill
    
  • error-fill
    
  • star
    
  • star-fill
    
  • eye
    
  • eye-close
    
  • eye-fill
    
  • eye close-fill
    
  • check-circle
    
  • close-circle
    
  • info-circle
    
  • minus-circle
    
  • plus-circle
    
  • question-circle
    
  • time-circle
    
  • warning-circle
    
  • reload
    
  • message
    
  • logout
    
  • setting
    
  • app store
    
  • bell
    
  • filter
    
  • cloud-upload
    
  • cloud-download
    
  • error
    
  • share
    
  • ellipsis
    
  • stop
    
  • comment
    
  • appstore add
    
  • search
    
  • stealth_fill
    
  • stealth
    
  • switch
    
  • trash
    
  • tools
    
  • filter
    
  • exclaimination
    
  • infomation
    
  • check
    
  • close
    
  • minus
    
  • question
    
  • plus
    
  • left-circle-fill
    
  • down-circle-fill
    
  • up-circle-fill
    
  • right-circle-fill
    
  • right
    
  • left
    
  • up
    
  • down
    
  • arrowright
    
  • arrowup
    
  • arrowleft
    
  • arrowdown
    
  • caret-down
    
  • caret-up
    
  • caret-right
    
  • caret-left
    

Unicode 引用


Unicode 是字体在网页端最原始的应用方式,特点是:

  • 支持按字体的方式去动态调整图标大小,颜色等等。
  • 默认情况下不支持多色,直接添加多色图标会自动去色。

注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)

Unicode 使用步骤如下:

第一步:拷贝项目下面生成的 @font-face

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1724843641477') format('woff2'),
       url('iconfont.woff?t=1724843641477') format('woff'),
       url('iconfont.ttf?t=1724843641477') format('truetype');
}

第二步:定义使用 iconfont 的样式

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

第三步:挑选相应图标并获取字体编码,应用于页面

<span class="iconfont">&#x33;</span>

"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

  • 提货
    .icon_tihuo1
  • 下单
    .icon_xiadan
  • 接单
    .icon_jiedan
  • 查单
    .icon_chadan
  • 接单
    .icon_jiedan1
  • 下单
    .icon_xiadan1
  • 仓库_o
    .icon_cangku_o
  • 毛利分析
    .icon_mailifenxi
  • 应付费用
    .icon_yingfufeiyong
  • 应收
    .icon_yingshou
  • 应付结算表
    .icon_fukuanhetong
  • 应收结算表
    .icon_shoukuanhetong
  • 应付结算模板
    .icon_yingfujiesuanhei
  • 应收结算模板
    .icon_yingshoujiesuanhei
  • 运单全状态查询
    .icon_qc
  • 在途跟踪
    .icon_zaitugenzong
  • 应付结算报表
    .icon_yingfu
  • 结算单打印
    .icon_print
  • 运输单打印
    .icon_yunshudandayin
  • 月度KPI
    .icon_KPIjixiao
  • 整合订单
    .icon_zhenghedingdan
  • 线路整合规则
    .icon_xianluzhenghe
  • 运单审核规则
    .icon_shenheguize
  • 运单管理
    .icon_yundanguanli
  • 运单创建
    .icon_yundanchuangjian
  • 质量管理
    .icon_zhiliang
  • 运输管理
    .icon_yunshu
  • 结算管理
    .icon_jiesuanguanli
  • 回单管理
    .icon_huidanguanli
  • 结算单审核
    .icon_jiesuanshenhe
  • 提货发车
    .icon_tihuo
  • 规则
    .icon_zguize
  • 整合线路
    .icon_zhenghexianlu
  • 运单审核
    .icon_yundanshenhe
  • 自有车辆
    .icon_ziyou
  • 运作线路
    .icon_yunzuoxianlu
  • 打印数据源配置
    .icon_shujuyuanpeizhi
  • 打印模板配置
    .icon_mobanpeizhi
  • 符号-数据源配置
    .icon_shujuyuanpeizhi1
  • EDI应用配置
    .icon_yingyongpeizhi
  • EDI货主项目配置
    .icon_shanghuo
  • 单证文件配置
    .icon_danzheng
  • 执行日志查询
    .icon_weixiu
  • 按钮模板关系
    .icon_anniuguanxi
  • 订单识别模板
    .icon_OCRshibie
  • 订单识别导入
    .icon_shibiedaoru
  • EDI配置
    .icon_EDI
  • 邮件配置
    .icon_youjianpeizhi
  • 项目任务
    .icon_xiangmurenwu
  • 数据审批
    .icon_shujushenpi
  • 流程管理
    .icon_liuchengguanli
  • 开发任务
    .icon_kaifa
  • 快件装箱
    .icon_zhuangxiangfuhe
  • 路由查询
    .icon_luyou
  • 快递管理
    .icon_kuaidiguanli
  • 快递下单
    .icon_kuaidixiadan
  • 溯源管理
    .icon_suyuanguanli
  • 批次流向查询
    .icon_liuxiang
  • 计划批次管理
    .icon_jihuapicifenjiexiada
  • 原料溯源查询
    .icon_suyuanmaguanli
  • 特种管理
    .icon_tezhongzuoye
  • 订单统计
    .icon_dingdantongji
  • 每日库存容量报表
    .icon_rl
  • WMS_越库管理
    .icon_yuekuguanli
  • 盲收管理
    .icon_hidden
  • 齐套管理
    .icon_qitaoxingguanli
  • 待入库体积明细报表
    .icon_tiji
  • 报表管理
    .icon_baobiaoguanli
  • 规则转移
    .icon_zhuanyi1
  • 库存分类查询
    .icon_fenlei
  • 库存对比查询
    .icon_duibi
  • 操作记录查询
    .icon_shiwucaozuojilu
  • 可并托库存查询
    .icon_hebing
  • 呆滞库存查询
    .icon_daizhikucun
  • 临期预警查询
    .icon_linqi
  • 动碰库存查询
    .icon_dongpeng
  • 进出存查询
    .icon_jinchukoudengji
  • 库存周转率查询
    .icon_zhouzhuang
  • 交易查询
    .icon_jiaoyichaxun
  • 库存查询
    .icon_kucunchaxun1
  • 补货管理
    .icon_buhuoguanli1
  • 货主转移
    .icon_zhuanyi
  • 形态转换
    .icon_xingtaizhuanhuan
  • 库位移动单
    .icon_zhuanyidan
  • 套装组合
    .icon_zuhe
  • 套装拆解
    .icon_chaijie
  • 库存异动
    .icon_yidong
  • 库存管理
    .icon_kucunguanli1
  • 欠货查询
    .icon_duanquehuochaxun
  • 取消记录查询
    .icon_quxiaojilu
  • 出库批次查询
    .icon_picichaxun
  • 拣货记录查询
    .icon_kucunguanli
  • 单证重打审批
    .icon_shenpi
  • 运单分配
    .icon_yundanfenpei
  • 拣货
    .icon_jianhuo1
  • 波次管理
    .icon_bociguanli
  • 码盘信息查询
    .icon_tuopanchaxun
  • 收货记录查询
    .icon_shouhuochaxun
  • 产品查询
    .icon_chanpinchaxun
  • 附件
    .icon_fujian
  • 批量上架
    .icon_piliangshangjia
  • 到货登记
    .icon_daohuodengji
  • 出库管理
    .icon_chukuguanli
  • 入库管理
    .icon_rukuguanli
  • 条码
    .icon_tiaoma
  • 库位批次规则
    .icon_kuweiguanli
  • 箱规
    .icon_bianjixianggui
  • 虚拟组套
    .icon_zutao1
  • 订单管理
    .icon_dingdanguanli
  • 打印管理
    .icon_dayinguanli
  • 系统设置
    .icon_xitongshezhi
  • 权限配置
    .icon_quanxianpeizhi
  • 基础数据
    .icon_jichushuju
  • IA办公
    .icon_jisuanjikaifa
  • 应用管理
    .icon_yingyongguanli
  • 地块
    .icon_dikuai
  • 档案
    .icon_dangan
  • 文档
    .icon_wendang
  • 金额
    .icon_jine
  • 定位
    .icon_dingwei
  • 首页
    .icon_shouye
  • 数据监测
    .icon_shujujiance
  • 控制台
    .icon_kongzhitai
  • 文件夹
    .icon_wenjianjia
  • 水果
    .icon_shuiguo
  • 天气
    .icon_tianqi
  • 绿叶
    .icon_lvye
  • 地球
    .icon_diqiu
  • 文件
    .icon_wenjian
  • 天气2
    .icon_tianqi2
  • 植物
    .icon_zhiwu
  • 无人机
    .icon_wurenji
  • 用户
    .icon_yonghu
  • 消息2
    .icon_xiaoxi2
  • 设置
    .icon_shezhi
  • 作物
    .icon_zuowu
  • 应用
    .icon_yingyong1
  • 文件2
    .icon_wenjian2
  • 角色管理
    .icon_yonghu2
  • 消息
    .icon_xiaoxi
  • 应用
    .icon_yingyong
  • EDI订单查询
    .icon_chakanzhihangrizhi
  • 充值活动管理
    .icon_jifenchongzhihuodongguanli
  • 应用商店配置
    .icon_yingyongshangdian
  • 应用商店
    .icon_APPku
  • 角色管理
    .icon_jiaoseguanli
  • 账号密码
    .icon_account_pwd
  • 系统通知
    .icon_tubiao_xitongtongzhi
  • 系统版本维护
    .icon_xitongbanben
  • 缓存更新任务管理
    .icon_shujuchuli
  • 缓存数据管理
    .icon_huancunshujuchakan
  • 我的应用
    .icon_wodeyingyong
  • 缓存配置管理
    .icon_huancunpeizhi
  • 导入映射管理
    .icon_zhiyingshe_2
  • 表格关联关系
    .icon_biaoge_guanlian
  • 自动任务配置
    .icon_zidongrenwu
  • 自动执行日志
    .icon_zidongzhihangbeifen
  • 错误信息
    .icon_cuowuxinxi
  • 客户字段
    .icon_User_Settings
  • 系统字段
    .icon_xitongziduan
  • 语言翻译
    .icon_yuyanqiehuan-zhong
  • yuyan
    .icon_yuyan
  • 参数设置
    .icon_canshudingyi
  • 客户代码
    .icon_zhanghaoguanli
  • icon_app_HR
    .icon_icon_app_HR
  • 系统代码
    .icon_xitongdaimaguanli
  • 项目
    .icon_xiangmu
  • 项目
    .icon_xiangmu1
  • 公司
    .icon_gongsi
  • 分配
    .icon_fenpei
  • 调度配置
    .icon_tiaodu
  • 分发规则
    .icon_fengfa
  • 销售计划
    .icon_xiaoshoujihua
  • 司机信息管理
    .icon_sijixinxiguanli
  • 应用方法
    .icon_fangfa
  • 库位
    .icon_kuwei
  • EDI接口配置
    .icon_jiekou
  • ABC
    .icon_ABC
  • 上架2
    .icon_shangjia
  • 整合
    .icon_zhenghe
  • icon_库存盘点
    .icon_pandian
  • 托盘
    .icon_tuopan
  • 同步
    .icon_tongbu
  • 补货管理
    .icon_buhuoguanli
  • 逾期项目
    .icon_yuqixiangmu
  • 生产计划
    .icon_shengchan
  • 客户
    .icon_kehu
  • 事故管理
    .icon_shigu
  • 客户线路
    .icon_xianlu
  • 提货发车
    .icon_daitihuo
  • 承运商
    .icon_chengyunshang
  • 发货计划
    .icon_fahuoguanli
  • 出库单
    .icon_chukudan
  • 入库单
    .icon_rukudan
  • 货类
    .icon_huolei
  • 在途管理
    .icon_zaituguanli
  • 行政区域
    .icon_hangzhengquyu
  • 订单查询
    .icon_order_query
  • 客户KPI指标
    .icon_KPI
  • 差损管理
    .icon_chashun
  • 发货 待发货
    .icon_a-fahuodaifahuo
  • 安全库存查询
    .icon_anquan
  • 车辆信息
    .icon_cheliangxinxi
  • uniE693
    .icon_uniE693
  • 组套
    .icon_zutao
  • 时间算法
    .icon_shijian
  • 库位组
    .icon_kuweizu
  • 打印
    .icon_dayin
  • 批次代码
    .icon_picidaima
  • 巷道
    .icon_xiangdao
  • 周转
    .icon_zhouzhuan
  • 锁定
    .icon_suoding
  • 编辑模板
    .icon_bianjimoban
  • 解锁
    .icon_jiesuo
  • 规则冻结
    .icon_dongjiefene
  • 产品
    .icon_chanpin
  • 供货商
    .icon_swticonkuaidi
  • 收货
    .icon_shouhuo
  • 审核
    .icon_shenhe
  • 损失
    .icon_sunshi
  • 调拨单
    .icon_tiaobodan
  • 库存查询
    .icon_kucunchaxun
  • 返单管理
    .icon_fandanguanli
  • 到达
    .icon_daoda
  • 库区管理
    .icon_reservoirManagement
  • 移库
    .icon_yiku
  • 首页-拣货
    .icon_jianhuo
  • 首页-发货
    .icon_fahuo
  • 运输单
    .icon_yunshudan
  • 拣选
    .icon_jianxuan
  • EDI解析方法
    .icon_jiexilie
  • 装车任务
    .icon_zhuangcherenwu
  • 回单签收
    .icon_huidanqianshou
  • 历史查询
    .icon_lishichaxun
  • 到达
    .icon_daoda1
  • 返单管理
    .icon_fandan
  • 结算单
    .icon_zhijiandan-
  • 呆滞
    .icon_daizhi
  • 地址
    .icon_dizhi
  • 电子回单
    .icon_dianzihuidan
  • 区域
    .icon_quyu
  • 审核订单
    .icon_shenhedingdan
  • 任务
    .icon_renwu
  • 邮件收件人
    .icon_contact_mail
  • 日志
    .icon_rizhi
  • 邮件账户
    .icon_xinfangrenyuan
  • 邮件文本2
    .icon_youjianwenben
  • 邮件内容-工作表
    .icon_bianjigongzuobiao
  • 导出模板配置
    .icon_daochupeizhi
  • 导单模板配置
    .icon_daorupeizhi
  • 运输单_画板 1
    .icon_yunshudan_huaban
  • 其他入库单
    .icon_qitarukudan
  • 客户订单
    .icon_kehudingdan
  • edit
    .icon_edit
  • fullscreen
    .icon_fullscreen
  • fullscreen-exit
    .icon_fullscreen-exit
  • doubleleft
    .icon_doubleleft
  • doubleright
    .icon_doubleright
  • upload
    .icon_upload
  • colum-height
    .icon_colum-height
  • vertical-align-middl
    .icon_vertical-align-middl
  • vertical-align-top
    .icon_vertical-align-top
  • download
    .icon_download
  • sort-descending
    .icon_sort-descending
  • sort-ascending
    .icon_sort-ascending
  • swap
    .icon_swap
  • edit-fill
    .icon_edit-fill
  • pushpin-fill
    .icon_pushpin-fill
  • move
    .icon_move
  • 平移
    .icon_move1
  • dashboard
    .icon_dashboard
  • issues close
    .icon_issuesclose
  • 用户管理
    .icon_adduser
  • delete team
    .icon_deleteteam
  • delete user
    .icon_deleteuser
  • addteam
    .icon_addteam
  • user
    .icon_user
  • team
    .icon_team
  • database
    .icon_database
  • sever
    .icon_sever
  • file-excel
    .icon_file-excel
  • file-pdf
    .icon_file-pdf
  • file-image
    .icon_file-image
  • file-markdown
    .icon_file-markdown
  • file-ppt
    .icon_file-ppt
  • file-word
    .icon_file-word
  • file-zip
    .icon_file-zip
  • file-copy
    .icon_file-copy
  • Batch folding
    .icon_Batchfolding
  • property safety
    .icon_propertysafety
  • safety certificate
    .icon_safetycertificate
  • insurance
    .icon_insurance
  • alert
    .icon_alert
  • delete
    .icon_delete
  • hourglass
    .icon_hourglass
  • bulb
    .icon_bulb
  • experiment
    .icon_experiment
  • trophy
    .icon_trophy
  • USB
    .icon_USB
  • skin
    .icon_skin
  • funnel plot
    .icon_funnelplot
  • like
    .icon_like
  • unlike
    .icon_unlike
  • unlock
    .icon_unlock
  • lock
    .icon_lock
  • customerservice
    .icon_customerservice
  • flag
    .icon_flag
  • money collect
    .icon_moneycollect
  • medicinebox
    .icon_medicinebox
  • shop
    .icon_shop
  • rocket
    .icon_rocket
  • shopping
    .icon_shopping
  • scan
    .icon_scan1
  • sliders
    .icon_sliders
  • barcode
    .icon_barcode
  • camera
    .icon_camera
  • car
    .icon_car
  • printer
    .icon_printer
  • read
    .icon_read
  • cloud-server
    .icon_cloud-server
  • heart
    .icon_heart
  • key
    .icon_key
  • fire
    .icon_fire
  • heart-fill
    .icon_heart-fill
  • red envelope-fill
    .icon_redenvelope-fill
  • safety certificate-f
    .icon_safetycertificate-f
  • property safety-fill
    .icon_propertysafety-fill
  • insurance-fill
    .icon_insurance-fill
  • file-fill
    .icon_file-fill
  • file-excel-fill
    .icon_file-excel-fill
  • file-markdown-fill
    .icon_file-markdown-fill
  • file-text-fill
    .icon_file-text-fill
  • file-ppt-fill
    .icon_file-ppt-fill
  • file-unknown-fill
    .icon_file-unknown-fill
  • file-word-fill
    .icon_file-word-fill
  • file-zip-fill
    .icon_file-zip-fill
  • file-pdf-fill
    .icon_file-pdf-fill
  • file-image-fill
    .icon_file-image-fill
  • file-copy-fill
    .icon_file-copy-fill
  • id card-fill
    .icon_idcard-fill
  • credit card-fill
    .icon_creditcard-fill
  • shopping-fill
    .icon_shopping-fill
  • video-fill
    .icon_video-fill
  • sound-fill
    .icon_sound-fill
  • bell-fill
    .icon_bell-fill
  • fire-fill
    .icon_fire-fill
  • gift-fill
    .icon_gift-fill
  • home-fill
    .icon_home-fill
  • trophy-fill
    .icon_trophy-fill
  • location-fill
    .icon_location-fill
  • cloud-fill
    .icon_cloud-fill
  • customerservice-fill
    .icon_customerservice-fill
  • experiment-fill
    .icon_experiment-fill
  • like-fill
    .icon_like-fill
  • lock-fill
    .icon_lock-fill
  • unlike-fill
    .icon_unlike-fill
  • unlock-fill
    .icon_unlock-fill
  • alert-fill
    .icon_alert-fill
  • bank-fill
    .icon_bank-fill
  • shop-fill
    .icon_shop-fill
  • 火焰
    .icon_hot
  • 勾选
    .icon_gouxuan
  • 未勾选
    .icon_weigouxuan
  • 仓库
    .icon_cangku
  • 工作台
    .icon_gongzuotai
  • 验证码
    .icon_verify
  • step-backward
    .icon_step-top
  • step-forward
    .icon_step-bottom
  • step-backward
    .icon_step-backward
  • step-forward
    .icon_step-forward
  • vertical-align-botto
    .icon_tobottom
  • totop
    .icon_totop
  • scan
    .icon_scan
  • check_box
    .icon_checkbox
  • radio-button-off-outline
    .icon_radio_no
  • radio_button_checked_24px_rounded
    .icon_radio
  • check_box_outline_blank
    .icon_check_no
  • 自定义
    .icon_zidingyi
  • bank
    .icon_bank
  • indent
    .icon_indent
  • outdent
    .icon_outdent
  • menu
    .icon_menu
  • 01运输中、物流-线性
    .icon_yunshuzhongwuliu-xianxing
  • 02包裹、发货-线性
    .icon_baoguofahuo-xianxing
  • 03拆包裹、取件-线性
    .icon_chaibaoguoqujian-xianxing
  • 04自提柜-线性
    .icon_zitigui-xianxing
  • 05采购-线性
    .icon_caigou-xianxing
  • 06商品-线性
    .icon_shangpin-xianxing
  • 07配载、装车-线性
    .icon_peizaizhuangche-xianxing
  • folder
    .icon_folder
  • folder-open
    .icon_folder-open
  • folder-add
    .icon_folder-add
  • 货物堆
    .icon_huowudui
  • 快递,送货
    .icon_huabankaobei-
  • icon_shakehands
    .icon_icon_shakehands
  • 菜单翻译
    .icon_translate
  • 10仓库、仓储-线性
    .icon_cangkucangchu-xianxing
  • 11中转站-线性
    .icon_zhongzhuanzhan-xianxing
  • 12库存-线性
    .icon_kucun-xianxing
  • 13末端网点-线性
    .icon_moduanwangdian-xianxing
  • 50店铺-线性
    .icon_dianpu-xianxing
  • 操作-翻译
    .icon_fanyi
  • home
    .icon_home
  • manage
    .icon_manage
  • 场景管理
    .icon_changjingguanli
  • 功能定义
    .icon_gongnengdingyi
  • 运营中心
    .icon_yunyingzhongxin
  • 运营管理
    .icon_yunyingguanli
  • deployment unit
    .icon_deploymentunit
  • build
    .icon_build
  • cluster
    .icon_cluster
  • block
    .icon_block
  • api
    .icon_api
  • disconnect
    .icon_disconnect
  • link
    .icon_link
  • 分组管理
    .icon_fenzuguanli
  • apartment
    .icon_apartment
  • 规则
    .icon_guize
  • 规则引擎
    .icon_guizeyinqing
  • 连接流
    .icon_lianjieliu
  • 储存
    .icon_chucun
  • 列表
    .icon_liebiao
  • Partition
    .icon_Partition
  • file-add
    .icon_file-add
  • file-exclamation
    .icon_file-exclamation
  • file-unknown
    .icon_file-unknown
  • file
    .icon_file
  • file-text
    .icon_file-text
  • 14签收、审批通过-线性
    .icon_qianshoushenpitongguo-xianxing
  • 15拒签收-线性
    .icon_juqianshou-xianxing
  • 22资料、手册-线性
    .icon_ziliaoshouce-xianxing
  • 35新闻、资讯-线性
    .icon_xinwenzixun-xianxing
  • 236未出勤
    .icon_weichuqin
  • 235考勤、出勤
    .icon_kaoqinchuqin
  • book
    .icon_book
  • file done
    .icon_filedone
  • file -exception
    .icon_file-exception
  • file sync
    .icon_filesync
  • file search
    .icon_filesearch
  • solution
    .icon_solution
  • file protect
    .icon_fileprotect
  • snippets
    .icon_snippets
  • audit
    .icon_audit
  • account book
    .icon_accountbook
  • contacts
    .icon_contacts
  • carry out
    .icon_carryout
  • calendar-check
    .icon_calendar-check
  • calendar
    .icon_calendar
  • id card
    .icon_idcard
  • 查询
    .icon_chaxun
  • 待办事项
    .icon_daibanshixiang
  • 设备开发
    .icon_shebeikaifa
  • 表单组件-输入框
    .icon_biaodanzujian-shurukuang
  • 表单组件-表格
    .icon_biaodanzujian-biaoge
  • 表单组件-下拉框
    .icon_biaodanzujian-xialakuang
  • 表单组件-按钮
    .icon_biaodanzujian-anniu
  • 图表-折线图
    .icon_tubiao-zhexiantu
  • 工业组件-开关
    .icon_gongyezujian-kaiguan
  • edit-square
    .icon_edit-square
  • addpeople
    .icon_addpeople
  • addressbook
    .icon_addressbook
  • group
    .icon_group
  • people
    .icon_people
  • check-circle-fill
    .icon_check-circle-fill
  • minus-circle-fill
    .icon_minus-circle-fill
  • close-circle-fill
    .icon_close-circle-fill
  • info-circle-fill
    .icon_info-circle-fill
  • plus-circle-fill
    .icon_plus-circle-fill
  • question-circle-fill
    .icon_question-circle-fill
  • warning-circle-fill
    .icon_warning-circle-fill
  • message-fill
    .icon_message-fill
  • control-fill
    .icon_control-fill
  • app store-fill
    .icon_appstore-fill
  • error-fill
    .icon_error-fill
  • star
    .icon_star
  • star-fill
    .icon_star-fill
  • eye
    .icon_eye
  • eye-close
    .icon_eye-close
  • eye-fill
    .icon_eye-fill
  • eye close-fill
    .icon_eyeclose-fill
  • check-circle
    .icon_check-circle
  • close-circle
    .icon_close-circle
  • info-circle
    .icon_info-circle
  • minus-circle
    .icon_minus-circle
  • plus-circle
    .icon_plus-circle
  • question-circle
    .icon_question-circle
  • time-circle
    .icon_time-circle
  • warning-circle
    .icon_warning-circle
  • reload
    .icon_reload
  • message
    .icon_message
  • logout
    .icon_logout
  • setting
    .icon_setting
  • app store
    .icon_appstore
  • bell
    .icon_bell
  • filter
    .icon_filter
  • cloud-upload
    .icon_cloud-upload
  • cloud-download
    .icon_cloud-download
  • error
    .icon_error
  • share
    .icon_share
  • ellipsis
    .icon_ellipsis
  • stop
    .icon_stop
  • comment
    .icon_comment
  • appstore add
    .icon_appstoreadd
  • search
    .icon_search
  • stealth_fill
    .icon_stealth_fill
  • stealth
    .icon_stealth
  • switch
    .icon_switch
  • trash
    .icon_trash
  • tools
    .icon_tools
  • filter
    .icon_icon-test
  • exclaimination
    .icon_exclaimination
  • infomation
    .icon_infomation
  • check
    .icon_check
  • close
    .icon_close
  • minus
    .icon_minus
  • question
    .icon_question
  • plus
    .icon_plus
  • left-circle-fill
    .icon_left-circle-fill
  • down-circle-fill
    .icon_down-circle-fill
  • up-circle-fill
    .icon_up-circle-fill
  • right-circle-fill
    .icon_right-circle-fill
  • right
    .icon_right
  • left
    .icon_left
  • up
    .icon_up
  • down
    .icon_down
  • arrowright
    .icon_arrowright
  • arrowup
    .icon_arrowup
  • arrowleft
    .icon_arrowleft
  • arrowdown
    .icon_arrowdown
  • caret-down
    .icon_caret-down
  • caret-up
    .icon_caret-up
  • caret-right
    .icon_caret-right
  • caret-left
    .icon_caret-left

font-class 引用


font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。

与 Unicode 使用方式相比,具有如下特点:

  • 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
  • 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。

使用步骤如下:

第一步:引入项目下面生成的 fontclass 代码:

<link rel="stylesheet" href="./iconfont.css">

第二步:挑选相应图标并获取类名,应用于页面:

<span class="iconfont icon_xxx"></span>

" iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

  • 提货
    #icon_tihuo1
  • 下单
    #icon_xiadan
  • 接单
    #icon_jiedan
  • 查单
    #icon_chadan
  • 接单
    #icon_jiedan1
  • 下单
    #icon_xiadan1
  • 仓库_o
    #icon_cangku_o
  • 毛利分析
    #icon_mailifenxi
  • 应付费用
    #icon_yingfufeiyong
  • 应收
    #icon_yingshou
  • 应付结算表
    #icon_fukuanhetong
  • 应收结算表
    #icon_shoukuanhetong
  • 应付结算模板
    #icon_yingfujiesuanhei
  • 应收结算模板
    #icon_yingshoujiesuanhei
  • 运单全状态查询
    #icon_qc
  • 在途跟踪
    #icon_zaitugenzong
  • 应付结算报表
    #icon_yingfu
  • 结算单打印
    #icon_print
  • 运输单打印
    #icon_yunshudandayin
  • 月度KPI
    #icon_KPIjixiao
  • 整合订单
    #icon_zhenghedingdan
  • 线路整合规则
    #icon_xianluzhenghe
  • 运单审核规则
    #icon_shenheguize
  • 运单管理
    #icon_yundanguanli
  • 运单创建
    #icon_yundanchuangjian
  • 质量管理
    #icon_zhiliang
  • 运输管理
    #icon_yunshu
  • 结算管理
    #icon_jiesuanguanli
  • 回单管理
    #icon_huidanguanli
  • 结算单审核
    #icon_jiesuanshenhe
  • 提货发车
    #icon_tihuo
  • 规则
    #icon_zguize
  • 整合线路
    #icon_zhenghexianlu
  • 运单审核
    #icon_yundanshenhe
  • 自有车辆
    #icon_ziyou
  • 运作线路
    #icon_yunzuoxianlu
  • 打印数据源配置
    #icon_shujuyuanpeizhi
  • 打印模板配置
    #icon_mobanpeizhi
  • 符号-数据源配置
    #icon_shujuyuanpeizhi1
  • EDI应用配置
    #icon_yingyongpeizhi
  • EDI货主项目配置
    #icon_shanghuo
  • 单证文件配置
    #icon_danzheng
  • 执行日志查询
    #icon_weixiu
  • 按钮模板关系
    #icon_anniuguanxi
  • 订单识别模板
    #icon_OCRshibie
  • 订单识别导入
    #icon_shibiedaoru
  • EDI配置
    #icon_EDI
  • 邮件配置
    #icon_youjianpeizhi
  • 项目任务
    #icon_xiangmurenwu
  • 数据审批
    #icon_shujushenpi
  • 流程管理
    #icon_liuchengguanli
  • 开发任务
    #icon_kaifa
  • 快件装箱
    #icon_zhuangxiangfuhe
  • 路由查询
    #icon_luyou
  • 快递管理
    #icon_kuaidiguanli
  • 快递下单
    #icon_kuaidixiadan
  • 溯源管理
    #icon_suyuanguanli
  • 批次流向查询
    #icon_liuxiang
  • 计划批次管理
    #icon_jihuapicifenjiexiada
  • 原料溯源查询
    #icon_suyuanmaguanli
  • 特种管理
    #icon_tezhongzuoye
  • 订单统计
    #icon_dingdantongji
  • 每日库存容量报表
    #icon_rl
  • WMS_越库管理
    #icon_yuekuguanli
  • 盲收管理
    #icon_hidden
  • 齐套管理
    #icon_qitaoxingguanli
  • 待入库体积明细报表
    #icon_tiji
  • 报表管理
    #icon_baobiaoguanli
  • 规则转移
    #icon_zhuanyi1
  • 库存分类查询
    #icon_fenlei
  • 库存对比查询
    #icon_duibi
  • 操作记录查询
    #icon_shiwucaozuojilu
  • 可并托库存查询
    #icon_hebing
  • 呆滞库存查询
    #icon_daizhikucun
  • 临期预警查询
    #icon_linqi
  • 动碰库存查询
    #icon_dongpeng
  • 进出存查询
    #icon_jinchukoudengji
  • 库存周转率查询
    #icon_zhouzhuang
  • 交易查询
    #icon_jiaoyichaxun
  • 库存查询
    #icon_kucunchaxun1
  • 补货管理
    #icon_buhuoguanli1
  • 货主转移
    #icon_zhuanyi
  • 形态转换
    #icon_xingtaizhuanhuan
  • 库位移动单
    #icon_zhuanyidan
  • 套装组合
    #icon_zuhe
  • 套装拆解
    #icon_chaijie
  • 库存异动
    #icon_yidong
  • 库存管理
    #icon_kucunguanli1
  • 欠货查询
    #icon_duanquehuochaxun
  • 取消记录查询
    #icon_quxiaojilu
  • 出库批次查询
    #icon_picichaxun
  • 拣货记录查询
    #icon_kucunguanli
  • 单证重打审批
    #icon_shenpi
  • 运单分配
    #icon_yundanfenpei
  • 拣货
    #icon_jianhuo1
  • 波次管理
    #icon_bociguanli
  • 码盘信息查询
    #icon_tuopanchaxun
  • 收货记录查询
    #icon_shouhuochaxun
  • 产品查询
    #icon_chanpinchaxun
  • 附件
    #icon_fujian
  • 批量上架
    #icon_piliangshangjia
  • 到货登记
    #icon_daohuodengji
  • 出库管理
    #icon_chukuguanli
  • 入库管理
    #icon_rukuguanli
  • 条码
    #icon_tiaoma
  • 库位批次规则
    #icon_kuweiguanli
  • 箱规
    #icon_bianjixianggui
  • 虚拟组套
    #icon_zutao1
  • 订单管理
    #icon_dingdanguanli
  • 打印管理
    #icon_dayinguanli
  • 系统设置
    #icon_xitongshezhi
  • 权限配置
    #icon_quanxianpeizhi
  • 基础数据
    #icon_jichushuju
  • IA办公
    #icon_jisuanjikaifa
  • 应用管理
    #icon_yingyongguanli
  • 地块
    #icon_dikuai
  • 档案
    #icon_dangan
  • 文档
    #icon_wendang
  • 金额
    #icon_jine
  • 定位
    #icon_dingwei
  • 首页
    #icon_shouye
  • 数据监测
    #icon_shujujiance
  • 控制台
    #icon_kongzhitai
  • 文件夹
    #icon_wenjianjia
  • 水果
    #icon_shuiguo
  • 天气
    #icon_tianqi
  • 绿叶
    #icon_lvye
  • 地球
    #icon_diqiu
  • 文件
    #icon_wenjian
  • 天气2
    #icon_tianqi2
  • 植物
    #icon_zhiwu
  • 无人机
    #icon_wurenji
  • 用户
    #icon_yonghu
  • 消息2
    #icon_xiaoxi2
  • 设置
    #icon_shezhi
  • 作物
    #icon_zuowu
  • 应用
    #icon_yingyong1
  • 文件2
    #icon_wenjian2
  • 角色管理
    #icon_yonghu2
  • 消息
    #icon_xiaoxi
  • 应用
    #icon_yingyong
  • EDI订单查询
    #icon_chakanzhihangrizhi
  • 充值活动管理
    #icon_jifenchongzhihuodongguanli
  • 应用商店配置
    #icon_yingyongshangdian
  • 应用商店
    #icon_APPku
  • 角色管理
    #icon_jiaoseguanli
  • 账号密码
    #icon_account_pwd
  • 系统通知
    #icon_tubiao_xitongtongzhi
  • 系统版本维护
    #icon_xitongbanben
  • 缓存更新任务管理
    #icon_shujuchuli
  • 缓存数据管理
    #icon_huancunshujuchakan
  • 我的应用
    #icon_wodeyingyong
  • 缓存配置管理
    #icon_huancunpeizhi
  • 导入映射管理
    #icon_zhiyingshe_2
  • 表格关联关系
    #icon_biaoge_guanlian
  • 自动任务配置
    #icon_zidongrenwu
  • 自动执行日志
    #icon_zidongzhihangbeifen
  • 错误信息
    #icon_cuowuxinxi
  • 客户字段
    #icon_User_Settings
  • 系统字段
    #icon_xitongziduan
  • 语言翻译
    #icon_yuyanqiehuan-zhong
  • yuyan
    #icon_yuyan
  • 参数设置
    #icon_canshudingyi
  • 客户代码
    #icon_zhanghaoguanli
  • icon_app_HR
    #icon_icon_app_HR
  • 系统代码
    #icon_xitongdaimaguanli
  • 项目
    #icon_xiangmu
  • 项目
    #icon_xiangmu1
  • 公司
    #icon_gongsi
  • 分配
    #icon_fenpei
  • 调度配置
    #icon_tiaodu
  • 分发规则
    #icon_fengfa
  • 销售计划
    #icon_xiaoshoujihua
  • 司机信息管理
    #icon_sijixinxiguanli
  • 应用方法
    #icon_fangfa
  • 库位
    #icon_kuwei
  • EDI接口配置
    #icon_jiekou
  • ABC
    #icon_ABC
  • 上架2
    #icon_shangjia
  • 整合
    #icon_zhenghe
  • icon_库存盘点
    #icon_pandian
  • 托盘
    #icon_tuopan
  • 同步
    #icon_tongbu
  • 补货管理
    #icon_buhuoguanli
  • 逾期项目
    #icon_yuqixiangmu
  • 生产计划
    #icon_shengchan
  • 客户
    #icon_kehu
  • 事故管理
    #icon_shigu
  • 客户线路
    #icon_xianlu
  • 提货发车
    #icon_daitihuo
  • 承运商
    #icon_chengyunshang
  • 发货计划
    #icon_fahuoguanli
  • 出库单
    #icon_chukudan
  • 入库单
    #icon_rukudan
  • 货类
    #icon_huolei
  • 在途管理
    #icon_zaituguanli
  • 行政区域
    #icon_hangzhengquyu
  • 订单查询
    #icon_order_query
  • 客户KPI指标
    #icon_KPI
  • 差损管理
    #icon_chashun
  • 发货 待发货
    #icon_a-fahuodaifahuo
  • 安全库存查询
    #icon_anquan
  • 车辆信息
    #icon_cheliangxinxi
  • uniE693
    #icon_uniE693
  • 组套
    #icon_zutao
  • 时间算法
    #icon_shijian
  • 库位组
    #icon_kuweizu
  • 打印
    #icon_dayin
  • 批次代码
    #icon_picidaima
  • 巷道
    #icon_xiangdao
  • 周转
    #icon_zhouzhuan
  • 锁定
    #icon_suoding
  • 编辑模板
    #icon_bianjimoban
  • 解锁
    #icon_jiesuo
  • 规则冻结
    #icon_dongjiefene
  • 产品
    #icon_chanpin
  • 供货商
    #icon_swticonkuaidi
  • 收货
    #icon_shouhuo
  • 审核
    #icon_shenhe
  • 损失
    #icon_sunshi
  • 调拨单
    #icon_tiaobodan
  • 库存查询
    #icon_kucunchaxun
  • 返单管理
    #icon_fandanguanli
  • 到达
    #icon_daoda
  • 库区管理
    #icon_reservoirManagement
  • 移库
    #icon_yiku
  • 首页-拣货
    #icon_jianhuo
  • 首页-发货
    #icon_fahuo
  • 运输单
    #icon_yunshudan
  • 拣选
    #icon_jianxuan
  • EDI解析方法
    #icon_jiexilie
  • 装车任务
    #icon_zhuangcherenwu
  • 回单签收
    #icon_huidanqianshou
  • 历史查询
    #icon_lishichaxun
  • 到达
    #icon_daoda1
  • 返单管理
    #icon_fandan
  • 结算单
    #icon_zhijiandan-
  • 呆滞
    #icon_daizhi
  • 地址
    #icon_dizhi
  • 电子回单
    #icon_dianzihuidan
  • 区域
    #icon_quyu
  • 审核订单
    #icon_shenhedingdan
  • 任务
    #icon_renwu
  • 邮件收件人
    #icon_contact_mail
  • 日志
    #icon_rizhi
  • 邮件账户
    #icon_xinfangrenyuan
  • 邮件文本2
    #icon_youjianwenben
  • 邮件内容-工作表
    #icon_bianjigongzuobiao
  • 导出模板配置
    #icon_daochupeizhi
  • 导单模板配置
    #icon_daorupeizhi
  • 运输单_画板 1
    #icon_yunshudan_huaban
  • 其他入库单
    #icon_qitarukudan
  • 客户订单
    #icon_kehudingdan
  • edit
    #icon_edit
  • fullscreen
    #icon_fullscreen
  • fullscreen-exit
    #icon_fullscreen-exit
  • doubleleft
    #icon_doubleleft
  • doubleright
    #icon_doubleright
  • upload
    #icon_upload
  • colum-height
    #icon_colum-height
  • vertical-align-middl
    #icon_vertical-align-middl
  • vertical-align-top
    #icon_vertical-align-top
  • download
    #icon_download
  • sort-descending
    #icon_sort-descending
  • sort-ascending
    #icon_sort-ascending
  • swap
    #icon_swap
  • edit-fill
    #icon_edit-fill
  • pushpin-fill
    #icon_pushpin-fill
  • move
    #icon_move
  • 平移
    #icon_move1
  • dashboard
    #icon_dashboard
  • issues close
    #icon_issuesclose
  • 用户管理
    #icon_adduser
  • delete team
    #icon_deleteteam
  • delete user
    #icon_deleteuser
  • addteam
    #icon_addteam
  • user
    #icon_user
  • team
    #icon_team
  • database
    #icon_database
  • sever
    #icon_sever
  • file-excel
    #icon_file-excel
  • file-pdf
    #icon_file-pdf
  • file-image
    #icon_file-image
  • file-markdown
    #icon_file-markdown
  • file-ppt
    #icon_file-ppt
  • file-word
    #icon_file-word
  • file-zip
    #icon_file-zip
  • file-copy
    #icon_file-copy
  • Batch folding
    #icon_Batchfolding
  • property safety
    #icon_propertysafety
  • safety certificate
    #icon_safetycertificate
  • insurance
    #icon_insurance
  • alert
    #icon_alert
  • delete
    #icon_delete
  • hourglass
    #icon_hourglass
  • bulb
    #icon_bulb
  • experiment
    #icon_experiment
  • trophy
    #icon_trophy
  • USB
    #icon_USB
  • skin
    #icon_skin
  • funnel plot
    #icon_funnelplot
  • like
    #icon_like
  • unlike
    #icon_unlike
  • unlock
    #icon_unlock
  • lock
    #icon_lock
  • customerservice
    #icon_customerservice
  • flag
    #icon_flag
  • money collect
    #icon_moneycollect
  • medicinebox
    #icon_medicinebox
  • shop
    #icon_shop
  • rocket
    #icon_rocket
  • shopping
    #icon_shopping
  • scan
    #icon_scan1
  • sliders
    #icon_sliders
  • barcode
    #icon_barcode
  • camera
    #icon_camera
  • car
    #icon_car
  • printer
    #icon_printer
  • read
    #icon_read
  • cloud-server
    #icon_cloud-server
  • heart
    #icon_heart
  • key
    #icon_key
  • fire
    #icon_fire
  • heart-fill
    #icon_heart-fill
  • red envelope-fill
    #icon_redenvelope-fill
  • safety certificate-f
    #icon_safetycertificate-f
  • property safety-fill
    #icon_propertysafety-fill
  • insurance-fill
    #icon_insurance-fill
  • file-fill
    #icon_file-fill
  • file-excel-fill
    #icon_file-excel-fill
  • file-markdown-fill
    #icon_file-markdown-fill
  • file-text-fill
    #icon_file-text-fill
  • file-ppt-fill
    #icon_file-ppt-fill
  • file-unknown-fill
    #icon_file-unknown-fill
  • file-word-fill
    #icon_file-word-fill
  • file-zip-fill
    #icon_file-zip-fill
  • file-pdf-fill
    #icon_file-pdf-fill
  • file-image-fill
    #icon_file-image-fill
  • file-copy-fill
    #icon_file-copy-fill
  • id card-fill
    #icon_idcard-fill
  • credit card-fill
    #icon_creditcard-fill
  • shopping-fill
    #icon_shopping-fill
  • video-fill
    #icon_video-fill
  • sound-fill
    #icon_sound-fill
  • bell-fill
    #icon_bell-fill
  • fire-fill
    #icon_fire-fill
  • gift-fill
    #icon_gift-fill
  • home-fill
    #icon_home-fill
  • trophy-fill
    #icon_trophy-fill
  • location-fill
    #icon_location-fill
  • cloud-fill
    #icon_cloud-fill
  • customerservice-fill
    #icon_customerservice-fill
  • experiment-fill
    #icon_experiment-fill
  • like-fill
    #icon_like-fill
  • lock-fill
    #icon_lock-fill
  • unlike-fill
    #icon_unlike-fill
  • unlock-fill
    #icon_unlock-fill
  • alert-fill
    #icon_alert-fill
  • bank-fill
    #icon_bank-fill
  • shop-fill
    #icon_shop-fill
  • 火焰
    #icon_hot
  • 勾选
    #icon_gouxuan
  • 未勾选
    #icon_weigouxuan
  • 仓库
    #icon_cangku
  • 工作台
    #icon_gongzuotai
  • 验证码
    #icon_verify
  • step-backward
    #icon_step-top
  • step-forward
    #icon_step-bottom
  • step-backward
    #icon_step-backward
  • step-forward
    #icon_step-forward
  • vertical-align-botto
    #icon_tobottom
  • totop
    #icon_totop
  • scan
    #icon_scan
  • check_box
    #icon_checkbox
  • radio-button-off-outline
    #icon_radio_no
  • radio_button_checked_24px_rounded
    #icon_radio
  • check_box_outline_blank
    #icon_check_no
  • 自定义
    #icon_zidingyi
  • bank
    #icon_bank
  • indent
    #icon_indent
  • outdent
    #icon_outdent
  • menu
    #icon_menu
  • 01运输中、物流-线性
    #icon_yunshuzhongwuliu-xianxing
  • 02包裹、发货-线性
    #icon_baoguofahuo-xianxing
  • 03拆包裹、取件-线性
    #icon_chaibaoguoqujian-xianxing
  • 04自提柜-线性
    #icon_zitigui-xianxing
  • 05采购-线性
    #icon_caigou-xianxing
  • 06商品-线性
    #icon_shangpin-xianxing
  • 07配载、装车-线性
    #icon_peizaizhuangche-xianxing
  • folder
    #icon_folder
  • folder-open
    #icon_folder-open
  • folder-add
    #icon_folder-add
  • 货物堆
    #icon_huowudui
  • 快递,送货
    #icon_huabankaobei-
  • icon_shakehands
    #icon_icon_shakehands
  • 菜单翻译
    #icon_translate
  • 10仓库、仓储-线性
    #icon_cangkucangchu-xianxing
  • 11中转站-线性
    #icon_zhongzhuanzhan-xianxing
  • 12库存-线性
    #icon_kucun-xianxing
  • 13末端网点-线性
    #icon_moduanwangdian-xianxing
  • 50店铺-线性
    #icon_dianpu-xianxing
  • 操作-翻译
    #icon_fanyi
  • home
    #icon_home
  • manage
    #icon_manage
  • 场景管理
    #icon_changjingguanli
  • 功能定义
    #icon_gongnengdingyi
  • 运营中心
    #icon_yunyingzhongxin
  • 运营管理
    #icon_yunyingguanli
  • deployment unit
    #icon_deploymentunit
  • build
    #icon_build
  • cluster
    #icon_cluster
  • block
    #icon_block
  • api
    #icon_api
  • disconnect
    #icon_disconnect
  • link
    #icon_link
  • 分组管理
    #icon_fenzuguanli
  • apartment
    #icon_apartment
  • 规则
    #icon_guize
  • 规则引擎
    #icon_guizeyinqing
  • 连接流
    #icon_lianjieliu
  • 储存
    #icon_chucun
  • 列表
    #icon_liebiao
  • Partition
    #icon_Partition
  • file-add
    #icon_file-add
  • file-exclamation
    #icon_file-exclamation
  • file-unknown
    #icon_file-unknown
  • file
    #icon_file
  • file-text
    #icon_file-text
  • 14签收、审批通过-线性
    #icon_qianshoushenpitongguo-xianxing
  • 15拒签收-线性
    #icon_juqianshou-xianxing
  • 22资料、手册-线性
    #icon_ziliaoshouce-xianxing
  • 35新闻、资讯-线性
    #icon_xinwenzixun-xianxing
  • 236未出勤
    #icon_weichuqin
  • 235考勤、出勤
    #icon_kaoqinchuqin
  • book
    #icon_book
  • file done
    #icon_filedone
  • file -exception
    #icon_file-exception
  • file sync
    #icon_filesync
  • file search
    #icon_filesearch
  • solution
    #icon_solution
  • file protect
    #icon_fileprotect
  • snippets
    #icon_snippets
  • audit
    #icon_audit
  • account book
    #icon_accountbook
  • contacts
    #icon_contacts
  • carry out
    #icon_carryout
  • calendar-check
    #icon_calendar-check
  • calendar
    #icon_calendar
  • id card
    #icon_idcard
  • 查询
    #icon_chaxun
  • 待办事项
    #icon_daibanshixiang
  • 设备开发
    #icon_shebeikaifa
  • 表单组件-输入框
    #icon_biaodanzujian-shurukuang
  • 表单组件-表格
    #icon_biaodanzujian-biaoge
  • 表单组件-下拉框
    #icon_biaodanzujian-xialakuang
  • 表单组件-按钮
    #icon_biaodanzujian-anniu
  • 图表-折线图
    #icon_tubiao-zhexiantu
  • 工业组件-开关
    #icon_gongyezujian-kaiguan
  • edit-square
    #icon_edit-square
  • addpeople
    #icon_addpeople
  • addressbook
    #icon_addressbook
  • group
    #icon_group
  • people
    #icon_people
  • check-circle-fill
    #icon_check-circle-fill
  • minus-circle-fill
    #icon_minus-circle-fill
  • close-circle-fill
    #icon_close-circle-fill
  • info-circle-fill
    #icon_info-circle-fill
  • plus-circle-fill
    #icon_plus-circle-fill
  • question-circle-fill
    #icon_question-circle-fill
  • warning-circle-fill
    #icon_warning-circle-fill
  • message-fill
    #icon_message-fill
  • control-fill
    #icon_control-fill
  • app store-fill
    #icon_appstore-fill
  • error-fill
    #icon_error-fill
  • star
    #icon_star
  • star-fill
    #icon_star-fill
  • eye
    #icon_eye
  • eye-close
    #icon_eye-close
  • eye-fill
    #icon_eye-fill
  • eye close-fill
    #icon_eyeclose-fill
  • check-circle
    #icon_check-circle
  • close-circle
    #icon_close-circle
  • info-circle
    #icon_info-circle
  • minus-circle
    #icon_minus-circle
  • plus-circle
    #icon_plus-circle
  • question-circle
    #icon_question-circle
  • time-circle
    #icon_time-circle
  • warning-circle
    #icon_warning-circle
  • reload
    #icon_reload
  • message
    #icon_message
  • logout
    #icon_logout
  • setting
    #icon_setting
  • app store
    #icon_appstore
  • bell
    #icon_bell
  • filter
    #icon_filter
  • cloud-upload
    #icon_cloud-upload
  • cloud-download
    #icon_cloud-download
  • error
    #icon_error
  • share
    #icon_share
  • ellipsis
    #icon_ellipsis
  • stop
    #icon_stop
  • comment
    #icon_comment
  • appstore add
    #icon_appstoreadd
  • search
    #icon_search
  • stealth_fill
    #icon_stealth_fill
  • stealth
    #icon_stealth
  • switch
    #icon_switch
  • trash
    #icon_trash
  • tools
    #icon_tools
  • filter
    #icon_icon-test
  • exclaimination
    #icon_exclaimination
  • infomation
    #icon_infomation
  • check
    #icon_check
  • close
    #icon_close
  • minus
    #icon_minus
  • question
    #icon_question
  • plus
    #icon_plus
  • left-circle-fill
    #icon_left-circle-fill
  • down-circle-fill
    #icon_down-circle-fill
  • up-circle-fill
    #icon_up-circle-fill
  • right-circle-fill
    #icon_right-circle-fill
  • right
    #icon_right
  • left
    #icon_left
  • up
    #icon_up
  • down
    #icon_down
  • arrowright
    #icon_arrowright
  • arrowup
    #icon_arrowup
  • arrowleft
    #icon_arrowleft
  • arrowdown
    #icon_arrowdown
  • caret-down
    #icon_caret-down
  • caret-up
    #icon_caret-up
  • caret-right
    #icon_caret-right
  • caret-left
    #icon_caret-left

Symbol 引用


这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:

  • 支持多色图标了,不再受单色限制。
  • 通过一些技巧,支持像字体那样,通过 font-size, color 来调整样式。
  • 兼容性较差,支持 IE9+,及现代浏览器。
  • 浏览器渲染 SVG 的性能一般,还不如 png。

使用步骤如下:

第一步:引入项目下面生成的 symbol 代码:

<script src="./iconfont.js"></script>

第二步:加入通用 CSS 代码(引入一次就行):

<style>
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>

第三步:挑选相应图标并获取类名,应用于页面:

<svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-xxx"></use>
</svg>