HarmonyOS 鸿蒙Next List嵌套List和List嵌套Grid

1.第一层使用List的LazyForEach嵌套第二层的List可以正常显示； 2.但我将第二层的List换成Grid便不能显示内容 3.当我使用第二层List的lanes属性来完成我多列的需要时，顶部会多出一大段空白区域

//部分代码如下，GroupResourceComponent的外层是一个Tabs的TabContent

@Component
struct GroupResourceComponent {
  @Link dataSource: GalleryDataSource

  build() {
    List({ space: CommonConstants.MARGIN_12_PX }) {
      LazyForEach(this.dataSource, (resources: SystemGalleryGroup) => {
        ListItem() {
          Column() {
            SelectBarComponent({
              time: resources.date, onChangeSelect: (isSelect: boolean) => {
              }
            })
            Blank().height(CommonConstants.MARGIN_12_PX)
            AlbumResourceComponent({ resources: resources.resources })
          }
          .width(CommonConstants.FULL_SIZE)
        }
      }, (item: SystemGalleryModel) => `${item.resourceName}${new Date().getTime()}`)
    }
    .width(CommonConstants.FULL_SIZE)
  }
}

@Component
struct AlbumResourceComponent {
  @ObjectLink resources: SystemGalleryArray

  build() {
    Column() {
      List({ space: CommonConstants.MARGIN_16_PX }) {
        ForEach(this.resources, (item: SystemGalleryModel) => {
          ListItem() {
            ResourceItemComponent({ item: item })
          }
        }, (item: SystemGalleryModel) => `${item.cover.toString()}`)
      }
      .width(CommonConstants.FULL_SIZE)
      .lanes(3)
      .alignListItem(ListItemAlign.Start)

      // Grid() {
      // ForEach(this.resources, (item: SystemGalleryModel, index)=>{
      // GridItem(){
      // ResourceItemComponent({item: this.resources[index]})
      // }
      // })
      // }
      // .width(CommonConstants.FULL_SIZE)
      // .columnsTemplate('1fr 1fr 1fr')
      // .columnsGap(CommonConstants.MARGIN_16_PX)
      // .rowsGap(CommonConstants.MARGIN_32_PX)
    }
    .width(CommonConstants.FULL_SIZE)
  }
}