Skip to content

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是否禁用拖动Booleanfalse
canDocking是否自动停靠 (吸边)Booleantrue
bottomPx初始位置距离底部距离 (px)Number30
rightPx初始位置距离右侧距离 (px)Number0

Events

事件名说明回调参数
clickBtn点击按钮时触发-
change拖动位置改变时触发(detail: {x, y})