更新记录

1.0.2(2023-07-24)

为防止点击事件click和touchstart事件冲突,touchstart替换为longtap长按事件,长按解锁滑动动作

1.0.1(2023-07-23)

bug修改

1.0.0(2023-07-17)

首次提交

查看更多

平台兼容性

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

lmk-touchMove

1.引入

import lmkTouchMove from '../../uni_modules/lmk-touchMove/components/lmk-touchMove/lmk-touchMove.vue'

2.注册

components:{
    lmkTouchMove
}

3.使用

<lmk-touchMove :xDistance="100" :yDistance="100" :safeDistance="{'top':40,'right':0,'left':0,'bottom':0}"  :boxHeight="60" :boxWidth="60">
    <!-- <view  class="square" @tap="realease">
        <uni-icons type="plusempty" size="30"></uni-icons>
    </view> -->
</lmk-touchMove>

4.传参

props:{
    //盒子距离左边的距离
    xDistance:{
        type:Number,
        default:100
    },
    //盒子距离顶部的距离
    yDistance:{
        type:Number,
        default:100
    },
    //移动盒子的高度
    boxHeight:{
        type:Number,
        default:60
    },
    //默认盒子的宽度
    boxWidth:{
        type:Number,
        default:60
    },
    //安全距离
    safeDistance:{
        type:Object,
        default:()=>{
            return {
                top:0,//顶部
                left:0,//左边
                right:0,//右边
                bottom:0,//底部
            }
        }
    }
}

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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