Tooltip 长按提示

您所在的位置：网站首页 › 进口替代性发展战略的含义和具体措施 › Tooltip 长按提示

Tooltip 长按提示

2024-03-21 17:38| 来源: 网络整理| 查看: 265

# Tooltip 长按提示

✈

组件名：uv-tooltip

点击下载&安装 (opens new window)

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

# 平台兼容性 App（vue） App（nvue） H5 小程序 VUE2 VUE3 √ × √ √ √ √

说明

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

# 基本使用

设置text属性控制文本。

# 下方显示

设置direction属性控制方向。

# 扩展按钮

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

# 高亮选中文本背景色

设置bgColor属性。

# 完整示例

完整示例下载地址

https://ext.dcloud.net.cn/plugin?name=uv-ui (opens new window)

# 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 top | bottom zIndex 弹出提示的z-index，nvue无效 String | Number 10071 - showCopy 是否显示复制按钮 Boolean true true | false buttons 扩展的按钮组 Array - - overlay 是否显示透明遮罩以防止触摸穿透 Boolean true true | false showToast 是否显示复制成功或者失败的toast Boolean true true | false # Tooltip Events 事件名说明回调参数 @click 点击触发事件 index，被点击按钮的索引

← Empty 内容为空 Alert 警告提示 →

感谢支持我们

【本文地址】

Tooltip 长按提示

Tooltip 长按提示

今日新闻

推荐新闻