movable-area

基础库 1.2.0 最先支持，，低版本需做兼容处理

movable-view 的可移动区域

注重：movable-area 必需设置width和height属性，，不设置默以为10px

movable-view

基础库 1.2.0 最先支持，，低版本需做兼容处理

可移动的视图容器，，在页面中可以拖拽滑动

movable-view 必需设置width和height属性，，不设置默以为10px

movable-view 默以为绝对定位，，top和left属性为0px

当movable-view小于movable-area时，，movable-view的移动规模是在movable-area内；；；；当movable-view大于movable-area时，，movable-view的移动规模必需包括movable-area（x轴偏向和y轴偏向脱离思量）

注重：movable-view必需在<movable-area/>组件中，，并且必需是直接子节点，，否则不可移动。。。。

示例代码：

<view class="section">
  <view class="section__title">movable-view区域小于movable-area</view>
  <movable-area style="height: 200px;width: 200px;background: red;">
    <movable-view style="height: 50px; width: 50px; background: blue;" x="{{x}}" y="{{y}}" direction="all">
    </movable-view>
  </movable-area>
  <view class="btn-area">
    <button size="mini" bindtap="tap">click me to move to (30px, 30px)</button>
  </view>
  <view class="section__title">movable-view区域大于movable-area</view>
  <movable-area style="height: 100px;width: 100px;background: red;" direction="all">
    <movable-view style="height: 200px; width: 200px; background: blue;">
    </movable-view>
  </movable-area>
</view>

Page({
  data: {
    x: 0,
    y: 0
  },
  tap: function(e) {
    this.setData({
      x: 30,
      y: 30
    });
  }
})