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.
28 lines
870 B
28 lines
870 B
<script lang="ts" setup> |
|
import { List, Switch } from 'ant-design-vue' |
|
import { msgNotifyList } from './data' |
|
import { CollapseContainer } from '@/components/Container/index' |
|
|
|
const ListItem = List.Item |
|
const ListItemMeta = List.Item.Meta |
|
</script> |
|
|
|
<template> |
|
<CollapseContainer title="新消息通知" :can-expan="false"> |
|
<List> |
|
<template v-for="item in msgNotifyList" :key="item.key"> |
|
<ListItem> |
|
<ListItemMeta> |
|
<template #title> |
|
{{ item.title }} |
|
<Switch class="float-right mr-7.5 mt-0" checked-children="开" un-checked-children="关" default-checked /> |
|
</template> |
|
<template #description> |
|
<div>{{ item.description }}</div> |
|
</template> |
|
</ListItemMeta> |
|
</ListItem> |
|
</template> |
|
</List> |
|
</CollapseContainer> |
|
</template>
|
|
|