mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
198 lines
4.8 KiB
Markdown
198 lines
4.8 KiB
Markdown
|
# 尺寸
|
||
|
有 `small`、`medium`、`large` 尺寸。
|
||
|
```html
|
||
|
<n-descriptions label-placement="left" title="描述" size="small">
|
||
|
<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="晚餐" :span="2">
|
||
|
两个<br>
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
<n-descriptions-item label="宵夜">
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
</n-descriptions>
|
||
|
<n-descriptions label-placement="left" title="描述" size="medium">
|
||
|
<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="晚餐" :span="2">
|
||
|
两个<br>
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
<n-descriptions-item label="宵夜">
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
</n-descriptions>
|
||
|
<n-descriptions label-placement="left" title="描述" size="large">
|
||
|
<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="晚餐" :span="2">
|
||
|
两个<br>
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
<n-descriptions-item label="宵夜">
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
</n-descriptions>
|
||
|
<n-descriptions label-placement="top" title="描述" size="small">
|
||
|
<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="晚餐" :span="2">
|
||
|
两个<br>
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
<n-descriptions-item label="宵夜">
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
</n-descriptions>
|
||
|
<n-descriptions label-placement="top" title="描述" size="medium">
|
||
|
<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="晚餐" :span="2">
|
||
|
两个<br>
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
<n-descriptions-item label="宵夜">
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
</n-descriptions>
|
||
|
<n-descriptions label-placement="top" title="描述" size="large">
|
||
|
<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="晚餐" :span="2">
|
||
|
两个<br>
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
<n-descriptions-item label="宵夜">
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
</n-descriptions>
|
||
|
<n-descriptions label-placement="top" title="描述" size="small" 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="晚餐" :span="2">
|
||
|
两个<br>
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
<n-descriptions-item label="宵夜">
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
</n-descriptions>
|
||
|
<n-descriptions label-placement="top" title="描述" size="medium" 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="晚餐" :span="2">
|
||
|
两个<br>
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
<n-descriptions-item label="宵夜">
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
</n-descriptions>
|
||
|
<n-descriptions label-placement="top" title="描述" size="large" 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="晚餐" :span="2">
|
||
|
两个<br>
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
<n-descriptions-item label="宵夜">
|
||
|
苹果
|
||
|
</n-descriptions-item>
|
||
|
</n-descriptions>
|
||
|
```
|
||
|
```css
|
||
|
.n-descriptions {
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
```
|