3844关注11668浏览
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
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多> -
Chenoa
16人对此回答表示赞同
请提供一下能复现问题的代码片段。
展开160回复分享发布于 6年前评论(0)
收起评论
-
Christian
11人对此回答表示赞同
主解决了吗。
展开112回复分享发布于 6年前评论(2)
收起评论
-
Joshua 2019-01-05 11:39
谢谢啊
回复 -
扑朔迷离 2019-01-07 15:30
解决了,只是现在没做那个项目了,我现在具体记不得当时代码是怎么解决的了。总之hidden属性的效果,其实就相当于加了个display:hidden;所以如果你的css里面有什么display啥的,就会失效(相当于被覆盖了),因为没仔细测所以不记得跟flex有木有关系了。可以wx:if,或者改css,或者全局定义一个.hidden{display:none!important;},通过加不加这个class来控制
回复
-