同名自定义
同名自定义
  • 发布:2022-05-01 13:14
  • 更新:2022-06-02 17:17
  • 阅读:547

【报Bug】position nvue ios下定位有差异

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 苹果

手机机型: iphone11

页面类型: nvue

vue版本: vue3

打包方式: 离线

项目创建方式: CLI

CLI版本号: 3.0.0-alpha-3040820220428001

示例代码:

新建一个子组件示例a-sticky.vue

<template>  
    <view>  
        <view class="tm-sticky flex flex-col" style="position: sticky;top:0px">  
            <view class=" flex flex-col">  
                <slot name="sticky"></slot>  
            </view>  
        </view>  
        <view>  
            <slot></slot>  
        </view>  
    </view>  
</template>

操作步骤:

1、新建一个子组件,如上示例。
2、新建一个nvue页面,引用上述组件。
3、在页面中复制以下代码运行至ios端

<a-sticky model="top">  
            <template v-slot:sticky>  
                <view style="background:red;width:100px;height:50px">  
                    <text>666</text>  
                </view>  
            </template>  
            <view style="height:2500rpx;background:green;width:100px"></view>  

</a-sticky>

预期结果:

正常的布局。

实际结果:

插槽中定位 的内容往下跑了,错位。

bug描述:

在组件插槽中使用sticky定位。其它平台都正常唯一在ios下会脱离文档,就是在初始的时候,会偏离原来位置的内容高度。
1、在安卓、h5,微信小程序,以及其它端,已经测试无问题。
2、在iphone11 ios 15 系统下,真机测试复现上述错位问题。

2022-05-01 13:14 负责人:DCloud_iOS_XHY 分享
已邀请:
同名自定义

同名自定义 (作者)

异常图片参考

  • 同名自定义 (作者)

    ios初始第一次加载出现 的异常,随意滑动下,就正常了。

    2022-05-01 13:23

DCloud_iOS_XHY

DCloud_iOS_XHY

你好,请上传一个完整的示例工程吧,便于排查问题

  • 同名自定义 (作者)

    运行后请,点击进入bug1页面。

    2022-05-24 17:13

同名自定义

同名自定义 (作者)

运行后请,点击进入bug1页面。

DCloud_iOS_XHY

DCloud_iOS_XHY

感谢反馈,bug已确认,下个版本会修复此问题

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX alpha 3.4.13 已修复

要回复问题请先登录注册