Drag


吸边拖拽组件。

基本用法
可控制移动方向,垂直移动(h),水平移动(v)
  1. <nut-drag
  2. direction="h"
  3. ></nut-drag>

可设置距离边界的值来限制拖动范围
  1. <nut-drag
  2. :boundary="{top: 20, bottom: 20}"
  3. ></nut-drag>

可设置是否吸边
  1. <nut-drag
  2. :isSide="true"
  3. ></nut-drag>

Props
参数说明类型默认值可选值
isSide是否吸边Booleantruetrue/false
direction移动方向String"h""h"/"v"/"n"
boundary距边界距离Object{ top:20, left:0, right:20, bottom:20 }
widthNumber,String50
heightNumber,String50
opacity透明度Number,String1
unit距离单位String"px""px"/"rem"
zIndex样式层级Number,String11
opacity透明度Number,String1