InteractMComponent.ets 1.65 KB

@Component
export  struct InteractMComponent {
  build() {
    Row(){
      Image('')
        .backgroundColor(Color.Red)
        .width(36)
        .height(36)
        .borderRadius(18)

      Column(){
        Row(){
          Text('用户名')
            .fontSize('14fp').fontColor('#222222')

          Text('回复了你的评论')
            .fontSize('14fp').fontColor('#999999')
            .margin({left:5})
        }.width('100%')

        Text('两天前')
          .margin({top:2})
          .fontSize('12fp').fontColor('#B0B0B0')

        Text('评论内容')
          .margin({top:8,bottom:10})
          .fontSize('16fp').fontColor('#222222')
          .width('100%')
          .constraintSize({maxHeight:500})

        Column(){
          Text('[你的评论]乐事薯片,大家的最爱').fontSize('14fp').fontColor('#666666').constraintSize({maxHeight:500})
            .margin({top:5,bottom:5})
            .width('100%')

          Divider()
            .color('#f5f5f5')
            .backgroundColor('#f5f5f5')
            .width('100%')
            .height(1)

          Row(){
            Text('乐事薯片,大家的最爱!!!!').fontSize('12fp').fontColor('#666666').constraintSize({maxHeight:500})

            Blank()

            Image($r('app.media.mine_user_edit'))
              .width('12')
              .height('12')
          }.margin({top:5,bottom:5}).width('100%')
        }.alignItems(HorizontalAlign.Start).backgroundColor('#f5f5f5').borderRadius(5)
      }.padding({left:5}).alignItems(HorizontalAlign.Start)
    }.padding({top:5,left:16,right:16}).width('100%').height(160).alignItems(VerticalAlign.Top).backgroundColor(Color.Red)
  }
}