위챗 프로그램은view 구성 요소의 높이를 어떻게 얻고, swiper는 내용 높이에 어떻게 적응합니까

1615 단어
위챗 프로그램은view 구성 요소의 높이를 어떻게 얻고, swiper는 내용의 높이에 어떻게 적응하는가: swiper-item 안의 내용view의 높이를 얻고, swiper의 높이에 값을 부여하면 내용의 높이에 적응할 수 있다

  
    
		
		
    
  
		
		
		
		
		
		
    
   
    
    data: {
      height:'',
    heights:[]
    },
onLoad: function(options) {
  setTimeout(function () {// 
    var query = wx.createSelectorQuery();
    query.selectAll('.list').boundingClientRect()
    query.exec((res) => {
      console.log(res)
      var listHeight = res[0][0].height
      console.log(res[0][0].height)
      this.setData({
        heights: res[0],
        height: listHeight + 'px'
      })
    })
          }, 800)
  },
  changeswiper:function(e){
    console.log(e.detail.current)
  setTimeout(function () {// 
            var query = wx.createSelectorQuery();// dom 
            query.selectAll('.list').boundingClientRect()
            query.exec((res) => {
              console.log(res)
              var listHeight = res[0][e.detail.current].height
              console.log(res[0][e.detail.current].height)
              that.setData({
                height: listHeight + 20 + 'px'
              })
            })
          }, 800)
  },
```![ ](https://img-blog.csdnimg.cn/20190912132424186.png)

좋은 웹페이지 즐겨찾기