38 lines
902 B
Vue
38 lines
902 B
Vue
<docs>
|
||
---
|
||
order: 8
|
||
title:
|
||
zh-CN: 垂直方向紧凑布局
|
||
en-US: Vertical Compact Mode
|
||
---
|
||
|
||
## zh-CN
|
||
|
||
垂直方向的紧凑布局，目前仅支持 Button 组合。
|
||
|
||
## en-US
|
||
|
||
Vertical Mode for Space.Compact, support Button only.
|
||
|
||
</docs>
|
||
|
||
<template>
|
||
<a-space>
|
||
<a-space-compact direction="vertical">
|
||
<a-button>Button 1</a-button>
|
||
<a-button>Button 2</a-button>
|
||
<a-button>Button 3</a-button>
|
||
</a-space-compact>
|
||
<a-space-compact direction="vertical">
|
||
<a-button type="dashed">Button 1</a-button>
|
||
<a-button type="dashed">Button 2</a-button>
|
||
<a-button type="dashed">Button 3</a-button>
|
||
</a-space-compact>
|
||
<a-space-compact direction="vertical">
|
||
<a-button type="primary">Button 1</a-button>
|
||
<a-button type="primary">Button 2</a-button>
|
||
<a-button type="primary">Button 3</a-button>
|
||
</a-space-compact>
|
||
</a-space>
|
||
</template>
|