<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>
