Drag
吸边拖拽组件。
基本用法
可控制移动方向,垂直移动(h),水平移动(v)
<nut-drag
direction="h"
></nut-drag>
可设置距离边界的值来限制拖动范围
<nut-drag
:boundary="{top: 20, bottom: 20}"
></nut-drag>
可设置是否吸边
<nut-drag
:isSide="true"
></nut-drag>
Props
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
isSide | 是否吸边 | Boolean | true | true/false |
direction | 移动方向 | String | "h" | "h"/"v"/"n" |
boundary | 距边界距离 | Object | { top:20, left:0, right:20, bottom:20 } | — |
width | 宽 | Number,String | 50 | — |
height | 高 | Number,String | 50 | — |
opacity | 透明度 | Number,String | 1 | — |
unit | 距离单位 | String | "px" | "px"/"rem" |
zIndex | 样式层级 | Number,String | 11 | — |
opacity | 透明度 | Number,String | 1 | — |