讲述小程序之组件视图容器之movable-area与movable-view

movable-area（可移动、放大区域，父组件）

·scale-area （默认值：false）解释：当里面的 movable-view 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个movable-area

movable-view（可移动、放大区域，子组件）

常用的几个属性

·direction                解释：movable-view的移动方向，属性值有all、vertical、horizontal、none

·inertia  （默认值：false）                    解释：movable-view是否带有惯性

·scale        （默认值：false）                解释：是否支持双指缩放，默认缩放手势生效区域是在 movable-view 内

wxml：

<movable-areaclass="lqj5"><movable-viewdirection="all"out-of-bounds="true"scale="true"></movable-view></movable-area>

wxss：

movable-view{
height: 200rpx;
width: 200rpx;
background-color: darkorange;
}
.lqj5{
background-color: darkmagenta;
width: 500rpx;
height: 500rpx;
}

展示效果：