65 lines
1.1 KiB
Vue
65 lines
1.1 KiB
Vue
<docs>
|
|
---
|
|
order: 1
|
|
title:
|
|
zh-CN: 横向 Anchor。
|
|
en-US: Horizontally aligned anchors
|
|
---
|
|
|
|
|
|
## zh-CN
|
|
|
|
横向 Anchor。
|
|
|
|
## en-US
|
|
|
|
Horizontally aligned anchors
|
|
|
|
</docs>
|
|
|
|
<template>
|
|
<div
|
|
style="
|
|
{
|
|
padding: '20px';
|
|
}
|
|
"
|
|
>
|
|
<a-anchor
|
|
direction="horizontal"
|
|
:items="[
|
|
{
|
|
key: 'horizontally-part-1',
|
|
href: '#horizontally-part-1',
|
|
title: 'Part 1',
|
|
},
|
|
{
|
|
key: 'horizontally-part-2',
|
|
href: '#horizontally-part-2',
|
|
title: 'Part 2',
|
|
},
|
|
{
|
|
key: 'horizontally-part-3',
|
|
href: '#horizontally-part-3',
|
|
title: 'Part 3',
|
|
},
|
|
{
|
|
key: 'horizontally-part-4',
|
|
href: '#horizontally-part-4',
|
|
title: 'Part 4',
|
|
},
|
|
{
|
|
key: 'horizontally-part-5',
|
|
href: '#horizontally-part-5',
|
|
title: 'Part 5',
|
|
},
|
|
{
|
|
key: 'horizontally-part-6',
|
|
href: '#horizontally-part-6',
|
|
title: 'Part 6',
|
|
},
|
|
]"
|
|
/>
|
|
</div>
|
|
</template>
|