#鸿蒙通关秘籍#如何在HarmonyOS NEXT中使用Grid布局实现电影列表

Grid() {
  ForEach(this.arr, (item: string) => {
    GridItem() {
      Column() {
        Image(item)
          .height(140)
          .width('100%')
          .objectFit(ImageFit.Cover)
        Text("电影《默杀》宁波福州")
          .fontSize(13)
          .margin({ top: 6 })
          .textOverflow({
            overflow:TextOverflow.Clip
          })
          .maxLines(1)
      }.width('100%')
    }
  })
}
.columnsTemplate('1fr 1fr 1fr')
.margin({ top: 20 })
.columnsGap(10)
.rowsGap(10)
.margin(10)
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.