微信小程序,app端自定义导航栏动态设置高度

第一种方法:

定义:






//使用

第二种方法


        
            
                
                
                    


                    
                        
                            {{ item.queryName }}
                        
                    
                
            
        




导航栏下的tab栏，动态获取与上面的距离


        
            
        

data(){

return{

navBarHeight: 0,

}

}

methods:{

getViewHeight() {  //动态获取
            uni.createSelectorQuery()
                .in(this)
                .select('#nav-bar')
                .boundingClientRect(data => {
                    this.navBarHeight = data.height
                    uni.createSelectorQuery()
                        .in(this)
                        .select('#tabs')
                        .boundingClientRect(data => {
                            this.tabsHeight = data.height
                            uni.getSystemInfo({
                                success: res => {
                                    this.loadingHeight = res.windowHeight - this.navBarHeight - this.tabsHeight
                                }
                            })
                        })
                        .exec()
                })
                .exec()
        },

}