微信小程序新增拖动组件:微信小程序新增拖动组件:movable-view
小程序在520节日前夜,让程序员们又躁动了一把,更新了一些很诱人的功能,如内容转发API,iBeacon API,振
动API,屏幕亮度调节API等,也增强了地图组件的功能。 ... ...
此次的更新中,也新增了一个UI组件,它就是视图组件movable-view,它需要配合movable-area来一起使用。简单来说,它就是一个支持在
指定区域内可以拖动内容的容器。我们来看一个简单的示例:
<movable-area style="height: 200px;width: 200px;background: red;">
<movable-view direction="all" style="height: 50px; width: 50px; background: blue;">
movable-view>
movable-area>
(此图片来源于网络,如有侵权,请联系删除! )
界面
我们用movable-area设定了一个200x200大小的一个可拖动区域(红色),然后在这个区域内放置了一个大小为50x50的可以拖动内容movable-
view(蓝色),这个可拖动内容的direction设置为all,表示可以在任意方向上进行拖动。