更新记录

1.0.1（2026-06-24） 下载此版本

1.0.0（2026-06-12）

  • 修复了一些拖动问题

1.0.0（2026-04-02） 下载此版本

  • 滑动解锁

平台兼容性

uni-app(4.87)

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

zv-slide-unlock

基于movable-area,movable-view的滑动解锁组件 滑块部分自定义

用法示例

    <zv-slide-unlock
        text="滑动接单"
        successText="已接单"
        activeColor="#4CD964"
        sliderBgColor="#1E7BFE"
        :size="160"
        :threshold="0.7"
        radius="10"
        @success="handleSuccess"
    >
    </zv-slide-unlock>
    <zv-slide-unlock
        text="滑动接单"
        successText="已接单"
        color="#59f"
        activeColor="#fff"
        activeBgColor="#1E7BFE"
        sliderBgColor="#1E7BFE"
        sliderColor="#222"
        size="96"
        :threshold="0.7"
        radius="12"
        @success="handleSuccess"
    >
    <view class="" style="line-height: 96rpx;text-align: center; color: #fff;">aaa</view>
</zv-slide-unlock>
属性名 类型 默认值 说明
text String null 默认文本
successText String null 滑动解锁后的文本
size Number 80 滑块大小 宽高都是这个 传入100则宽高都是100rpx
radius Number,String 40 圆角大小
color String #222 默认文本字体颜色
bgColor String #eee 整体背景色
activeColor String #fff 解锁后的文本颜色
activeBgColor String #FFE439 解锁后的背景颜色
sliderBgColor String #FFE439 滑块的背景色
threshold Number 0.8 触发解锁的阈值 最大1 默认滑动到80%触发
resetSlider Number 0 触发解锁后的重置时间 单位毫秒 默认0不重置

实际效果可进入小程序查看

示例

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。