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

相关推荐
The_era_achievs_hero12 分钟前
微信小程序71~80
微信小程序·小程序
dssxyz1 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
!win !2 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
澄江静如练_6 小时前
微信小程序发体验版
微信小程序·小程序
流口水的兔子10 小时前
作为一个新手,如果让你去用【微信小程序通过BLE实现与设备通讯】,你会怎么做,
前端·物联网·微信小程序
一念杂记10 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
张晓~1833994812111 小时前
数字人源码部署流程分享--- PC+小程序融合方案
javascript·小程序·矩阵·aigc·文心一言·html5
The_era_achievs_hero13 小时前
微信小程序61~70
微信小程序·小程序
编程猪猪侠14 小时前
Taro+Vue3实现微信小程序富文本编辑器组件开发指南
vue.js·微信小程序·taro
汤姆yu1 天前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序