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>
操作步骤:
- 新建一个子组件,如上示例。
- 新建一个nvue页面,引用上述组件。
- 在页面中复制以下代码运行至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下会脱离文档,就是在初始的时候,会偏离原来位置的内容高度。
- 在安卓、h5,微信小程序,以及其它端,已经测试无问题。
- 在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 回复
ios初始第一次加载出现 的异常,随意滑动下,就正常了。
运行后请,点击进入bug1页面。
运行后请,点击进入bug1页面。
感谢反馈,bug已确认,下个版本会修复此问题
HBuilderX alpha 3.4.13 已修复