[微信小程序] movable-view 可移动视图容器 - 范围问题

movable-view 可移动视图容器

可移动视图容器,在页面中可以拖拽滑动。movable-view必须在 movable-area 组件中,并且必须是直接子节点

XML 复制代码
<view>
  <movable-area style="width: 750rpx;height: 200rpx;background-color: gainsboro;">
    <movable-view direction="all"> 移动我 </movable-view>
  </movable-area>
</view>

运行效果:

发现文字超出了移动区域的问题,去查阅了文档,发现这个默认是不允许超出的

问题原因:没有给 movable-view设置宽高,所以它自动设置了宽高,所以视觉上,"移动我"三个字,超出了移动范围,话不多说,看图。

看到蓝色方块了吧,

所以解决方法就是给movable-view设置宽高,并且out-of-bounds保持是false(默认)

相关推荐
2501_915909064 小时前
iOS电池寿命与App能耗监测实战 构建完整性能监控系统
android·ios·小程序·https·uni-app·iphone·webview
一只开心鸭!4 小时前
原生微信小程序实现语音转文字搜索---同声传译
微信小程序·小程序
weixin_lynhgworld5 小时前
旧物回收小程序:科技赋能,让旧物回收焕发生机
科技·小程序
此心光明事上练9 小时前
微信小程序组件发布为 npm 包的具体步骤
微信小程序·小程序·npm
Byte_Me20 小时前
从东南亚出发:小程序容器技术如何助力 App 快速打入全球市场?
小程序
gongzemin1 天前
微信第三方平台的配置
微信·微信小程序·资讯
一念杂记1 天前
【实战系列】30分钟开发微信小程序登录&注册&绑定功能
前端·后端·微信小程序
小白_ysf1 天前
uniapp开发微信小程序(新旧版本对比:授权手机号登录、授权头像和昵称)
微信小程序·小程序·uni-app
hongkid1 天前
微信小程序私密消息
微信小程序·小程序
kilito_011 天前
uniapp 微信小程序 列表点击分享 不同的信息
微信小程序·小程序·uni-app