weui
weui copied to clipboard
weui-icon-warn图标无法在表单校验错误时展示
机型 Windows 平台 chrome 系统版本 Windows 10 微信客户端版本 WeUI 版本 2.5.16 bug 表现 weui-icon-warn图标在表单校验错误时无法展示 是否必现 是
我的表单是这样编码的
<div class="weui-cells weui-cells_form">
<div class="weui-cell weui-cell_warn">
<div class="weui-cell__hd"><label class="weui-label">手机号</label></div>
<div class="weui-cell__bd">
<input class="weui-input" type="tel" required maxlength="11" placeholder="输入你现在的手机号">
</div>
<div class="weui-cell__ft">
<i class="weui-icon-warn"></i>
</div>
</div>
</div>
此时weui-icon-warn图标无法展示,查看源码找到原因是在2.5.3版本的升级时将weui-icon-warn的display:none调整到最后导致样式优先级发生变化覆盖display:inline-block导致,请确认此次提交调整样式定义顺序的原因并修复该问题