[微信小程序] 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(默认)

相关推荐
云云只是个程序马喽9 小时前
短剧/推文/AI创作变现小程序完整落地方案:自研vs成熟系统成本对比+全流程实现指南
人工智能·小程序
ZiYiMing11 小时前
miniprogram-automator 在 2026 年还能用吗?——官方 SDK 三处硬伤的排查与重建
微信小程序
拖孩15 小时前
一个人 + AI 做的小程序,上线 15 天赚了 10 块 5
前端·后端·微信小程序
show43317 小时前
2026微信小程序创作工具生态技术趋势:从单一功能到AI整合型平台演进
人工智能·微信小程序·小程序
paopaokaka_luck1 天前
停车小程序(车牌OCR智能识别、地图API、Echarts图形化分析、智能车位预约、自动计费与订单处理)
小程序·ocr·echarts
单词记忆方法研究1 天前
大学英语单词:我踩过的坑,和你该走的路
机器学习·小程序·学习方法
Ai-_Man1 天前
怎么手动备份豆包智能体的聊天数据?
人工智能·ai·小程序
Ai-_Man2 天前
豆包收藏夹能批量导出吗?从底层逻辑拆解「AI导出鸭」如何解构这一技术难题
人工智能·ai·小程序
微擎应用2 天前
小程序抽奖工具
小程序