movable-view組件:可以移動方塊
movable-view組件必須是movable-area的直接子元素,才可以進行操作,才可以移動方塊
movable-view組件的屬性:
direction:類型:字符串 movable-view組件的移動方向
屬性值:all 任意方向移動
vertical 只能在y軸移動
horizontal 只能在x軸移動
none 不能移動
inertia:類型:布爾 移動的時候是否帶有慣性(當不再操作方塊的時候,是否會在繼續移動一段距離);
out-of-bounds:類型:布爾 超過可移動區域后,movable-view是否還可以移動
x:類型:number 設置x軸的偏移量
y:類型:number 設置y軸的偏移量
damping:類型:number 阻尼系數,值越大,移動越快;
friction:類型:number 摩擦系數,值越大,移動越慢,且值必須大於0,否則無效;
disabled:類型:布爾 是否禁用
scale:類型:布爾 是否支持雙指縮放;
scale-min:類型:number 定義縮放倍數的最小值(縮放后范圍的最小值)
scale-max:類型:number 定義縮放倍數的最大值(縮放后范圍的最大值)
scale-value:類型:number 定義縮放的倍數(取值范圍0.5~10)(縮放的過程)
animation:類型:布爾 是否使用動畫
事件:
bindchange:拖動過程中,觸發的事件;
bindscale:縮放過程中,觸發的事件;
htouchmove:水平拖動后,觸發的事件,用catch綁定此事件,touchmove事件無效;
vtouchmove:垂直拖動后,觸發的事件,用catch綁定此事件,touchmove事件無效;