更新记录

1.0.2（2024-08-02） 下载此版本

更新示例项目

1.0.1（2024-08-02） 下载此版本

基于第三方popup组件实现的bindingX手势拖拽关闭弹框

平台兼容性

uni-app

uni-app x

借助 bindingX + popup 组件实现手势控制关闭弹框

仅支持 nvue 页面
nvue 页面定义: 在 pages.json 中定义的页面文件的文件后缀为.nvue ,包含嵌入这个.nvue 页面的.vue 组件; .vue 页面中的.nvue 组件不属于

示例项目中subNvue页面在pages.json中定义时style-mask属性在部分机型上设置transparent会出现纯白背景，请用rgba(0,0,0,0)代替

{
    "id": "xxx",
    "type": "popup",
    "path": "pages/xxx/xxx",
    "style": {
        "mask": "rgba(0,0,0,0)",
    }
}

以下组件属性及使用方式仅适合uView2.0中的u-popup，也可以使用官方扩展组件uni-popup或其他，使用非u-popup组件时部分参数和使用方式需要对应调整

安卓下开启全局手势fullPan或绑定了touchstart事件的容器中，click事件将无法触发，临时方案为绑定touchstart代替click，但按下会立即触发

组件属性(部分)

组件方法

触摸元素绑定 touchstart 事件，调用触摸滑动

onTouchStart