Harmony GridRow GridCol 之 sm md lg 的含义

GridRow({
  columns: {
    sm : 4,
    md: 11,
    lg: 12
  }
}) {
  GridCol({
    span: {
      sm: 4,//4
      md: 11,//7
      lg: 8//8
    }
  }) {
    this.topTabBar();
  }
}

GridRow 的 columns 属性中的sm md lg 的值分别代表在sm md lg 模式的时候GridRow会被平分成几份。

GridCol 的span 的属性sm md lg 的值分别代表在sm md lg 模式下占据屏幕的份数。

比如 在sm模式 columns sm = 4 ， span sm = 4 那么 topTabBar 在sm模式下就填充满GridRow。 在 lg 模式 columns lg = 12 ，span lg = 8，那么 topTabBar 在lg模式下就占据 GridRow的 8/12.