-
99
.icon-ym-zujian
-
33
.icon-ym-daka
-
77
.icon-ym-dingdang
-
55
.icon-ym-xingcheng
-
44
.icon-ym-huibao
-
66
.icon-ym-saolian
-
22
.icon-ym-gangwei2
-
88
.icon-ym-crm
-
扫码
.icon-ym-scanCode
-
generator-kanban
.icon-ym-generator-kanban
-
generator-notice
.icon-ym-generator-notice
-
generator-bar
.icon-ym-generator-bar
-
generator-annular
.icon-ym-generator-annular
-
generator-function
.icon-ym-generator-function
-
generator-pie
.icon-ym-generator-pie
-
generator-Panel
.icon-ym-generator-Panel
-
generator-email
.icon-ym-generator-email
-
generator-line
.icon-ym-generator-line
-
generator-area
.icon-ym-generator-area
-
generator-todolist
.icon-ym-generator-todolist
-
generator-todo
.icon-ym-generator-todo
-
generator-radar
.icon-ym-generator-radar
-
generator-layout
.icon-ym-generator-layout
-
generator-modifier
.icon-ym-generator-modifier
-
generator-section
.icon-ym-generator-section
-
generator-steps
.icon-ym-generator-steps
-
generator-fold
.icon-ym-generator-fold
-
generator-founder
.icon-ym-generator-founder
-
generator-documents
.icon-ym-generator-documents
-
generator-label
.icon-ym-generator-label
-
generator-modify time
.icon-ym-generator-modifytime
-
generator-station
.icon-ym-generator-station
-
generator-create time
.icon-ym-generator-createtime
-
icon_darg
.icon-ym-darg
-
compress-screen
.icon-ym-compress-screen1
-
full-screen
.icon-ym-full-screen1
-
compress-screen
.icon-ym-compress-screen
-
full-screen
.icon-ym-full-screen
-
Refresh
.icon-ym-options
-
options
.icon-ym-Refresh
-
options
.icon-ym-options1
-
Refresh
.icon-ym-Refresh1
-
tree-position
.icon-ym-tree-position2
-
tree-department
.icon-ym-tree-department2
-
tree-organization
.icon-ym-tree-organization3
-
tree-user
.icon-ym-tree-user2
-
tree-normal
.icon-ym-tree-normal1
-
file-xml
.icon-ym-file-xml
-
file-csv
.icon-ym-file-csv1
-
file-html
.icon-ym-file-html1
-
file-eps
.icon-ym-file-eps
-
file-code
.icon-ym-file-code
-
file-blank
.icon-ym-file-blank
-
file-ai
.icon-ym-file-ai
-
file-excel
.icon-ym-file-excel
-
file-audio
.icon-ym-file-audio
-
file-movie
.icon-ym-file-movie
-
file-image
.icon-ym-file-image1
-
file-rar
.icon-ym-file-rar
-
file-pdf
.icon-ym-file-pdf
-
file-text
.icon-ym-file-text
-
file-ppt
.icon-ym-file-ppt
-
file-psd
.icon-ym-file-psd
-
file-video
.icon-ym-file-video
-
file-visio
.icon-ym-file-visio
-
file-word
.icon-ym-file-word
-
file-zip
.icon-ym-file-zip
-
file-image
.icon-ym-file-image
-
file-photo
.icon-ym-file-photo
-
extend-bus
.icon-ym-extend-bus
-
extend-ambulance
.icon-ym-extend-ambulance
-
extend-bar-chart
.icon-ym-extend-bar-chart
-
extend-bicycle
.icon-ym-extend-bicycle
-
extend-car
.icon-ym-extend-car
-
extend-check-circle-o
.icon-ym-extend-check-circle-o
-
extend-circle
.icon-ym-extend-circle
-
extend-circle-o
.icon-ym-extend-circle-o
-
extend-cog
.icon-ym-extend-cog
-
extend-clock
.icon-ym-extend-clock
-
extend-edit
.icon-ym-extend-edit
-
extend-envelope-open-o
.icon-ym-extend-envelope-open-o
-
extend-eye
.icon-ym-extend-eye
-
extend-folder-open
.icon-ym-extend-folder-open
-
extend-exclamation-triangle
.icon-ym-extend-exclamation-triangle
-
extend-envelope
.icon-ym-extend-envelope
-
extend-minus-circle
.icon-ym-extend-minus-circle
-
extend-meh
.icon-ym-extend-meh
-
extend-folder
.icon-ym-extend-folder
-
extend-history
.icon-ym-extend-history
-
extend-mail-forward
.icon-ym-extend-mail-forward
-
extend-paperclip
.icon-ym-extend-paperclip
-
extend-rocket
.icon-ym-extend-rocket
-
extend-plane
.icon-ym-extend-plane
-
extend-pencil
.icon-ym-extend-pencil
-
extend-save
.icon-ym-extend-save
-
extend-motorcycle
.icon-ym-extend-motorcycle
-
extend-paper-plane
.icon-ym-extend-paper-plane
-
extend-star
.icon-ym-extend-star
-
extend-trash
.icon-ym-extend-trash
-
extend-train
.icon-ym-extend-train
-
extend-subway
.icon-ym-extend-subway
-
extend-truck
.icon-ym-extend-truck
-
extend-star-o
.icon-ym-extend-star-o
-
extend-share
.icon-ym-extend-share
-
extend-thumbs-up
.icon-ym-extend-thumbs-up
-
tree-manage
.icon-ym-tree-manage1
-
header-language
.icon-ym-header-language1
-
header-IM
.icon-ym-header-IM1
-
header-message
.icon-ym-header-message1
-
header-pannel
.icon-ym-header-pannel
-
tree-department
.icon-ym-tree-department1
-
tree-organization
.icon-ym-tree-organization1
-
tree-position
.icon-ym-tree-position1
-
nav-home
.icon-ym-nav-home
-
header-expand
.icon-ym-header-expand
-
header-collapse
.icon-ym-header-collapse1
-
btn-export
.icon-ym-btn-export
-
btn-import
.icon-ym-btn-import1
-
btn-expand
.icon-ym-btn-expand
-
header-feedBack
.icon-ym-header-feedBack
-
btn-add
.icon-ym-btn-add
-
btn-collapse
.icon-ym-btn-collapse
-
btn-edit
.icon-ym-btn-edit
-
btn-clearn
.icon-ym-btn-clearn
-
btn-copy
.icon-ym-btn-copy
-
btn-fields
.icon-ym-btn-fields
-
btn-refresh
.icon-ym-btn-refresh
-
btn-preview
.icon-ym-btn-preview
-
btn-remove
.icon-ym-btn-remove
-
header-about
.icon-ym-header-about
-
header-IM
.icon-ym-header-IM
-
header-message
.icon-ym-header-message
-
header-lockScreen
.icon-ym-header-lockScreen
-
header-loginOut
.icon-ym-header-loginOut
-
header-language
.icon-ym-header-language
-
nav-next
.icon-ym-nav-next
-
nav-close
.icon-ym-nav-close
-
header-skins
.icon-ym-header-skins
-
header-userInfo
.icon-ym-header-userInfo
-
nav-prev
.icon-ym-nav-prev
-
tree-department
.icon-ym-tree-department
-
tree-normal
.icon-ym-tree-normal
-
tree-manage
.icon-ym-tree-manage
-
role
.icon-ym-role
-
flowCirculate
.icon-ym-flowCirculate
-
wf-archivalBorrow
.icon-ym-wf-archivalBorrow
-
generator-card
.icon-ym-generator-card
-
generator-checkbox
.icon-ym-generator-checkbox
-
generator-cascader
.icon-ym-generator-cascader
-
generator-color
.icon-ym-generator-color
-
generator-component
.icon-ym-generator-component
-
generator-date
.icon-ym-generator-date
-
generator-input
.icon-ym-generator-input
-
generator-divider
.icon-ym-generator-divider
-
generator-rate
.icon-ym-generator-rate
-
generator-password
.icon-ym-generator-password
-
generator-Provinces
.icon-ym-generator-Provinces
-
generator-dictionary
.icon-ym-generator-dictionary
-
generator-rich-text
.icon-ym-generator-rich-text
-
generator-number
.icon-ym-generator-number
-
generator-switch
.icon-ym-generator-switch
-
generator-slider
.icon-ym-generator-slider
-
generator-select
.icon-ym-generator-select
-
generator-department
.icon-ym-generator-department
-
generator-company
.icon-ym-generator-company
-
generator-time-ranga
.icon-ym-generator-time-range
-
generator-textarea
.icon-ym-generator-textarea
-
generator-date-range
.icon-ym-generator-date-range
-
generator-table
.icon-ym-generator-table
-
generator-tradio
.icon-ym-generator-radio
-
generator-time
.icon-ym-generator-time
-
generator-user
.icon-ym-generator-user
-
generator-jobs
.icon-ym-generator-jobs
-
generator-upload
.icon-ym-generator-upload
-
wf-receiptProcessing
.icon-ym-wf-receiptProcessing
-
wf-salesSupport
.icon-ym-wf-salesSupport
-
wf-supplementCard
.icon-ym-wf-supplementCard
-
wf-salesOrder
.icon-ym-wf-salesOrder
-
wf-staffOvertime
.icon-ym-wf-staffOvertime
-
wf-quotationApproval
.icon-ym-wf-quotationApproval
-
wf-rewardPunishment
.icon-ym-wf-rewardPunishment
-
wf-violationHandling
.icon-ym-wf-violationHandling
-
workFlow
.icon-ym-workFlow
-
wf-travelReimbursement
.icon-ym-wf-travelReimbursement
-
wf-vehicleApply
.icon-ym-wf-vehicleApply
-
wf-workContactSheet
.icon-ym-wf-workContactSheet
-
wf-warehouseReceipt
.icon-ym-wf-warehouseReceipt
-
wf-travelApply
.icon-ym-wf-travelApply
-
barCodeExample
.icon-ym-barCodeExample
-
appDesign
.icon-ym-appDesign
-
appForm
.icon-ym-appForm
-
bigScreenDesign
.icon-ym-bigScreenDesign
-
bigScreenExampl
.icon-ym-bigScreenExampl
-
bigDataExample
.icon-ym-bigDataExample
-
dataApplication
.icon-ym-dataApplication
-
dataDictionary
.icon-ym-dataDictionary
-
authorize
.icon-ym-authorize
-
dataBackup
.icon-ym-dataBackup
-
codeGeneration
.icon-ym-codeGeneration
-
chartExample
.icon-ym-chartExample
-
bigScreenExample1
.icon-ym-bigScreenExample1
-
dataInterface
.icon-ym-dataInterface
-
department
.icon-ym-department
-
dataModel
.icon-ym-dataModel
-
documentExample
.icon-ym-documentExample
-
dataSource
.icon-ym-dataSource
-
duties
.icon-ym-duties
-
echartsBarAcross
.icon-ym-echartsBarAcross
-
echartsColumn
.icon-ym-echartsColumn
-
echartsGauge
.icon-ym-echartsGauge
-
echartsLineArea
.icon-ym-echartsLineArea
-
echartsCandlestick
.icon-ym-echartsCandlestick
-
dataSync
.icon-ym-dataSync
-
documentPreviewExample
.icon-ym-documentPreviewExample
-
echartsFunnel
.icon-ym-echartsFunnel
-
echartsLineBar
.icon-ym-echartsLineBar
-
flowDesign
.icon-ym-flowDesign
-
extend
.icon-ym-extend
-
emailExample
.icon-ym-emailExample
-
echartsPie
.icon-ym-echartsPie
-
echartsTree
.icon-ym-echartsTree
-
echartsScatter
.icon-ym-echartsScatter
-
flowLaunch
.icon-ym-flowLaunch
-
flowTodo
.icon-ym-flowTodo
-
flowDone
.icon-ym-flowDone
-
flowEntrust
.icon-ym-flowEntrust
-
flowForm
.icon-ym-flowForm
-
formExample1
.icon-ym-formExample1
-
flowMonitor
.icon-ym-flowMonitor
-
formExample
.icon-ym-formExample
-
highchartsBellcurve
.icon-ym-highchartsBellcurve
-
highchartsArea
.icon-ym-highchartsArea
-
highchartsGauge
.icon-ym-highchartsGauge
-
highchartsFunnel
.icon-ym-highchartsFunnel
-
highchartsLine
.icon-ym-highchartsLine
-
highchartsBullet
.icon-ym-highchartsBullet
-
highchartsColumn
.icon-ym-highchartsColumn
-
highchartsWordcloud
.icon-ym-highchartsWordcloud
-
importAndExportExample
.icon-ym-importAndExportExample
-
mpMaterial
.icon-ym-mpMaterial
-
highchartsScatter
.icon-ym-highchartsScatter
-
mpMenu
.icon-ym-mpMenu
-
onlineDevelopment
.icon-ym-onlineDevelopment
-
mpUser
.icon-ym-mpUser
-
onlineUser
.icon-ym-onlineUser
-
mpConfig
.icon-ym-mpConfig
-
mpMessage
.icon-ym-mpMessage
-
organization
.icon-ym-organization
-
projectExample
.icon-ym-projectExample
-
printExample
.icon-ym-printExample
-
portalDesign
.icon-ym-portalDesign
-
position
.icon-ym-position
-
permission
.icon-ym-permission
-
qyOrg
.icon-ym-qyOrg
-
qyUser
.icon-ym-qyUser
-
qyMessage
.icon-ym-qyMessage
-
reportExample1
.icon-ym-reportExample1
-
qyConfig
.icon-ym-qyConfig
-
reportExample
.icon-ym-reportExample
-
sysBillRule
.icon-ym-sysBillRule
-
sysCache
.icon-ym-sysCache
-
reportDesign
.icon-ym-reportDesign
-
signetExample
.icon-ym-signetExample
-
sysIcon
.icon-ym-sysIcon
-
scheduleExample
.icon-ym-scheduleExample
-
sysLog
.icon-ym-sysLog
-
sysLanguage
.icon-ym-sysLanguage
-
sysMenu
.icon-ym-sysMenu
-
sysProvince
.icon-ym-sysProvince
-
sysConfig
.icon-ym-sysConfig
-
sysMonitor
.icon-ym-sysMonitor
-
user
.icon-ym-user
-
sysNotice
.icon-ym-sysNotice
-
tableExample
.icon-ym-tableExample
-
tableExample1
.icon-ym-tableExample1
-
sysQuartz
.icon-ym-sysQuartz
-
highcharts-Pie
.icon-ym-highcharts-Pie
-
webDesign
.icon-ym-webDesign
-
system
.icon-ym-system
-
weChat
.icon-ym-weChat
-
webForm
.icon-ym-webForm
-
mapExample
.icon-ym-mapExample
-
wf-applyBanquet
.icon-ym-wf-applyBanquet
-
wf-batchPack
.icon-ym-wf-batchPack
-
wf-contractApproval
.icon-ym-wf-contractApproval
-
wf-batchTable
.icon-ym-wf-batchTable
-
wf-applyDeliverGoods
.icon-ym-wf-applyDeliverGoods
-
orderExample
.icon-ym-orderExample
-
wf-conBilling
.icon-ym-wf-conBilling
-
wf-applyMeeting
.icon-ym-wf-applyMeeting
-
wf-contractApprovalSheet
.icon-ym-wf-contractApprovalSheet
-
wf-crmOrder
.icon-ym-wf-crmOrder
-
wf-documentApproval
.icon-ym-wf-documentApproval
-
wf-articlesWarehous
.icon-ym-wf-articlesWarehous
-
wf-debitBill
.icon-ym-wf-debitBill
-
wf-finishedProduct
.icon-ym-wf-finishedProduct
-
wf-documentSigning
.icon-ym-wf-documentSigning
-
wf-expenseExpenditure
.icon-ym-wf-expenseExpenditure
-
wf-incomeRecognition
.icon-ym-wf-incomeRecognition
-
wf-letterService
.icon-ym-wf-letterService
-
wf-leaveApply
.icon-ym-wf-leaveApply
-
wf-materialRequisition
.icon-ym-wf-materialRequisition
-
wf-outboundOrder
.icon-ym-wf-outboundOrder
-
wf-paymentApply
.icon-ym-wf-paymentApply
-
wf-outgoingApply
.icon-ym-wf-outgoingApply
-
wf-postBatchTab
.icon-ym-wf-postBatchTab
-
wf-payDistribution
.icon-ym-wf-payDistribution
-
wf-officeSupplies
.icon-ym-wf-officeSupplies
-
wf-procurementMaterial
.icon-ym-wf-procurementMaterial
-
wf-monthlyReport
.icon-ym-wf-monthlyReport
-
wf-purchaseList
.icon-ym-wf-purchaseList
-
wf-receiptSign
.icon-ym-wf-receiptSign
font-class 引用
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
与 Unicode 使用方式相比,具有如下特点:
- 兼容性良好,支持 IE8+,及所有现代浏览器。
- 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
- 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
使用步骤如下:
第一步:引入项目下面生成的 fontclass 代码:
<link rel="stylesheet" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<span class="icon-ym icon-ym-xxx"></span>
"
icon-ym" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。