Tooltip 长按提示 | 我的资料管理-uv-ui 是全面兼容vue3+2、nvue、app、h5、小程序等多端的uni-app生态框架

✈

组件名：uv-tooltip

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

App（vue）	App（nvue）	H5	小程序	VUE2	VUE3
√	×	√	√	√	√

说明

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

设置text属性控制文本。

<template>
    <uv-tooltip text="复制" overlay></uv-tooltip>
</template>

设置direction属性控制方向。

<template>
    <uv-tooltip text="下方显示" direction="bottom"></uv-tooltip>
</template>

设置buttons属性扩展的按钮组。

<template>
    <uv-tooltip text="扩展显示" :buttons="['扩展']"></uv-tooltip>
</template>

设置bgColor属性。

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

完整示例下载地址

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

# Tooltip 长按提示