ant-design-vue/components/statistic/demo/index.vue

51 lines
1.1 KiB
Vue
Raw Normal View History

2019-05-25 09:18:04 +00:00
<script>
import Basic from './basic';
import Card from './card';
import Unit from './unit';
import Countdown from './countdown';
import CN from '../index.zh-CN.md';
import US from '../index.en-US.md';
const md = {
cn: `# Statistic 统计数值
展示统计数值
## 何时使用
- 当需要突出某个或某组数字时
- 当需要展示带描述的统计类数据时使用
## 代码演示`,
us: `# Statistic
Statistics can be used to represent people or objects. It supports images, 'Icon's, or letters.
## Examples
`,
};
export default {
category: 'Components',
subtitle: '统计数值',
type: 'Data Display',
zhType: '数据展示',
title: 'Statistic',
2019-09-28 12:45:07 +00:00
render() {
2019-05-25 09:18:04 +00:00
return (
<div>
2019-09-28 12:45:07 +00:00
<md cn={md.cn} us={md.us} />
<Basic />
<br />
<Unit />
<br />
<Card />
<br />
<Countdown />
<br />
2019-05-25 09:18:04 +00:00
<api>
2019-09-28 12:45:07 +00:00
<template slot="cn">
<CN />
2019-05-25 09:18:04 +00:00
</template>
2019-09-28 12:45:07 +00:00
<US />
2019-05-25 09:18:04 +00:00
</api>
</div>
);
},
};
</script>