新增AvatarList组件

This commit is contained in:
chenghx
2018-08-06 16:30:38 +08:00
parent 7befb78ba5
commit 9f244f3719
5 changed files with 130 additions and 8 deletions

View File

@@ -14,7 +14,11 @@
</a-card-meta>
<div class="content">
<span>4小时前</span>
<a-avatar size="small" src="https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png" />
<avatar-list>
<avatar-list-item size="small" tips="曲丽丽" src="https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png" />
<avatar-list-item size="small" tips="周星星" src="https://gw.alipayobjects.com/zos/rmsportal/tBOxZPlITHqwlGjsJWaF.png" />
<avatar-list-item size="small" tips="董娜娜" src="https://gw.alipayobjects.com/zos/rmsportal/sBxjgqiuHMGRkIjqlQCd.png" />
</avatar-list>
</div>
</a-card>
</a-list-item>
@@ -29,9 +33,14 @@ import AList from 'vue-antd-ui/es/list'
import AListItem from 'vue-antd-ui/es/list/Item'
import ACardMeta from 'vue-antd-ui/es/card/Meta'
import AAvatar from 'vue-antd-ui/es/avatar/Avatar'
import AvatarList from '../../tool/AvatarList'
import ATooltip from 'vue-antd-ui/es/tooltip/Tooltip'
const AvatarListItem = AvatarList.Item
export default {
name: 'ProjectList',
components: {AAvatar, ACardMeta, AListItem, AList, SearchForm, ACard}
components: {ATooltip, AvatarListItem, AvatarList, AAvatar, ACardMeta, AListItem, AList, SearchForm, ACard}
}
</script>