HarmonyOS NEXT 中级开发笔记：动漫社团 App 的 ArkTS 实践

// 社团成员数据模型class AnimeMember {  id: number;  name: string;  favoriteAnime: string;  joinDate: string;  avatar: Resource;
  constructor(id: number, name: string, favoriteAnime: string, joinDate: string, avatar: Resource) {    this.id = id;    this.name = name;    this.favoriteAnime = favoriteAnime;    this.joinDate = joinDate;    this.avatar = avatar;  }}
// 成员列表组件@Componentstruct MemberList {  @State members: AnimeMember[] = [    new AnimeMember(1, "张三", "进击的巨人", "2023-05-10", $r('app.media.avatar1')),    new AnimeMember(2, "李四", "鬼灭之刃", "2023-06-15", $r('app.media.avatar2'))  ];
  build() {    List({ space: 10 }) {      ForEach(this.members, (member: AnimeMember) => {        ListItem() {          Row() {            Image(member.avatar)              .width(50)              .height(50)              .borderRadius(25)                        Column() {              Text(member.name)                .fontSize(18)                .fontWeight(FontWeight.Bold)                            Text(`最爱番剧: ${member.favoriteAnime}`)                .fontSize(14)                .fontColor(Color.Gray)            }.margin({ left: 10 })          }          .width('100%')          .padding(10)        }      }, (member: AnimeMember) => member.id.toString())    }    .width('100%')    .height('100%')  }}