<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>
- 发布:2024-12-12 17:24
- 更新:2024-12-12 17:24
- 阅读:62
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 4.36
第三方开发者工具版本号: 1.06.2404301
基础库版本号: 3.6.4
项目创建方式: HBuilderX
示例代码:
操作步骤:
先在页面填充内容使页面可以滚动,将最外围的view设置滚动,滚动页面之后再去点击输入框
先在页面填充内容使页面可以滚动,将最外围的view设置滚动,滚动页面之后再去点击输入框
预期结果:
输入框在正确的位置
输入框在正确的位置
实际结果:
输入框错位了
输入框错位了
bug描述:
在小程序中使用uni-easyinput,adjust-position默认为true,滚动页面之后,输入框获取焦点,输入位置错位了