微信小程序（4）——视图容器之moveable-view和moveable-area

moveable-area

moveable-area是moveable-view的可移动区域，在这个区域内，在没有设置移动规则时，moveable-view可以在区域内自由移动。
属性：
scale-area:当里面的moveable-view设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个moveable-area
注意事项：
1、moveable-area在没有设置width和height属性时，默认为width=10px,height=10px
2、当movable-view大于movable-area时，movable-view的移动范围必须包含movable-area（x轴方向和y轴方向分开考虑）

moveable-view

可移动的视图容器，在页面中可以拖曳滑动。moveable-view必须在moveable-area组件中，并且必须是直接子节点，否则不能移动
常用属性：
x：定义x轴方向的偏移，如果x的值不在可移动范围内，会自动移动到可移动范围；改变x的值会触发动画
y： 定义y轴方向的偏移，如果y的值不在可移动范围内，会自动移动到可移动范围；改变y的值会触发动画
direction：movable-view的移动方向，属性值有all(各个方向都可以移动)、vertical（只可纵向移动）、horizontal(只可水平移动)、none（不可移动），
scale：是否支持双指缩放，默认缩放手势生效区域是在movable-view内
scale-min： 定义缩放倍数最小值
scale-max：定义缩放倍数最大值
注意事项：
1、moveable-view在没有设置width和height属性时，默认为width=10px,height=10px
2、moveable-view默认为绝对定位，top和left属性为0px