# Tooltip 长按提示

Tooltip组件主要用于长按操作,类似微信的长按气泡

# 平台差异说明

App(vue) App(nvue) H5 小程序

# 基本使用.

说明

由于安卓nvue下,overflow属性不支持visible值,故此组件暂不支持安卓nvue环境。

<template>
    <u-tooltip text="复制" overlay></u-tooltip>
</template>
✅ Copy success!

# 下方显示

<template>
    <u-tooltip text="下方显示" direction="bottom"></u-tooltip>
</template>
✅ Copy success!

# 扩展按钮

<template>
    <u-tooltip text="扩展显示" :buttons="['扩展']"></u-tooltip>
</template>
✅ Copy success!

# 高亮选中文本背景色

<template>
    <u-tooltip text="高亮选中文本背景色" :buttons="['扩展']" bgColor="#e3e4e6"></u-tooltip>
</template>
✅ Copy success!

# 此页面源代码地址

页面源码地址


 github  gitee

# API

# Tooltip Props

参数 说明 类型 默认值 可选值
text 需要显示的提示文字 String | Number - -
copyText 点击复制按钮时,复制的文本,为空则使用text值 String | Number - -
size 文本大小 String | Number 14 -
color 字体颜色 String #606266 -
bgColor 弹出提示框时,文本的背景色 String transparent -
direction 弹出提示的方向,top-上方,bottom-下方 String top bottom
zIndex 弹出提示的z-index,nvue无效 String | Number 10071 -
showCopy 是否显示复制按钮 Boolean true false
buttons 扩展的按钮组 Array - -
overlay 是否显示透明遮罩以防止触摸穿透 Boolean true false
showToast 是否显示复制成功或者失败的toast Boolean true false

# Tooltip Events

事件名 说明 回调参数
click 点击触发事件 index,被点击按钮的索引