naive-ui/demo/documentation/components/card/zhCN/segment.md

20 lines
441 B
Markdown
Raw Normal View History

2019-12-02 03:16:35 +08:00
# 分段
2019-12-22 23:19:08 +08:00
`content`、`footer` 和 `action` 可以被 `hard``soft` 分段,分段分割线会在区域的上方出现。
2019-12-02 03:16:35 +08:00
```html
<n-card title="卡片分段示例" :segmented="{
content: 'hard',
2019-12-22 23:19:08 +08:00
footer: 'soft'
2019-12-02 03:16:35 +08:00
}">
<template v-slot:header-extra>
v-slot:header-extra
</template>
卡片内容
<template v-slot:footer>
v-slot:footer
</template>
<template v-slot:action>
v-slot:action
</template>
</n-card>
```