ui-tooltip 提示框组件

版本：v2.3.11

提示框组件件用于在鼠标悬停时显示提示信息，支持自定义位置和样式

基本使用

<template>
  <div class="tooltip-demo">
    <ui-tooltip content="这是一个提示信>
      <ui-button>悬停查看提示</ui-button>
    </ui-tooltip>
  </div>
</template>

<style scoped>
.tooltip-demo {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

Props

参数	类型	默认值	说明
content	String	-	提示框组件内
position	String	'top'	提示框组件位置，可选值：top、bottom、left、right
showArrow	Boolean	true	是否显示箭头
arrowSize	Number	6	箭头大小，单位：px
backgroundColor	String	'#333'	提示框组件背景色
color	String	'#fff'	提示框组件文字颜
padding	Number	8	提示框组件内边距，单位：px
fontSize	Number	12	提示框组件文字大小，单位：px
delay	Number	300	显示延迟，单位：ms
duration	Number	200	动画持续时间，单位：ms
disabled	Boolean	false	是否禁用提示

Slots

名称	说明
default	触发提示框组件的内容
content	自定义提示框组件内容

在线演示

扫码或点击链接在手机上查看完整演示

https://shadow-ui3-demo.nooko.cn/#/pages/functional/tooltip/tooltip