微信小程序input输入框bug
发布于 5 年前 作者 yangong 17763 次浏览 来自 问答

微信小程序input输入框，会出现这样：placeholder 文字与 input 的值重叠的问题，请教下各位大神这种问题如何解决，非常感激

9 回复

用了weui来做的布局，没有任何自己添加的样式或动画，网上找了一下说是小程序组件input存在bug，但是没有找到解决方案

我这里使用input正常的  textarea有这个问题。。

你好，使用你的代码没有复现你说的问题哦，请提供出现问题的具体机型和微信版本

猜测是 布局问题。

麻烦给个相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html），我们定位下问题

可能是我给你的代码是去掉了很多逻辑后的代码，由于公司规定不能公开把代码发布出去，所以并没有给你提供源码，但这个问题确实存在，存在的机型很多：iPhone6 iPhone6plus iPhone8（其他机型没有试） ，微信版本6.6.6

wechatide://minicode/FfE4YfmE6TZS

这个是我把代码里相关逻辑去掉了，不知道这个会不会出现那个bug

安卓，华为机型也有的

<view class=“weui-cells weui-cells_after-title”>

     <view class=“weui-cell weui-cell_input”>

       <view class=“weui-cell__hd inputLabel”>

         <view class=“weui-label”>银行卡号</view>

       </view>

       <view class=“weui-cell__bd”>

         <input class=“weui-input” disabled=’{{bankNoInputDisabled}}’ bindinput=“bindBankNum” bindblur=“blurEvent” style=‘color:{{bankColor}}’ value=’{{bankVal}}’ placeholder=“必填” type=‘number’/>

       </view>

     </view>

     <view class=“weui-cell weui-cell_input”>

       <view class=“weui-cell__hd inputLabel”>

         <view class=“weui-label”>姓名</view>

       </view>

       <view class=“weui-cell__bd”>

         <input class=“weui-input” placeholder=“必填” bindinput=“bindName” style=‘color:{{nameColor}}’ />

       </view>

     </view>

     <view class=“weui-cell weui-cell_input”>

       <view class=“weui-cell__hd inputLabel”>

         <view class=“weui-label”>身份证号码</view>

       </view>

       <view class=“weui-cell__bd”>

         <input class=“weui-input” placeholder=“必填” bindinput=“bindIdno” style=‘color:{{idColor}}’ type=‘idcard’ />

       </view>

     </view>

回到顶部