HarmonyOS鸿蒙Next中Stage模型：首页内容是一个components，其中的内容划分为了多个子components去写，最终在首页的components中汇总了，问题：首页在phone模拟器上正常，在Tablet上只显示了左边一部分，没有铺满Tablet全屏

HarmonyOS鸿蒙Next中Stage模型：首页内容是一个components，其中的内容划分为了多个子components去写，最终在首页的components中汇总了，问题：首页在phone模拟器上正常，在Tablet上只显示了左边一部分，没有铺满Tablet全屏

首页代码：

```less
[@Entry](/user/Entry)
[@Component](/user/Component)
export struct FamilyHomePage {
  [@StorageProp](/user/StorageProp)('widthBp') widthBp:string='sm';
  [@State](/user/State) articleItemList:ArticleItem[]=[]

  build() {
    Scroll(){
      Column(){
        // 最顶部子组件
        TopBar()
        // 其它内容
        
      }
      .width(CommonConstants.FULL_WIDTH)
      .backgroundColor($r('[common].color.bg_color'))
      .padding(CommonConstants.BORDER_PADDING)
    }
  }
}

//这行是读取的封装的utils里面设备大小的代码，默认是sm，还没开始判断设备大小，一开始使用Tablet显示时，首页就不是铺满的状态，就没办法去做平板对首页的适配

@StorageProp(‘widthBp’) widthBp:string=‘sm’;