<view class="red" hidden="{{isHidden}}" style="display:flex;align-items: center;"> <icon class="iconfont icon-icon--jinggao input-icon" style="color:red;font-size:16px;" /> <text style="font-size:14px;">请正确填写手机号</text>
|
当使用 flex 布局的时候,使用 hidden 属性失效,无法隐藏

样式优先级问题,你可以考虑hidden为true的情况下,不要设置display:flex
试了下面,不行呢?不知道哪里错了,晕
<!-- <view class="red"style="display:{{checkPhone? none : flex}};"><icon class="iconfont icon-icon--jinggao input-icon"style="color:red;font-size:16px;"/><!-- <text style="font-size:14px;">请正确填写手机号</text> --></view>style="display:{{checkPhone? '' : flex}};"晕死,这样就可以了