ant-design-vue/components/list/demo/basic.md

52 lines
972 B
Markdown
Raw Normal View History

2018-06-16 13:30:41 +00:00
<cn>
#### 基础列表
基础列表。
</cn>
<us>
#### Basic list
Basic list.
</us>
```html
<template>
2019-09-28 12:45:07 +00:00
<a-list itemLayout="horizontal" :dataSource="data">
2018-06-16 13:30:41 +00:00
<a-list-item slot="renderItem" slot-scope="item, index">
<a-list-item-meta
description="Ant Design, a design language for background applications, is refined by Ant UED Team"
>
2019-02-16 08:51:21 +00:00
<a slot="title" href="https://vue.ant.design/">{{item.title}}</a>
2019-09-28 12:45:07 +00:00
<a-avatar
slot="avatar"
src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
/>
2018-06-16 13:30:41 +00:00
</a-list-item-meta>
</a-list-item>
</a-list>
</template>
<script>
2019-09-28 12:45:07 +00:00
const data = [
{
title: 'Ant Design Title 1',
},
{
title: 'Ant Design Title 2',
},
{
title: 'Ant Design Title 3',
},
{
title: 'Ant Design Title 4',
},
];
export default {
data() {
return {
data,
};
},
};
2018-06-16 13:30:41 +00:00
</script>
2019-09-28 12:45:07 +00:00
<style></style>
2018-06-16 13:30:41 +00:00
```