mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
55 lines
1.5 KiB
Markdown
55 lines
1.5 KiB
Markdown
|
# 边框
|
||
|
|
如果有很多多行的信息，你可以把它设为 `bordered`。
|
||
|
|
```html
|
||
|
|
<n-descriptions bordered>
|
||
|
|
<n-descriptions-item>
|
||
|
|
<template v-slot:label>
|
||
|
|
早餐
|
||
|
|
</template>
|
||
|
|
苹果
|
||
|
|
</n-descriptions-item>
|
||
|
|
<n-descriptions-item label="午餐">
|
||
|
|
苹果
|
||
|
|
</n-descriptions-item>
|
||
|
|
<n-descriptions-item label="晚餐">
|
||
|
|
苹果
|
||
|
|
</n-descriptions-item>
|
||
|
|
<n-descriptions-item label="为什么长">
|
||
|
|
为什么<br>长<br>长<br>长<br>长<br>长
|
||
|
|
</n-descriptions-item>
|
||
|
|
<n-descriptions-item label="为什么长">
|
||
|
|
为什么<br>长<br>长<br>长<br>长<br>长
|
||
|
|
</n-descriptions-item>
|
||
|
|
<n-descriptions-item label="为什么长">
|
||
|
|
为什么<br>长<br>长<br>长<br>长<br>长
|
||
|
|
</n-descriptions-item>
|
||
|
|
</n-descriptions>
|
||
|
|
<n-descriptions label-placement="left" bordered>
|
||
|
|
<n-descriptions-item>
|
||
|
|
<template v-slot:label>
|
||
|
|
Breakfast
|
||
|
|
</template>
|
||
|
|
苹果
|
||
|
|
</n-descriptions-item>
|
||
|
|
<n-descriptions-item label="午餐">
|
||
|
|
苹果
|
||
|
|
</n-descriptions-item>
|
||
|
|
<n-descriptions-item label="晚餐">
|
||
|
|
苹果
|
||
|
|
</n-descriptions-item>
|
||
|
|
<n-descriptions-item label="为什么长">
|
||
|
|
为什么<br>长<br>长<br>长<br>长<br>长
|
||
|
|
</n-descriptions-item>
|
||
|
|
<n-descriptions-item label="为什么长">
|
||
|
|
为什么<br>长<br>长<br>长<br>长<br>长
|
||
|
|
</n-descriptions-item>
|
||
|
|
<n-descriptions-item label="为什么长">
|
||
|
|
为什么<br>长<br>长<br>长<br>长<br>长
|
||
|
|
</n-descriptions-item>
|
||
|
|
</n-descriptions>
|
||
|
|
```
|
||
|
|
```css
|
||
|
|
.n-descriptions {
|
||
|
|
margin-top: 16px;
|
||
|
|
}
|
||
|
|
```
|