HarmonyOS NEXT 中级开发笔记：电影票务 App 的 ArkTS 实践

// 电影数据模型class Movie {  id: number  name: string  poster: Resource  rating: number  duration: string
  constructor(id: number, name: string, poster: Resource, rating: number, duration: string) {    this.id = id    this.name = name    this.poster = poster    this.rating = rating    this.duration = duration  }}
// 电影列表组件@Componentstruct MovieList {  @State movies: Movie[] = [    new Movie(1, "流浪地球3", $r('app.media.movie1'), 9.2, "128分钟"),    new Movie(2, "封神第二部", $r('app.media.movie2'), 8.7, "136分钟")  ]
  build() {    List({ space: 10 }) {      ForEach(this.movies, (movie: Movie) => {        ListItem() {          MovieItem({ movie: movie })        }      }, (movie: Movie) => movie.id.toString())    }    .width('100%')    .height('100%')  }}
// 单个电影项组件@Componentstruct MovieItem {  @Prop movie: Movie
  build() {    Row() {      Image(this.movie.poster)        .width(120)        .height(180)        .objectFit(ImageFit.Cover)            Column() {        Text(this.movie.name)          .fontSize(18)          .fontWeight(FontWeight.Bold)                Row() {          Text(`评分：${this.movie.rating}`)            .fontSize(14)          Text(`时长：${this.movie.duration}`)            .fontSize(14)            .margin({ left: 10 })        }      }      .margin({ left: 10 })    }    .padding(10)  }}