查看手机演示
# k-ball - 拖拽悬浮按钮
一款可拖拽，支持限制屏幕超出功能
# 平台兼容
| H5 | 微信小程序 | APP(ios/Android) |
|---|---|---|
| √ | √ | √ |
- API
| 参数 | 类型 | 作用 | 默认值 | 必传 |
|---|---|---|---|---|
| x | number（单位px） | 初始定位的屏幕X轴位置 | 50 | |
| y | number（单位px） | 初始定位的屏幕Y轴位置 | 400 | |
| size | number（单位rpx） | 按钮大小 | 80 | |
| disable | Boolean | 是否禁止拖拽 | false | |
| act | Object（具体如下） | 可拖拽时，配置限制超出屏幕的范围 | { top: 100,bottom: 100,left: 80, right: 100} |
act（Object）
| 参数 | 类型 | 作用 | 默认值 | 必传 |
|---|---|---|---|---|
| top | number（单位px） | 与屏幕的顶部距离 | 0 | |
| bottom | number（单位px） | 与屏幕的底部距离 | 0 | |
| left | number（单位px） | 与屏幕的左侧距离 | 0 | |
| right | number（单位px） | 与屏幕的右侧距离 | 0 |
- 插槽（slot）
用于编写按钮内的内容