更新记录

1.0.1(2024-02-23)

修复部分样式

1.0.0(2024-02-23)

首次发布


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.95 app-vue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

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协议

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