uni-app如何动态计算窗口的剩余宽度

uni-app如何动态计算窗口的剩余宽度

1.data中定义变量

 data() {
    
    
      return {
    
    
        // 窗口的可用高度 = 屏幕高度 - navigationBar高度 - tabBar 高度
        wh: 0
      };
    },

2.onload中 获取当前系统的信息

onLoad() {
    
    
      // 获取当前系统的信息
      const sysInfo = uni.getSystemInfoSync()
      // 为 wh 窗口可用高度动态赋值
      this.wh = sysInfo.windowHeight
    }

3.动态style渲染高度

:style="{height: wh + 'px'}"

猜你喜欢

转载自blog.csdn.net/Gik99/article/details/130183862