<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> - 发布:2025-11-05 09:36
- 更新:2025-11-05 11:28
- 阅读:21
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 22H2
HBuilderX类型: 正式
HBuilderX版本号: 4.75
浏览器平台: 微信内置浏览器
浏览器版本: 8.0.38
项目创建方式: HBuilderX
App下载地址或H5⽹址: https://aichkj.cn/serve/#/
示例代码:
操作步骤:
使用hbuilder新建vue2项目,在插件市场引入uni-easyinput到uni_modules,在首页进行使用
使用hbuilder新建vue2项目,在插件市场引入uni-easyinput到uni_modules,在首页进行使用
预期结果:
键盘弹出时整体页面上移
键盘弹出时整体页面上移
实际结果:
键盘弹出时整体页面没有上移,导致输入框被键盘遮挡
键盘弹出时整体页面没有上移,导致输入框被键盘遮挡
bug描述:
使用hbuilder新建vue2项目,在插件市场引入uni-easyinput到uni_modules,在首页进行使用,当输入框聚焦时,键盘能够弹出,但是页面没有整体上推
1 个回复
DCloud_UNI_yuhe
hello , h5 页面上是没这个操作的,你可以尝试监听键盘高度来改变输入框的位置