问题描述:
当界面有几个type为数字类型的input输入框平行摆放,且位置在页面靠近底部的位置(低于键盘弹起的高度)时,从第一个输入框直接切换至第二个输入框(键盘不收起),弹起的键盘会遮挡住输入框,type类型为text的input不会出现这个问题。
求解决方法。
界面如下图所示:
wxml代码:
<form bindsubmit='submitInfo'>
<view class='list-template'>
<view class='title'>
<view>产品组合view>
<view>层数view>
<view>地上售价(元/㎡)view>
<view>容积率view>
view>
<view class='list'>
<view><input type='text' value='' placeholder='请输入' name = 'productName'>input>view>
<view><input type='number' placeholder='请输入' name = 'floors'>input>view>
<view><input type='number' placeholder='请输入' name='salingPrice'>input>view>
<view><input type='number' placeholder='请输入' name='rate'>input>view>
view>
<view class='list-btn'>
<button form-type='submit'>确定button>
view>
view>
form>
wxss代码:
.list-template{
margin-top: 800rpx;
}
.list-template .title{
background-color: #e5e5e5;
padding: 20rpx 0;
}
.list-template .title,.list-template .list{
overflow: hidden;
}
.list-template .title>view,.list-template .list>view{
float: left;
width: 20%;
text-align: center;
font-size: 34rpx;
line-height: 1;
}
.list-template>view>view:nth-child(3){
width: 40%;
}
.list-template .list{
padding: 20rpx 0;
}
.list-template .list>view:first-child{
line-height: 1.8;
}
.list-btn{
position: fixed;
bottom: 0;
width: 100%;
}
.list-btn>button{
margin-top: 50rpx;
border: 0;
outline: 0;
background: #f60;
color: #fff;
border-radius: 0;
font-size: 34rpx;
}
我也是遇到同样的问题,官方啥时候解决啊
静等吧,我改成了type=text,表单验证多做一些,目前也只能这样委曲求全了
是啊,最后也是换成 text 了
你好,问题已复现,我们会在后续版本中进行修复。
ok,谢谢
用这个试试
试过,无效
给个完整的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)看看?
完整代码都贴出来了,代码片段分享:wechatide://minicode/cwFc9UmP6hZB