更新记录

1.0.1（2026-01-14） 下载此版本

修改package.json

1.0.0（2026-01-14） 下载此版本

发布第一个版本

平台兼容性

uni-app(3.6.15)

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

其他

多语言 暗黑模式 宽屏模式
× × √

yangc-slide-button 滑动操作按钮

滑动到右侧触发按钮，适用于收货确认、到达目的地确认等交互场景。

特性

  • 支持自定义提示文本与完成态文本
  • 可配置禁用状态、解锁阈值
  • 支持自定义滑块尺寸（px/rpx 单位）
  • 提供成功触发、重置回调事件
  • 支持手动重置组件方法

API

属性（Props）

属性名 类型 说明 默认值
promptText String 滑动前的提示文本 -
completedText String 滑动完成后的提示文本 -
disabled Boolean 是否禁用滑块 false
threshold Number 解锁阈值（0-1 范围） 0.9
size Number / String 滑块大小，数字默认px，字符串支持px/rpx 40px

事件（Events）

事件名 说明 回调参数
success 滑块滑动成功触发事件 -
reset 组件重置成功触发事件 -

方法（Methods）

方法名 说明 调用示例
reset 手动重置组件状态 yangcSlideButtonRef.value.reset()

基础用法

模板代码


<yangc-slide-button
  ref="yangcSlideButtonRef"
  prompt-text="滑动接单"
  completed-text="接单成功"
  @success="handleSuccess"
  @reset="handleReset">
</yangc-slide-button>

隐私、权限声明

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

无

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

无

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

无

许可协议

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

暂无用户评论。