<template>
<view class="pageV">
<view class="pageV_top"></view>
<view class="pageV_middle"></view>
<view class="pageV_bottom">
<textarea class="pageV_bottom_input" value="ccdxd" :show-confirm-bar="false"></textarea>
</view>
</view>
</template>
<script lang="ts" setup></script>
<style lang="scss" scoped>
.pageV {
height: 100%;
display: flex;
flex-direction: column;
&_top {
height: 100rpx;
background-color: yellow;
}
&_middle {
flex: 1;
overflow: hidden;
min-height: 0px;
background-color: green;
}
&_bottom {
background-color: red;
&_input {
width: 100%;
height: 120rpx;
}
}
}
</style>
骑猪o0o找牛
- 发布：2025-10-15 15:24
- 更新：2025-10-15 15:24
- 阅读：15
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： mac15.5
HBuilderX类型： 正式
HBuilderX版本号： 4.76
手机系统： iOS
手机系统版本号： iOS 26
手机厂商： 苹果
手机机型： ios26
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
hbuilderx 创建 一个 vue3的项目,
使用 提供的 简单 代码 ,
运行到 ios26的真机上
hbuilderx 创建 一个 vue3的项目,
使用 提供的 简单 代码 ,
运行到 ios26的真机上
预期结果：
键盘不遮挡
键盘不遮挡
实际结果：
键盘发生了遮挡, 页面没有 弹起来
键盘发生了遮挡, 页面没有 弹起来
bug描述：
使用下方的 代码
点击 textarea
-
在 ios26的 真机中, 键盘发生了 遮挡, 盖住了 输入框
-
在 ios 18.4.1的真机中 , 键盘弹起, 页面正常弹起
