naive-ui/demo/documentation/components/descriptions/zhCN/size.md

198 lines
4.8 KiB
Markdown
Raw Normal View History

2020-02-04 15:29:15 +08:00
# 尺寸
`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;
}
```