在ios系统,原生 webview 嵌套H5页面使用时,编写完成的6位数输入密码,输入密码卡顿问题的解决方案:
如下图:
原因是因为,CSS 这块 造成的。简单来说,style left 为负数的时候出现的,android 目测不会出现此问题
rush:css;">
input[type=tel] {
opacity: 0;
z-index: -1;
position: absolute;
left:-100%;
}
解决方案:
重新设置 input样式问题
rush:css;">
input[type=tel] {
width: 0.1px;
height: 0.1px;
color: transparent;
position: relative;
top: 23px;
background: #000000;
left: 46px;
border: none;
font-size: 18px;
opacity: 0;
z-index: -1;
}
rush:xhtml;">
支付密码设置
附加:如果不想使用光标,直接
rush:xhtml;">
//去掉 :class="msg.length == 0?'psd-blink':''" 即可