编译一个页面,实现选座场景

Grid() { 
  ForEach(this.services, service => { 
    GridItem() { 
      SeatItem() 
    } 
  }, service => service) 
} 
.rowsGap(20) 
.columnsTemplate('1fr 1fr 1fr 1fr')

@Component 
export default struct SeatItem { 
  @State isSelected: boolean = false; 
  @State itemBg: string = "#ff25b7b7" 
 
  build() { 
    Column() { 
 
    }.height(50) 
    .width(50) 
    .onClick(() => { 
      this.isSelected = !this.isSelected; 
      this.itemBg = this.isSelected ? "#ffb72597" : "#ff25b7b7";}).backgroundColor(this.itemBg) 
  } 
}