yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: cardlist

pull/30/MERGE
xingyu 2023-08-11 21:01:41 +08:00
parent d024950dda
commit bc4b337e0f
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/CardList/src/CardList.vue
View File

@ -22,9 +22,6 @@ const props = defineProps({
}) })
// 暴露内部方法 // 暴露内部方法
const emit = defineEmits(['getMethod', 'delete']) const emit = defineEmits(['getMethod', 'delete'])
const ListItem = List.Item
const CardMeta = Card.Meta
const TypographyText = Typography.Text
// 获取slider属性 // 获取slider属性
const sliderProp = computed(() => useSlider(4)) const sliderProp = computed(() => useSlider(4))
// 数据 // 数据
@ -129,7 +126,7 @@ async function handleDelete(id) {
</div> </div>
</template> </template>
<template #renderItem="{ item }"> <template #renderItem="{ item }">
<ListItem> <List.Item>
<Card> <Card>
<template #title /> <template #title />
<template #cover> <template #cover>
@ -139,7 +136,7 @@ async function handleDelete(id) {
</template> </template>
<template #actions> <template #actions>
<!-- <SettingOutlined key="setting" /> --> <!-- <SettingOutlined key="setting" /> -->
<EditOutlined key="edit" /> <EditOutlined />
<Dropdown <Dropdown
:trigger="['hover']" :trigger="['hover']"
:drop-menu-list="[ :drop-menu-list="[
@ -154,13 +151,13 @@ async function handleDelete(id) {
]" ]"
popconfirm popconfirm
> >
<EllipsisOutlined key="ellipsis" /> <EllipsisOutlined />
</Dropdown> </Dropdown>
</template> </template>
<CardMeta> <Card.Meta>
<template #title> <template #title>
<TypographyText :content="item.name" :ellipsis="{ tooltip: item.address }" /> <Typography.Paragraph :content="item.name" :ellipsis="{ tooltip: item.address }" />
</template> </template>
<template #avatar> <template #avatar>
<Avatar :src="item.avatar" /> <Avatar :src="item.avatar" />
@ -168,9 +165,9 @@ async function handleDelete(id) {
<template #description> <template #description>
{{ item.time }} {{ item.time }}
</template> </template>
</CardMeta> </Card.Meta>
</Card> </Card>
</ListItem> </List.Item>
</template> </template>
</List> </List>
</div> </div>