Appearance
liu-drag-button 拖拽按钮
liu-drag-button 是一个可拖拽的悬浮按钮组件,支持自动停靠。
基础用法
vue
<template>
<liu-drag-button
:canDocking="true"
:bottomPx="100"
:rightPx="20"
@clickBtn="onClick"
>
<view class="my-btn">按钮</view>
</liu-drag-button>
</template>Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| disabled | 是否禁用拖动 | Boolean | false |
| canDocking | 是否自动停靠 (吸边) | Boolean | true |
| bottomPx | 初始位置距离底部距离 (px) | Number | 30 |
| rightPx | 初始位置距离右侧距离 (px) | Number | 0 |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| clickBtn | 点击按钮时触发 | - |
| change | 拖动位置改变时触发 | (detail: {x, y}) |