Tooltip

用于展示更多消息

基础用法

默认 hover 触发，也可改为 click 触发

<template>

  <Tooltip content="收到联发科见识到了就开了">

    <Button>我是Tooltip</Button>

  </Tooltip>



  <Tooltip trigger="click" content="收到联发科见识到了就开了">

    <Button>点击触发</Button>

  </Tooltip>

</template>



<script setup>

import Tooltip from '@/components/Tooltip/Tooltip.vue'

import Button from '@/components/Button/Button.vue'

</script>

Props

键名	描述	类型	默认值
content	文字	string	-
trigger	触发类型	enum: [hover, click]	hover
placement	出现位置	string	bottom
manual	是否手动触发	boolean	false
transitionName	过渡名	string	fade
openDelay	打开延迟	number	0 毫秒
closeDelay	关闭延迟	number	0 毫秒
popperOptions	popper.js 配置，更多参考文档	Options	-