You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.3 KiB
52 lines
1.3 KiB
<script lang="ts" setup>
|
|
import { Card, List } from 'ant-design-vue'
|
|
import { dynamicInfoItems } from './data'
|
|
import { Icon } from '@/components/Icon'
|
|
|
|
const props = defineProps({
|
|
data: {
|
|
type: Object,
|
|
default: () => {},
|
|
},
|
|
})
|
|
const ListItem = List.Item
|
|
const ListItemMeta = List.Item.Meta
|
|
</script>
|
|
|
|
<template>
|
|
<Card id="www" :title="props.data.Header" v-bind="$attrs" class-name="spcard">
|
|
<template #extra>
|
|
<a-button type="link">
|
|
更多
|
|
</a-button>
|
|
</template>
|
|
<List item-layout="horizontal" :data-source="props.data.Content">
|
|
<template #renderItem="{ item }">
|
|
<ListItem>
|
|
<ListItemMeta>
|
|
<template #description>
|
|
{{ item.StartTime }} {{ item.Duration }}
|
|
</template>
|
|
<!-- eslint-disable-next-line -->
|
|
<!-- <template #title> {{ item.Text }} <span v-html="item.desc"> </span> </template> -->
|
|
<template #title>
|
|
{{ item.Text }}
|
|
</template>
|
|
|
|
<!-- <template #avatar>
|
|
<Icon :icon="item.avatar" :size="30" />
|
|
</template> -->
|
|
</ListItemMeta>
|
|
</ListItem>
|
|
</template>
|
|
</List>
|
|
</Card>
|
|
</template>
|
|
|
|
<style scoped>
|
|
::v-deep(.ant-card-body) {
|
|
height:50%;
|
|
padding:10px;
|
|
overflow-y: auto;
|
|
}
|
|
</style>
|
|
|