input type=number或者digits时 弹出的键盘会挡住输入框
发布于 6 年前 作者 rjin 19153 次浏览 来自 问答

问题描述:

当界面有几个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;

}

3 回复

你好,问题已复现,我们会在后续版本中进行修复。

我也是遇到同样的问题,官方啥时候解决啊

用这个试试

回到顶部