HarmonyOS 鸿蒙Next 自定义组件包含Divider，forEach循环渲染时Divider样式各异

HarmonyOS 鸿蒙Next 自定义组件包含Divider，forEach循环渲染时Divider样式各异 自定义组件包含Divider，forEach循环渲染这个自定义组件的时候Divider的样式每个组件不一样

代码如下

class item_we {
  img: string | Resource
  name: string
  message: string
  time: string

  constructor(img: string | Resource, name: string, message:string, time: string) {
    this.img = img
    this.name = name
    this.message = message
    this.time = time
  }
}

@Component
struct Wechat {

  weMessageArr: item_we[] = [
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14'),
    new item_we($r('app.media.app_icon'), '宝宝', '我爱你', '13:14')
  ]

  build() {
    Row() {
      Column() {
        header()
        List(){
          ForEach(this.weMessageArr,
            (item: item_we) => {
              ListItem() {
                List_item_we({ item: item })
              }
            })
        }
      }
      .height('100%')
      .width('100%')
    }
    .alignItems(VerticalAlign.Top)
    .height('100%')
  }
}

// 消息项
@Component
struct List_item_we {

  item: item_we
  build() {
    Column() {
      Divider().strokeWidth(1).color(Color.Red)
      Row({ space: 10 }) {
        Image(this.item.img)
          .height(40)
          .aspectRatio(1)
          .borderRadius(2)
        Column() {
          Text(this.item.name)
            .fontSize(18)
          Text(this.item.message)
            .fontSize(14)
            .fontColor(Color.Grey)
        }
        .height(40)
        .justifyContent(FlexAlign.SpaceAround)

        Blank()
        Text(this.item.time)
          .fontColor(Color.Grey)
          .textAlign(TextAlign.Center)

      }
      .width('100%')
      .padding({ left: 10, right: 10 })
      .height('90%')

    }
    .height(64)
    .width('100%')
    .justifyContent(FlexAlign.Center)
  }
}

// 头部
@Component
struct header {
  build() {
    Column() {
      Row({ space: 20}) {
        Text('微信')
          .fontSize(25)
          .margin({ left: 150})
        Blank()
        Image($r('app.media.ic_public_search'))
          .height(25)
          .aspectRatio(1)
        Image($r('app.media.ic_public_add_norm'))
          .height(25)
          .aspectRatio(1)
          .margin({ right: 20})
      }
      .justifyContent(FlexAlign.Center)
      .width('100%')
      .height(50)

    }
    .width('100%')
  }
}