movable-view 是一個(gè)可移動(dòng)的視圖容器，在頁(yè)面中可以拖拽滑動(dòng)。（movable-view必須在 movable-area 組件中，并且必須是直接子節(jié)點(diǎn)案疲，否則不能移動(dòng)。）
屬性：
微信圖片_20190605161005.png
用法：
<movable-area style="height: 300px;width: 300px;background: red;">
<movable-view direction="all" style="height: 100px; width: 100px; background: pink;">
</movable-view>
</movable-area>
效果如圖：
微信圖片_20190605163257.png
我們用movable-area設(shè)定了一個(gè)300x300大小的一個(gè)可拖動(dòng)區(qū)域(紅色)麻养，然后在這個(gè)區(qū)域內(nèi)放置了一個(gè)大小為100x100的可以拖動(dòng)內(nèi)容movable-view（粉色）褐啡，這個(gè)可拖動(dòng)內(nèi)容的direction設(shè)置為all，表示可以在任意方向上進(jìn)行拖動(dòng)鳖昌。
在一個(gè)movable-area標(biāo)簽中备畦，其實(shí)不止可以放一個(gè)movable-view，它支持放置多個(gè)movable-view
<movable-area style="height: 300px;width: 300px;background: red;">
<!--粉色任意方向拖動(dòng)-->
<movable-view direction="all" style="height: 100px; width: 100px; background:pink ;">
</movable-view>
<!--藍(lán)色屬性direction="horizontal"只能橫向拖動(dòng)-->
<movable-view direction="horizontal" style="height: 50px; width: 50px; background: blue;">
</movable-view>
</movable-area>
微信圖片_20190605163808.png
如有不明 請(qǐng)移駕:https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html
微信圖片_20190605164626.png
