wxml
代码片段
<view class="search_line" bindtap="optionPanelSwitcHandler" >
<text class="gray">选择筛选条件</text>
<text class="light_gray">
<text class="item" hidden="{{!optionPanel.degree}}">{{optionPanel.degree}}</text>
<text class="item" hidden="{{!optionPanel.college_province}}">{{optionPanel.college_province}}</text>
<text class="item" hidden="{{!optionPanel.college_tags}}">{{optionPanel.college_tags}}</text>
<text class="item" hidden="{{!optionPanel.major_category}}">{{optionPanel.major_category}}</text>
<text class="item" hidden="{{!optionPanel.major_subject}}">{{optionPanel.major_subject}}</text>
<text class="item" hidden="{{!optionPanel.major_name}}">{{optionPanel.major_name}}</text>
</text>
<text class="right_area" >{{ optionPanelVisible ? '收拢' : '展开' }}</text>
</view>
样式代码
效果
如图所见,text上的hidden效果并没有效
目前我的解决方式是 写class控制class
请提供一下能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
楼主解决了吗。
我也出现了。只能全部换成wx:if了
解决了,只是现在没做那个项目了,我现在具体记不得当时代码是怎么解决的了。总之hidden属性的效果,其实就相当于加了个display:hidden; 所以如果你的css里面有什么display啥的,就会失效(相当于被覆盖了),因为没仔细测所以不记得跟flex有木有关系了。可以wx:if,或者改css,或者全局定义一个 .hidden{display:none !important;},通过加不加这个class来控制
谢谢啊