小程序 - - - - - 可拖拽组件

<movable-area class='area'>
	<movable-view class="movable-view" direction="all" x='10' y='500'>
		<view class="language-icon" catchTap="setLanguage">
			<image class="lan-image" mode="scaleToFill" src="/images/language.png" />
		</view>
	</movable-view>
</movable-area>

注意:

  • movable-area 必须设置width和height属性,不设置默认为10px
  • 当movable-view小于movable-area时,movable-view的移动范围是在movable-area内
  • 当movable-view大于movable-area时,movable-view的移动范围必须包含movable-area(x轴方向和y轴方向分开考虑)

更多可查看官方文档:
微信小程序 movable-area

movable-area 可移动视图区域

猜你喜欢

转载自blog.csdn.net/Dark_programmer/article/details/140982172