小杏
小杏
  • 发布:2024-12-12 17:24
  • 更新:2024-12-12 17:24
  • 阅读:62

【报Bug】uni-easyinput 小程序页面滚动之后上推错位

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.36

第三方开发者工具版本号: 1.06.2404301

基础库版本号: 3.6.4

项目创建方式: HBuilderX

示例代码:
<template>  
<view v-if="!isSubFlag || isEdit" class="contain">  
            <uni-forms ref="formRef" :model="formData" :rules="rules" label-position="top" label-width="200">  
                <view class="mb20" style="color: #4E5969;height: 500px;">1111</view>  
                <uni-forms-item label="大客户名称" name="companyName" required>  
                    <uni-easyinput type="text" v-model="formData.companyName" placeholder="请输入大客户名称" />  
                </uni-forms-item>  
                <uni-forms-item label="预计需求房间数量" name="needRoomNum" required>  
                    <uni-easyinput type="number" v-model="formData.needRoomNum" placeholder="请输入房间数量" />  
                </uni-forms-item>  
                <uni-forms-item label="公司联系人姓名" name="companyConnName" required>  
                    <uni-easyinput type="text" v-model="formData.companyConnName" placeholder="请输入姓名" p/>  
                </uni-forms-item>  
                <uni-forms-item label="联系人手机号" name="companyConnPhone" required>  
                    <uni-easyinput type="number" v-model="formData.companyConnPhone" placeholder="请输入手机号" />  
                </uni-forms-item>  

            </uni-forms>  
        </view>  
</template>  
<script>  
export default {  
        data() {  
            return {  
                formData: {  
                    companyName: '',  
                    needRoomNum: '',  
                    companyConnName: '',  
                    companyConnPhone: '',  
                    companyConnJob: '',  
                    recommendName: '',  
                    recommedPhone: '',  
                    remark: '',  
                    submitCustNo: '',  
                    submitCustId: ''  
                },  
            };  
        },  
}  
</script>  
<style scoped lang="scss">  
.contain{  
height: 100%;  
 overflow-y: auto;  
}  
</style>  

操作步骤:

先在页面填充内容使页面可以滚动,将最外围的view设置滚动,滚动页面之后再去点击输入框

预期结果:

输入框在正确的位置

实际结果:

输入框错位了

bug描述:

在小程序中使用uni-easyinput,adjust-position默认为true,滚动页面之后,输入框获取焦点,输入位置错位了

2024-12-12 17:24 负责人:无 分享
已邀请:

要回复问题请先登录注册