h***@163.com
h***@163.com
  • 发布:2025-11-05 09:36
  • 更新:2025-11-05 11:28
  • 阅读:21

【报Bug】微信公众号H5项目使用uni-easyinput,键盘弹出时没有上推页面

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.75

浏览器平台: 微信内置浏览器

浏览器版本: 8.0.38

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://aichkj.cn/serve/#/

示例代码:
<template>  
    <view class="content">  
        <image class="logo" src="/static/logo.png"></image>  
        <uni-easyinput v-model="value" placeholder="请输入内容"></uni-easyinput>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                value: 'Hello'  
            }  
        },  
        onLoad() {  

        },  
        methods: {  

        }  
    }  
</script>  

<style>  
    .content {  
        display: flex;  
        flex-direction: column;  
        align-items: center;  
        justify-content: center;  
    }  

    .logo {  
        height: 1000rpx;  
        width: 200rpx;  
        margin-top: 200rpx;  
        margin-bottom: 50rpx;  
    }  

    .title {  
        font-size: 36rpx;  
        color: #8f8f94;  
    }  
</style>

操作步骤:

使用hbuilder新建vue2项目,在插件市场引入uni-easyinput到uni_modules,在首页进行使用

预期结果:

键盘弹出时整体页面上移

实际结果:

键盘弹出时整体页面没有上移,导致输入框被键盘遮挡

bug描述:

使用hbuilder新建vue2项目,在插件市场引入uni-easyinput到uni_modules,在首页进行使用,当输入框聚焦时,键盘能够弹出,但是页面没有整体上推

2025-11-05 09:36 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

hello , h5 页面上是没这个操作的,你可以尝试监听键盘高度来改变输入框的位置

要回复问题请先登录注册