更新记录
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不重置 |