<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}};"
晕死,这样就可以了