uni-app position nvue ios下定位有差异

uni-app position nvue ios下定位有差异

示例代码:

新建一个子组件示例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 系统下,真机测试复现上述错位问题。


| 信息类别         | 信息内容                                                   |
|------------------|------------------------------------------------------------|
| 产品分类         | uniapp/App                                                 |
| PC开发环境       | Windows                                                    |
| PC开发环境版本   | win10                                                      |
| 手机系统         | iOS                                                        |
| 手机系统版本     | iOS 15                                                     |
| 手机厂商         | 苹果                                                       |
| 手机机型         | iphone11                                                   |
| 页面类型         | nvue                                                       |
| Vue版本          | vue3                                                       |
| 打包方式         | 离线                                                       |
| 项目创建方式     | CLI                                                        |
| CLI版本号        | 3.0.0-alpha-3040820220428001                               |

更多关于uni-app position nvue ios下定位有差异的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

更多关于uni-app position nvue ios下定位有差异的实战教程也可以访问 https://www.itying.com/category-93-b0.html


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

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

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

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

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

HBuilderX alpha 3.4.13 已修复

回到顶部