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

46 lines
954 B
Vue
Raw Normal View History

2017-11-09 18:57:34 +08:00
<script>
2018-01-26 13:48:20 +08:00
import Basic from './basic'
import Badge from './badge'
import Type from './type'
import Dynamic from './dynamic'
import CN from '../index.zh-CN.md'
import US from '../index.en-US.md'
const md = {
cn: `# Avatar头像
用来代表用户或事物支持图片图标或字符展示
## 代码演示`,
us: `# Avatar
Avatars can be used to represent people or objects. It supports images, 'Icon's, or letters.
2018-03-20 21:48:01 +08:00
## Examples
2018-01-26 13:48:20 +08:00
`,
}
2017-11-09 18:57:34 +08:00
export default {
2018-03-20 21:48:01 +08:00
category: 'Components',
subtitle: '头像',
type: 'Data Display',
title: 'Avatar',
2018-01-26 13:48:20 +08:00
render () {
return (
<div>
<md cn={md.cn} us={md.us}/>
<Basic/>
<br/>
<Badge/>
<br/>
<Type/>
<br/>
2018-01-28 20:30:25 +08:00
<Dynamic/>
<br/>
2018-01-26 13:48:20 +08:00
<api>
<template slot='cn'>
<CN/>
</template>
<US/>
</api>
</div>
)
},
2017-11-09 18:57:34 +08:00
}
</script>