Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

weui-icon-warn图标无法在表单校验错误时展示 #931

Open
czy-1 opened this issue Feb 23, 2023 · 0 comments
Open

weui-icon-warn图标无法在表单校验错误时展示 #931

czy-1 opened this issue Feb 23, 2023 · 0 comments

Comments

@czy-1
Copy link

czy-1 commented Feb 23, 2023

机型 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导致,请确认此次提交调整样式定义顺序的原因并修复该问题

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant