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

50 lines
1.1 KiB
Vue
Raw Normal View History

2017-11-09 10:57:34 +00:00
<script>
2019-01-12 03:33:27 +00: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';
2018-01-26 05:48:20 +00:00
const md = {
cn: `# Avatar头像
用来代表用户或事物支持图片图标或字符展示
## 设计师专属
安装 [Kitchen Sketch 插件 <EFBFBD>](https://kitchen.alipay.com),一键填充高逼格头像和文本.
2018-01-26 05:48:20 +00:00
## 代码演示`,
us: `# Avatar
Avatars can be used to represent people or objects. It supports images, 'Icon's, or letters.
## Examples
2018-01-26 05:48:20 +00:00
`,
2019-01-12 03:33:27 +00:00
};
2017-11-09 10:57:34 +00:00
export default {
2018-03-20 13:48:01 +00:00
category: 'Components',
subtitle: '头像',
type: 'Data Display',
zhType: '数据展示',
2018-03-20 13:48:01 +00:00
title: 'Avatar',
2018-01-26 05:48:20 +00:00
render () {
return (
<div>
<md cn={md.cn} us={md.us}/>
<Basic/>
<br/>
<Badge/>
<br/>
<Type/>
<br/>
2018-01-28 12:30:25 +00:00
<Dynamic/>
<br/>
2018-01-26 05:48:20 +00:00
<api>
<template slot='cn'>
<CN/>
</template>
<US/>
</api>
</div>
2019-01-12 03:33:27 +00:00
);
2018-01-26 05:48:20 +00:00
},
2019-01-12 03:33:27 +00:00
};
2017-11-09 10:57:34 +00:00
</script>