mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
15 lines
426 B
Markdown
15 lines
426 B
Markdown
|
# Cover
|
||
|
|
Card can have a cover.
|
||
|
|
```html
|
||
|
|
<n-card title="Card with Cover">
|
||
|
|
<template v-slot:cover>
|
||
|
|
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573566445479&di=8804b1996cbf89582232a3994665454c&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D3628555514%2C2933400515%26fm%3D214%26gp%3D0.jpg">
|
||
|
|
</template>
|
||
|
|
Card Content
|
||
|
|
</n-card>
|
||
|
|
```
|
||
|
|
```css
|
||
|
|
.n-card {
|
||
|
|
max-width: 300px;
|
||
|
|
}
|
||
|
|
```
|