添加了一张图片后,input输入框失灵
- 当前 Bug 的表现(可附上截图)
头部红色区域为图片,添加后,输入框失灵无法聚焦,去除图片后恢复正常
- 预期表现
输入框正常工作
-
复现路径
-
提供一个最简复现 Demo
wxml
<view>
<image src=‘/pages/images/head2.png’ class=‘toubu2’></image>
<input class=‘input-1’ type=‘number’ placeholder=‘请输入你的税前工资’ auto-focus=‘true’ maxlength=‘7’ bindinput=‘inputPwd’></input>
<button class=‘under-bottom’ bindtap=‘clickButton’ >确认</button>
</view>
js
Page({
data: {
pwd: ‘’
},
clickButton: function () {
wx.setStorageSync(‘pwd’, this.data.pwd);
wx.navigateTo({
url: ‘/pages/result/result’
})
},
inputPwd: function (e) {
this.setData({
pwd: e.detail.value
})
}
})
