【报Bug】在nvue中使用movable-area运行到真机后不显示

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： MacOS 15.5

HBuilderX类型：正式

HBuilderX版本号： 4.66

手机系统： iOS

手机系统版本号： iOS 18

手机厂商：苹果

手机机型： iPhone12

页面类型： nvue

vue版本： vue3

打包方式：离线

项目创建方式： HBuilderX

示例代码：

<view class="process-container">  
        <!-- 手势滑块 -->  
        <movable-area class="process-movable-area">  
          <movable-view class="process-movable-view" direction="all">  
            <text style="width: 150rpx; height: 200rpx; background: blue">text</text>  
          </movable-view>  
        </movable-area>  
</view>  

.process-container {  
  margin: 18rpx 0;  
  width: 710rpx;  
  height: 228rpx;  
  background: #edeff3;  
  border-radius: 20rpx;  
  display: flex;  
  flex-direction: column;  
  align-items: center;  

  .process-movable-area {  
    width: 674rpx;  
    height: 94rpx;  
    background: red;  
    overflow: hidden;  

    .process-movable-view {  
      display: flex;  
      align-items: center;  
      justify-content: center;  
      width: 130rpx;  
      height: 57rpx;  

      .process-top-line {  
        width: 130rpx;  
        height: 57rpx;  
      }  
    }  
  }  
}

操作步骤：

真机运行

预期结果：

在真机上正常显示

实际结果：

运行到iPhone真机或者模拟器上不显示

bug描述：

在.nvue中使用movable-area组件，运行到web上正常显示，运行到iPhone真机或者模拟器上就不显示

2025-05-27 15:17 负责人:无分享

0 个回复

要回复问题请先登录或注册

【报Bug】在nvue中使用movable-area运行到真机后不显示

操作步骤：

真机运行

预期结果：

在真机上正常显示

实际结果：

运行到iPhone真机或者模拟器上不显示

bug描述：

0 个回复

公告

相关问题

【报Bug】在nvue中使用movable-area运行到真机后不显示

操作步骤： 真机运行

预期结果： 在真机上正常显示

实际结果： 运行到iPhone真机或者模拟器上不显示

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

操作步骤：

真机运行

预期结果：

在真机上正常显示

实际结果：

运行到iPhone真机或者模拟器上不显示