微信小程序组件movable-view

movable-area:movable-view 的可移动区域

注意:movable-area 必须设置width和height属性,不设置默认为10px


movable-view:可移动的视图容器,在页面中可以拖拽滑动

注意:

1、movable-view 默认为绝对定位,top和left属性为0px

2、当movable-view小于movable-area时,movable-view的移动范围是在movable-area内;当movable-view大于movable-area时,movable-view的移动范围必须包含movable-area(x轴方向和y轴方向分开考虑)

3、movable-view必须在<movable-area/>组件中,并且必须是直接子节点,否则不能移动。

.wxml代码





.wxss代码

.js代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言:实现这个效果有几种方式,大家可以看看这篇文章从京东购物,印象笔记看小程序左滑交互的实现,而我们就使用最新的方...
    ComfyUI阅读 13,866评论 1 13
  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 4,813评论 0 7
  • 小程序组件 视图容器 (一) 视图容器 了解小程序组件中的视图容器 明确小程序组件中的视图容器的用途和方法 了解不...
    我拥抱着我的未来阅读 1,172评论 0 1
  • 代码Github地址 一. movable-area movable-view的可移动区域。 1. 属性说明 二...
    Mccc_阅读 5,224评论 0 3
  • 经历就是财富,无论好坏,生活总是想让我们从中学到点什么。我知道自己应该有所改变,但却不知从何做起,我可以说自己不在...
    Gracecy阅读 218评论 0 0