zent
Version:
一套前端设计语言和基于React的实现
1,437 lines (1,424 loc) • 93.5 kB
Markdown
---
order: 4
zh-CN:
title: 所有图标
prompt: '注意：展示的图标名称不是 type'
x-cat-base: 基础类
x-cat-business: 业务类
x-cat-logo: 标示类
x-cat-operation: 操作类
x-cat-status: 状态类
searchPlaceholder: 搜索图标
jsx: 复制 JSX
name: 复制 type
en-US:
title: All Icons
prompt: 'Attention: The icon name displayed is not the type'
x-cat-base: Base
x-cat-business: Business
x-cat-logo: Logo
x-cat-status: Status
x-cat-operation: Operation
searchPlaceholder: Search icon
jsx: Copy JSX
name: Copy type
---
```jsx
import { Icon, Input, RadioGroup, Radio, CopyButton } from 'zent';
class IconGrid extends Component {
state = {
search: '',
copyType: 'jsx',
};
onChange = evt => {
this.setState({
search: evt.target.value.trim().toLowerCase()
});
};
onCopyOptionChange = evt => {
this.setState({
copyType: evt.target.value
});
};
getIconString = name => () => {
const { copyType } = this.state;
if (copyType === 'jsx') {
return `<Icon type="${name}" />`;
}
return name;
};
render() {
const { search } = this.state;
return (
<div className="zi-grid">
<div className="zi-grid-toolbar">
{search && <style>{`.zi-grid-item:not([data-index*="${search}"]) { display: none; }`}</style>}
<div className="zi-search-input-wrapper">
<Input
className="zi-search-input"
icon="search"
placeholder="{i18n.searchPlaceholder}"
value={search}
onChange={this.onChange}
/>
{i18n.prompt}
</div>
<RadioGroup onChange={this.onCopyOptionChange} value={this.state.copyType}>
<Radio value="jsx">{i18n.jsx}</Radio>
<Radio value="name">{i18n.name}</Radio>
</RadioGroup>
</div>
<div className="zi-grid-group">
<div className="zi-grid-group-name">{i18n.x-cat-operation}</div>
<div className="zi-grid-group-items">
<CopyButton
text={this.getIconString("up")}
onCopySuccess="up 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="upup"
>
<Icon type="up" />
<span className="zi-grid-item-name">up</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("down")}
onCopySuccess="down 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="downdown"
>
<Icon type="down" />
<span className="zi-grid-item-name">down</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("left")}
onCopySuccess="left 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="leftleft"
>
<Icon type="left" />
<span className="zi-grid-item-name">left</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("right")}
onCopySuccess="right 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="rightright"
>
<Icon type="right" />
<span className="zi-grid-item-name">right</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("left-circle-o")}
onCopySuccess="left_circle 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="left_circleleftcircleoutline"
>
<Icon type="left-circle-o" />
<span className="zi-grid-item-name">left_circle</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("left-circle")}
onCopySuccess="left_circle_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="left_circle_fillleftcirclefilled"
>
<Icon type="left-circle" />
<span className="zi-grid-item-name">left_circle_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("right-circle-o")}
onCopySuccess="right_circle 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="right_circlerightcircleoutline"
>
<Icon type="right-circle-o" />
<span className="zi-grid-item-name">right_circle</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("right-circle")}
onCopySuccess="right_circle_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="right_circle_fillrightcirclefilled"
>
<Icon type="right-circle" />
<span className="zi-grid-item-name">right_circle_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("up-circle-o")}
onCopySuccess="up_circle 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="up_circleupcircleoutline"
>
<Icon type="up-circle-o" />
<span className="zi-grid-item-name">up_circle</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("up-circle")}
onCopySuccess="up_circle_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="up_circle_fillupcirclefilled"
>
<Icon type="up-circle" />
<span className="zi-grid-item-name">up_circle_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("down-circle-o")}
onCopySuccess="down_circle 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="down_circledowncircleoutline"
>
<Icon type="down-circle-o" />
<span className="zi-grid-item-name">down_circle</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("down-circle")}
onCopySuccess="down_circle_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="down_circle_filldowncirclefilled"
>
<Icon type="down-circle" />
<span className="zi-grid-item-name">down_circle_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("upload")}
onCopySuccess="upload 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="uploadupload"
>
<Icon type="upload" />
<span className="zi-grid-item-name">upload</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("download")}
onCopySuccess="download 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="downloaddownload"
>
<Icon type="download" />
<span className="zi-grid-item-name">download</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("edit-o")}
onCopySuccess="edit 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="editeditoutline"
>
<Icon type="edit-o" />
<span className="zi-grid-item-name">edit</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("edit")}
onCopySuccess="edit_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="edit_filleditfilled"
>
<Icon type="edit" />
<span className="zi-grid-item-name">edit_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("remove-o")}
onCopySuccess="remove 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="removedeleteremoveoutline"
>
<Icon type="remove-o" />
<span className="zi-grid-item-name">remove</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("remove")}
onCopySuccess="remove_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="remove_filldeleteremovefilled"
>
<Icon type="remove" />
<span className="zi-grid-item-name">remove_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("save-o")}
onCopySuccess="save 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="savesaveoutline"
>
<Icon type="save-o" />
<span className="zi-grid-item-name">save</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("save")}
onCopySuccess="save_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="save_fillsavefilled"
>
<Icon type="save" />
<span className="zi-grid-item-name">save_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("arrow-up")}
onCopySuccess="arrow_up 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="arrow_uparrowup"
>
<Icon type="arrow-up" />
<span className="zi-grid-item-name">arrow_up</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("arrow-down")}
onCopySuccess="arrow_down 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="arrow_downarrowdown"
>
<Icon type="arrow-down" />
<span className="zi-grid-item-name">arrow_down</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("locked-o")}
onCopySuccess="locked 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="lockedlockedoutline"
>
<Icon type="locked-o" />
<span className="zi-grid-item-name">locked</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("locked")}
onCopySuccess="locked_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="locked_filllockedfilled"
>
<Icon type="locked" />
<span className="zi-grid-item-name">locked_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("unlocked-o")}
onCopySuccess="unlocked 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="unlockedunlockedoutline"
>
<Icon type="unlocked-o" />
<span className="zi-grid-item-name">unlocked</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("unlocked")}
onCopySuccess="unlocked_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="unlocked_fillunlockedfilled"
>
<Icon type="unlocked" />
<span className="zi-grid-item-name">unlocked_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("nav-line")}
onCopySuccess="nav_line 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="nav_linenavline"
>
<Icon type="nav-line" />
<span className="zi-grid-item-name">nav_line</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("nav-grid")}
onCopySuccess="nav_grid 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="nav_gridnavgrid"
>
<Icon type="nav-grid" />
<span className="zi-grid-item-name">nav_grid</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("share")}
onCopySuccess="share 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="shareshare"
>
<Icon type="share" />
<span className="zi-grid-item-name">share</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("refresh")}
onCopySuccess="refresh 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="refreshrefreshoutline"
>
<Icon type="refresh" />
<span className="zi-grid-item-name">refresh</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("help-circle-o")}
onCopySuccess="help 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="helphelpcircleoutline"
>
<Icon type="help-circle-o" />
<span className="zi-grid-item-name">help</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("help-circle")}
onCopySuccess="help_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="help_fillhelpcirclefilled"
>
<Icon type="help-circle" />
<span className="zi-grid-item-name">help_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("thumbnail")}
onCopySuccess="fullscreen 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="fullscreenfullscreenthumbnail"
>
<Icon type="thumbnail" />
<span className="zi-grid-item-name">fullscreen</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("fullscreen-exit")}
onCopySuccess="fullscreen_exit 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="fullscreen_exitfullscreenexit"
>
<Icon type="fullscreen-exit" />
<span className="zi-grid-item-name">fullscreen_exit</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("table-loose")}
onCopySuccess="table_loose 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="table_loosetableloose"
>
<Icon type="table-loose" />
<span className="zi-grid-item-name">table_loose</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("table-compact")}
onCopySuccess="table_compact 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="table_compacttablecompact"
>
<Icon type="table-compact" />
<span className="zi-grid-item-name">table_compact</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("export")}
onCopySuccess="export 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="exportexportfilled"
>
<Icon type="export" />
<span className="zi-grid-item-name">export</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("pin-o")}
onCopySuccess="pin 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="pinpinoutline"
>
<Icon type="pin-o" />
<span className="zi-grid-item-name">pin</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("pin")}
onCopySuccess="pin_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="pin_fillpinfilled"
>
<Icon type="pin" />
<span className="zi-grid-item-name">pin_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("eye-o")}
onCopySuccess="show 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="showeyeoutlineshow"
>
<Icon type="eye-o" />
<span className="zi-grid-item-name">show</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("eye")}
onCopySuccess="show_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="show_filleyefilledshow"
>
<Icon type="eye" />
<span className="zi-grid-item-name">show_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("closed-eye")}
onCopySuccess="hide 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="hideclosed-eyeoutlinehide"
>
<Icon type="closed-eye" />
<span className="zi-grid-item-name">hide</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("subtract-circle-o")}
onCopySuccess="subtract_circle 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="subtract_circleminussubtract circleoutline"
>
<Icon type="subtract-circle-o" />
<span className="zi-grid-item-name">subtract_circle</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("subtract-circle")}
onCopySuccess="subtract_circle_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="subtract_circle_fillminussubtractcirclefilled"
>
<Icon type="subtract-circle" />
<span className="zi-grid-item-name">subtract_circle_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("plus-circle-o")}
onCopySuccess="plus_circle 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="plus_circleaddpluscircleoutline"
>
<Icon type="plus-circle-o" />
<span className="zi-grid-item-name">plus_circle</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("plus-circle")}
onCopySuccess="plus_circle_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="plus_circle_filladdpluscirclefilled"
>
<Icon type="plus-circle" />
<span className="zi-grid-item-name">plus_circle_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("double-last")}
onCopySuccess="double_last 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="double_lastdoublelast"
>
<Icon type="double-last" />
<span className="zi-grid-item-name">double_last</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("double-next")}
onCopySuccess="double_next 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="double_nextdoublenext"
>
<Icon type="double-next" />
<span className="zi-grid-item-name">double_next</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("plus")}
onCopySuccess="plus 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="plusaddplus"
>
<Icon type="plus" />
<span className="zi-grid-item-name">plus</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("close")}
onCopySuccess="close 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="closeclosenaked"
>
<Icon type="close" />
<span className="zi-grid-item-name">close</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("search")}
onCopySuccess="search 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="searchsearch"
>
<Icon type="search" />
<span className="zi-grid-item-name">search</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("more")}
onCopySuccess="more 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="moremore"
>
<Icon type="more" />
<span className="zi-grid-item-name">more</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("caret-up")}
onCopySuccess="ascending 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="ascendingcaretupascending"
>
<Icon type="caret-up" />
<span className="zi-grid-item-name">ascending</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("caret-down")}
onCopySuccess="descending 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="descendingcaretdowndescending"
>
<Icon type="caret-down" />
<span className="zi-grid-item-name">descending</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("reset")}
onCopySuccess="reset_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="reset_fillresetfilled"
>
<Icon type="reset" />
<span className="zi-grid-item-name">reset_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("drag")}
onCopySuccess="drag 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="dragdrag"
>
<Icon type="drag" />
<span className="zi-grid-item-name">drag</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("filter-o")}
onCopySuccess="filter 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="filterfilteroutline"
>
<Icon type="filter-o" />
<span className="zi-grid-item-name">filter</span>
</div>
</CopyButton>
</div>
</div>
<div className="zi-grid-group">
<div className="zi-grid-group-name">{i18n.x-cat-business}</div>
<div className="zi-grid-group-items">
<CopyButton
text={this.getIconString("summary-o")}
onCopySuccess="summary 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="summarysummaryoutline"
>
<Icon type="summary-o" />
<span className="zi-grid-item-name">summary</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("summary")}
onCopySuccess="summary_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="summary_fillsummaryfilled"
>
<Icon type="summary" />
<span className="zi-grid-item-name">summary_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("shop-o")}
onCopySuccess="shop 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="shopshopoutline"
>
<Icon type="shop-o" />
<span className="zi-grid-item-name">shop</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("shop")}
onCopySuccess="shop_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="shop_fillshopfilled"
>
<Icon type="shop" />
<span className="zi-grid-item-name">shop_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("goods-o")}
onCopySuccess="goods 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="goodsgoodsoutline"
>
<Icon type="goods-o" />
<span className="zi-grid-item-name">goods</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("goods")}
onCopySuccess="goods_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="goods_fillgoodsfilled"
>
<Icon type="goods" />
<span className="zi-grid-item-name">goods_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("order-o")}
onCopySuccess="order 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="orderorderoutline"
>
<Icon type="order-o" />
<span className="zi-grid-item-name">order</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("order")}
onCopySuccess="order_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="order_fillorderfilled"
>
<Icon type="order" />
<span className="zi-grid-item-name">order_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("customer-o")}
onCopySuccess="customer 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="customercustomeroutline"
>
<Icon type="customer-o" />
<span className="zi-grid-item-name">customer</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("customer")}
onCopySuccess="customer_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="customer_fillcustomerfilled"
>
<Icon type="customer" />
<span className="zi-grid-item-name">customer_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("chart-o")}
onCopySuccess="chart 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="chartdatachartoutline"
>
<Icon type="chart-o" />
<span className="zi-grid-item-name">chart</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("chart")}
onCopySuccess="chart_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="chart_filldatachartfilled"
>
<Icon type="chart" />
<span className="zi-grid-item-name">chart_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("capital-o")}
onCopySuccess="capital 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="capitalcapitaloutline"
>
<Icon type="capital-o" />
<span className="zi-grid-item-name">capital</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("capital")}
onCopySuccess="capital_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="capital_fillcapitalfilled"
>
<Icon type="capital" />
<span className="zi-grid-item-name">capital_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("settings-o")}
onCopySuccess="settings 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="settingssettingsoutline"
>
<Icon type="settings-o" />
<span className="zi-grid-item-name">settings</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("settings")}
onCopySuccess="settings_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="settings_fillsettingsfilled"
>
<Icon type="settings" />
<span className="zi-grid-item-name">settings_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("marketing-o")}
onCopySuccess="marketing 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="marketingmarketingoutline"
>
<Icon type="marketing-o" />
<span className="zi-grid-item-name">marketing</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("marketing")}
onCopySuccess="marketing_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="marketing_fillmarketingfilled"
>
<Icon type="marketing" />
<span className="zi-grid-item-name">marketing_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("inventory-o")}
onCopySuccess="inventory 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="inventoryinventoryoutline"
>
<Icon type="inventory-o" />
<span className="zi-grid-item-name">inventory</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("inventory")}
onCopySuccess="inventory_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="inventory_fillinventoryfilled"
>
<Icon type="inventory" />
<span className="zi-grid-item-name">inventory_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("procurement-o")}
onCopySuccess="procurement 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="procurementprocurementoutline"
>
<Icon type="procurement-o" />
<span className="zi-grid-item-name">procurement</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("procurement")}
onCopySuccess="procurement_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="procurement_fillprocurementfilled"
>
<Icon type="procurement" />
<span className="zi-grid-item-name">procurement_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("finance-o")}
onCopySuccess="finance 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="financefinanceoutline"
>
<Icon type="finance-o" />
<span className="zi-grid-item-name">finance</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("finance")}
onCopySuccess="finance_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="finance_fillfinancefilled"
>
<Icon type="finance" />
<span className="zi-grid-item-name">finance_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("cashier-o")}
onCopySuccess="cashier 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="cashiercashieroutline"
>
<Icon type="cashier-o" />
<span className="zi-grid-item-name">cashier</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("cashier")}
onCopySuccess="cashier_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="cashier_fillcashierfilled"
>
<Icon type="cashier" />
<span className="zi-grid-item-name">cashier_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("course-o")}
onCopySuccess="course 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="coursecourseoutline"
>
<Icon type="course-o" />
<span className="zi-grid-item-name">course</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("course")}
onCopySuccess="course_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="course_fillcoursefilled"
>
<Icon type="course" />
<span className="zi-grid-item-name">course_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("admissions-o")}
onCopySuccess="admissions 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="admissionsadmissionsoutline"
>
<Icon type="admissions-o" />
<span className="zi-grid-item-name">admissions</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("admissions")}
onCopySuccess="admissions_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="admissions_filladmissionsfilled"
>
<Icon type="admissions" />
<span className="zi-grid-item-name">admissions_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("educational-o")}
onCopySuccess="educational 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="educationaleducationaloutline"
>
<Icon type="educational-o" />
<span className="zi-grid-item-name">educational</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("educational")}
onCopySuccess="educational_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="educational_filleducationalfilled"
>
<Icon type="educational" />
<span className="zi-grid-item-name">educational_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("customer-service-o")}
onCopySuccess="service 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="servicecustomer-serviceoutline"
>
<Icon type="customer-service-o" />
<span className="zi-grid-item-name">service</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("customer-service")}
onCopySuccess="service_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="service_fillcustomer-servicefilled"
>
<Icon type="customer-service" />
<span className="zi-grid-item-name">service_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("message-o")}
onCopySuccess="message 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="messagemessageoutline"
>
<Icon type="message-o" />
<span className="zi-grid-item-name">message</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("message")}
onCopySuccess="message_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="message_fillmessagefilled"
>
<Icon type="message" />
<span className="zi-grid-item-name">message_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("jump-out")}
onCopySuccess="jump_out 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="jump_outjump-out"
>
<Icon type="jump-out" />
<span className="zi-grid-item-name">jump_out</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("sign-out")}
onCopySuccess="sign_out 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="sign_outsign-out"
>
<Icon type="sign-out" />
<span className="zi-grid-item-name">sign_out</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("hotel-o")}
onCopySuccess="hotel 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="hotelhoteloutline"
>
<Icon type="hotel-o" />
<span className="zi-grid-item-name">hotel</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("hotel")}
onCopySuccess="hotel_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="hotel_fillhotelfilled"
>
<Icon type="hotel" />
<span className="zi-grid-item-name">hotel_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("customer-manage-o")}
onCopySuccess="customer-manage 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="customer-managecustomermanagecustomer-manageoutline"
>
<Icon type="customer-manage-o" />
<span className="zi-grid-item-name">customer-manage</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("customer-manage")}
onCopySuccess="customer-manage_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="customer-manage_fillcustomermanagecustomer-managefilled"
>
<Icon type="customer-manage" />
<span className="zi-grid-item-name">customer-manage_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("purchase-o")}
onCopySuccess="purchase 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="purchasepurchaseoutline"
>
<Icon type="purchase-o" />
<span className="zi-grid-item-name">purchase</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("purchase")}
onCopySuccess="purchase_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="purchase_fillpurchasefilled"
>
<Icon type="purchase" />
<span className="zi-grid-item-name">purchase_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("target-o")}
onCopySuccess="target 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="targettargetoutline"
>
<Icon type="target-o" />
<span className="zi-grid-item-name">target</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("target")}
onCopySuccess="target_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="target_filltargetfilled"
>
<Icon type="target" />
<span className="zi-grid-item-name">target_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("care-o")}
onCopySuccess="care 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="carecareoutline"
>
<Icon type="care-o" />
<span className="zi-grid-item-name">care</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("care")}
onCopySuccess="care_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="care_fillcarefilled"
>
<Icon type="care" />
<span className="zi-grid-item-name">care_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("nameplate-o")}
onCopySuccess="nameplate 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="nameplatenameplateoutline"
>
<Icon type="nameplate-o" />
<span className="zi-grid-item-name">nameplate</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("nameplate")}
onCopySuccess="nameplate_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="nameplate_fillnameplatefilled"
>
<Icon type="nameplate" />
<span className="zi-grid-item-name">nameplate_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("scrm-smile-o")}
onCopySuccess="scrm-smile 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="scrm-smilesmilescrm-smileoutline"
>
<Icon type="scrm-smile-o" />
<span className="zi-grid-item-name">scrm-smile</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("scrm-smile")}
onCopySuccess="scrm-smile_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="scrm-smile_fillsmilescrm-smilefilled"
>
<Icon type="scrm-smile" />
<span className="zi-grid-item-name">scrm-smile_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("canvas-o")}
onCopySuccess="canvas 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="canvascanvasoutline"
>
<Icon type="canvas-o" />
<span className="zi-grid-item-name">canvas</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("canvas")}
onCopySuccess="canvas_fill 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="canvas_fillcanvasfilled"
>
<Icon type="canvas" />
<span className="zi-grid-item-name">canvas_fill</span>
</div>
</CopyButton>
<CopyButton
text={this.getIconString("business-manage-o")}
onCopySuccess="business-manage 已复制到剪贴板"
>
<div
className="zi-grid-item"
data-index="business-managebusinessmanagebusiness-manageoutline"
>
<Icon type="business-manage-o" />
<span className="zi-grid-item-name">business-manage</span>
</div>
</CopyButton>
<CopyButton
text