更新记录

1.0.1(2024-02-23) 下载此版本

修复部分样式

1.0.0(2024-02-23) 下载此版本

首次发布


平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
-

其他

多语言 暗黑模式 宽屏模式
× ×

hy-tooltip1

hy-tooltip1 是一个长按显示提示消息和更多按钮气泡的组件。

1.属性说明

属性名 类型 说明
id String 需要传入的id值,根据需要可以填写。
tabs Array 传入提示消息或按钮,数组
color String 按钮文字颜色 ,默认:'#e0e0e0'
bgColor String 按钮背景颜色 ,默认:'#505050'
istop Bool 按钮是否位于上方,默认:true
top String 按钮垂直方向顶部偏移距离,例:"-34px"
bottom String 按钮垂直方向底部偏移距离,例:"-34px"
positionX String 按钮水平排列方式,默认:"center",/"start",/"end"...
left String 按钮水平方向偏移距离,例:"5px"
@taptab EventHandle 按钮点击事件,数据(按钮索引,按钮名称,传入id)

2.使用示例

页面:

复制代码<template>
    <view class="content">
         <hy-tooltip1 :id='id' :tabs="tab" @taptab="tab">
            <view></view>
         </hy-tooltip1>
    </view>
</template>

script:

复制代码     export default {
         data() {
            return {
                id:'123',
                tab:['复制','撤回','删除'],
            }
         },
        methods: {
            tab(i,e,id){
                console.log(i,e,id);//0 复制 123,1 撤回 123,2 删除 123
            },
        }
    }

说明

该组件会根据外层的大小铺满,可在该组件标签内部写你的内容,该标签外部标签为长按点击的区域。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议
289***@qq.com

2024-09-02

如果是个循环 怎么显示 弹框呀

hongyan 2024-09-02

你可以将组件包裹在循坏体中,在组件插槽中写你的代码

283***@qq.com

2024-03-01

你好怎样传入复制的文字

hongyan 2024-03-05

你可以使用id值作为复制的内容,如有多个值,id也可以传入对象

hongyan 2024-03-05

@taptab()的第三个值为传入id的值

hongyan

2024-02-23

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问