mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-04 08:59:40 +08:00
32 lines
509 B
Markdown
32 lines
509 B
Markdown
|
---
|
||
|
|
order: 0
|
||
|
|
title:
|
||
|
|
zh-CN: 基本
|
||
|
|
en-US: Basic
|
||
|
|
---
|
||
|
|
|
||
|
|
## zh-CN
|
||
|
|
|
||
|
|
简单的展示。
|
||
|
|
|
||
|
|
## en-US
|
||
|
|
|
||
|
|
Simplest Usage.
|
||
|
|
|
||
|
|
```jsx
|
||
|
|
import { Statistic, Row, Col, Button } from 'antd';
|
||
|
|
|
||
|
|
ReactDOM.render(
|
||
|
|
<Row gutter={16}>
|
||
|
|
<Col span={12}>
|
||
|
|
<Statistic title="Active Users" value={112893} />
|
||
|
|
</Col>
|
||
|
|
<Col span={12}>
|
||
|
|
<Statistic title="Account Balance (CNY)" value={112893} precision={2} />
|
||
|
|
<Button style={{ marginTop: 16 }} type="primary">Recharge</Button>
|
||
|
|
</Col>
|
||
|
|
</Row>,
|
||
|
|
mountNode
|
||
|
|
);
|
||
|
|
```
|