小程序点击展开收起

2021-08-31  本文已影响0人  每天进步一点点5454

遇到了一些坑总结一下:
总结的不是很清楚,下次在总结
1.text里不能嵌套view或其它标签(text标签只能嵌套text标签)
2.text标签嵌套view的后果就是,你渲染不出数据,失效
3.text可以获取高度,view获取不到,反正各种,你不能使用浏览器高度去判断展开是否显示

解决:

1.展开按钮默认显示或隐藏,可以通过获取数据的条数来判断
2 使用hidden方法来控制显示5条或展开代码如下:
2.2 为啥不用if判断,因为要hidden标签频繁的隐藏与显示,还有一个就是我写false可以全部显示

hidden="{{index<5?false:initHide}}"

js

2._this.data.detailzkcon这个点击就是展开true和收起false

data:{ initHide:true,detailzkcon:true,}
#展开事件里写:
# detailzkcon 这个是控制展开收起的变量
# 如果点击展开,initHide=false全部展开数据,反之小于5显示,大于隐藏
    if(_this.data.detailzkcon){
      _this.setData({
        initHide:false,
      })
    }else{
      _this.setData({
        initHide:true,
      })
    }

效果


image.png
image.png
上一篇下一篇

猜你喜欢

热点阅读