mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-12-02 12:07:54 +08:00
43 lines
880 B
Vue
43 lines
880 B
Vue
<template>
|
||
<div>
|
||
<md>
|
||
## 箭头指向
|
||
设置了 `arrowPointAtCenter` 后，箭头将指向目标元素的中心。
|
||
</md>
|
||
<Popover placement="topLeft">
|
||
<template slot="content">
|
||
<div>
|
||
<p>Content</p>
|
||
<p>Content</p>
|
||
</div>
|
||
</template>
|
||
<template slot="title">
|
||
<span>Title</span>
|
||
</template>
|
||
<AntButton>Align edge / 边缘对齐</AntButton>
|
||
</Popover>
|
||
<Popover placement="topLeft" arrowPointAtCenter>
|
||
<template slot="content">
|
||
<div>
|
||
<p>Content</p>
|
||
<p>Content</p>
|
||
</div>
|
||
</template>
|
||
<template slot="title">
|
||
<span>Title</span>
|
||
</template>
|
||
<AntButton>Arrow points to center / 箭头指向中心</AntButton>
|
||
</Popover>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import { Popover, Button } from 'antd'
|
||
export default {
|
||
components: {
|
||
Popover,
|
||
AntButton: Button,
|
||
},
|
||
}
|
||
</script>
|