更新记录

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

暂无用户评论。