收藏
回答

text上hidden失效

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug text 微信iOS客户端 Android 6.6.6 2.0.8

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


最后一次编辑于  2018-05-23  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • June
    June
    2018-05-25

    请提供一下能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-05-25
    赞同
    回复
  • EmeraldDream
    EmeraldDream
    2018-07-23

    楼主解决了吗。

    我也出现了。只能全部换成wx:if了

    2018-07-23
    赞同
    回复 2
    • Symbol
      Symbol
      2018-07-23

      解决了,只是现在没做那个项目了,我现在具体记不得当时代码是怎么解决的了。总之hidden属性的效果,其实就相当于加了个display:hidden; 所以如果你的css里面有什么display啥的,就会失效(相当于被覆盖了),因为没仔细测所以不记得跟flex有木有关系了。可以wx:if,或者改css,或者全局定义一个 .hidden{display:none !important;},通过加不加这个class来控制

      2018-07-23
      1
      回复
    • EmeraldDream
      EmeraldDream
      2018-07-23回复Symbol

      谢谢啊

      2018-07-23
      回复