微信图片九宫格demo

Grid() {
  ForEach(this.mainViewModel.getFinancialGridData(), (item: ItemData) => {
    GridItem() {
      Column() {
        Image(item.img)
          .width(110)
          .margin({ top: 4 }).onClick(() => {
          this.pathStack.pushPathByName('Index1', item.index)
        })
      }
    }
  })
}
.backgroundColor(Color.White)
.margin({ top: 15 })
.width('100%')
.height('50%')
.borderRadius(12)
.columnsTemplate('1fr 1fr 1fr') //3列
.rowsTemplate('1fr 1fr 1fr') //3行

Swiper(this.swiperController) {
  ForEach(this.mainViewModel.getFinancialGridData(), (item: ItemData) => {
    Image(item.img)
      .width('90%')
      .height('90%')
      .margin({ top: 4 })
      .onClick(() => {
        this.pageStack.clear()
      })
  })
}

entry
src/main/ets/
|---common
|   |---ItemData.ets
|   |---MainViewModel.ets
|   |---MyDataSource.ets
|---entryability
|   |---EntryAbility.ets
|---pages
|   |---Index.ets                   // 入口页面
|   |---Index1.ets