ant-design-vue/components/tooltip/demo/arrow-point-at-center.vue

25 lines
522 B
Vue
Raw Normal View History

2018-01-11 10:53:51 +00:00
<template>
<div>
<md>
## 箭头指向
设置了 `arrowPointAtCenter` 箭头将指向目标元素的中心
</md>
<Tooltip placement="topLeft" title="Prompt Text">
2018-01-23 10:55:39 +00:00
<a-button>Align edge / 边缘对齐</a-button>
2018-01-11 10:53:51 +00:00
</Tooltip>
<Tooltip placement="topLeft" title="Prompt Text" arrowPointAtCenter>
2018-01-23 10:55:39 +00:00
<a-button>Arrow points to center / 箭头指向中心</a-button>
2018-01-11 10:53:51 +00:00
</Tooltip>
</div>
</template>
<script>
import { Tooltip, Button } from 'antd'
export default {
components: {
Tooltip,
2018-01-23 10:55:39 +00:00
2018-01-11 10:53:51 +00:00
},
}
</script>