初次进入界面,就这个样子,属于页面初始化时的bug
这个bug出现2次以上,且每次都是iphone设备出现,故推断应该是微信app ios版本的bug
由于这个问题是概率复现,且未找到复现规律,用代码片段也没能复现出来,所以就不提供代码片段了~~~~(>_<)~~~~(一个input组件加一个placeholder属性)
<input class="changjiang-input-mobile" disabled="{{mobileNumberInputDisable}}" placeholder-class="class-placeholder" placeholder="请输入您的手机号" type="number" bindinput="onInputMobileNumber" /><input class="changjiang-input-code" placeholder-class="class-placeholder" placeholder="请输入收到的验证码" type="number" maxlength="6" bindinput="onInputSmsCode" /> |
两张截图是两个不同的手机出现的,一次是今天,另一次是半个月前,且不是同一手机,但都是ios

input的重影的问题是已知问题,后续会修复,这是相关回复:https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=0008e493d94c6811eed698b4656000&highline=input%E9%87%8D%E5%BD%B1,另外建议后续经过搜索后再提问,以提高问题解答的效率
我提的问题跟他可不一样,对方写的是“出现重影并马上消失”。我这个是手机没碰屏幕,一直是重影的。这应该是两个问题吧?
出现问题时,手机 vConsole 显示的公共库是多少版本呢
2.4.1
请提供一下您刚才贴出的 wxml 所用到 wxss 样式哈,我们尽量复现一下
<viewclass="container"><viewclass="changjiang-mobile-area"><viewstyle="width:167rpx;"class="country-code"bindtap="tapCountryCode"><textclass="country-code-text">+{{countryCode}}</text><viewclass="country-code-icon iconfont iconfont-jiantou-s"></view></view><viewstyle="background:white;opacity:0.57;width:2rpx;height:37rpx;"></view><inputclass="changjiang-input-mobile"disabled="{{mobileNumberInputDisable}}"placeholder-class="class-placeholder"placeholder="请输入您的手机号"type="number"bindinput="onInputMobileNumber"/></view><viewclass="changjiang-code-area"><inputclass="changjiang-input-code"placeholder-class="class-placeholder"placeholder="请输入收到的验证码"type="number"maxlength="6"bindinput="onInputSmsCode"/><viewstyle="width: 4rpx; height:31rpx; background-color:rgba(255,255,255,0.2);"></view><buttonwx:if="{{countdownTime>0}}" class="button-code-left" disabled="true">{{countdownTime}}秒后重发</button><buttonwx:elseclass="button-get-code"style="color:{{!mobileNumber?disableColor:mainColor}}"bindtap="tapSendSms"disabled="{{!mobileNumber}}">获取验证码</button></view></view>.container {display: flex;flex-flow: column;align-items:center;}.changjiang-mobile-area {display: flex;flex-flow: row;width:627rpx;height:100rpx;align-items:center;background: rgba(0,0,0,0.47);}.country-code{color:white;display: flex;align-items:center;justify-content:center;}.country-code-text {}.country-code-icon{font-size:20rpx;margin-left:8rpx;}.changjiang-input-mobile {font-size:32rpx;line-height:95rpx;margin:auto25rpx;color:white;}.changjiang-code-area {display: flex;flex-flow: row;margin-top:15rpx;width:627rpx;height:100rpx;align-items:center;background: rgba(0,0,0,0.47);}.changjiang-input-code{font-size:32rpx;line-height:95rpx;margin:auto25rpx;color:white;}.button-code-left{width:200rpx;height:62rpx;margin-left:14rpx;margin-right:14rpx;color:white!important;background:#9D9D9D!important;font-size:30rpx;letter-spacing:1rpx;line-height:62rpx;border-radius:5rpx;box-shadow:01rpx5rpx rgba(0,0,0,0.5);flex-shrink:0;}.button-get-code{width:226rpx;height:62rpx;margin-left:14rpx;margin-right:14rpx;background: rgba(255,255,255,0.94);font-size:30rpx;letter-spacing:1rpx;line-height:62rpx;border-radius:5rpx;box-shadow:01rpx5rpx rgba(0,0,0,0.5);flex-shrink:0;}