功能完善

wwf

3 天以前 23fa268f56dcd99c8dcd46f50f3ffcaa4cdcbc49

 entry/src/main/ets/pages/message/MessageDetailsPage.ets

@@ -12,13 +12,28 @@
  @State messageList: Message[] = [
    { avatar: '', content: '请发一下你的简历给我。', isMe: false },
    { avatar: '', content: '这个岗位我十分感兴趣，请看一下我的简历，我觉得我可以胜任这个岗位', isMe: true },

  ]
  aboutToAppear(): void {
  @State avatar: string | Resource = ''
  @State name: string = ''
  @State company: string = ''
  @State pageHeight: number = 0
  @State chatHeight: number = 0
  @State inputText: string = ''

  aboutToAppear(): void {
    interface Params {
      avatar: string | Resource
      name: string
      company: string
    }
    const params: Params = router.getParams() as Params
    this.name = params.name
    this.company = params.company
    this.avatar = params.avatar
  }

  build() {
    Column() {
    Flex({ direction: FlexDirection.Column }) {
      Row() {
        Image($r('app.media.left_icon'))
          .width(20)
@@ -27,21 +42,21 @@
            router.back()
          })
        Column() {
          Text('李女士')
          Text(this.name)
            .fontSize(16)
            .fontWeight(700)
          Text('摩米移动科技')
          Text(this.company)
            .fontSize(12)
            .fontColor('#666666')
            .margin({ top: 4 })
        }

        Row()
      }
      .width('100%')
      .padding(10)
      .justifyContent(FlexAlign.SpaceBetween)
      .backgroundColor('#fff')
      .expandSafeArea()

      Column() {
        List({ space: 20, initialIndex: 0 }){
@@ -66,7 +81,7 @@
                .alignItems(VerticalAlign.Bottom)
              } else {
                Row({ space: 10 }) {
                  Image($r('app.media.avatar'))
                  Image(this.avatar)
                    .width(32)
                    .height(32)
                  Text(item.content)
@@ -91,31 +106,43 @@
        .edgeEffect(EdgeEffect.Spring)
        .width('100%')
      }
      .layoutWeight(1)
      .padding(16)
      .width('100%')
      .height(600)
      .expandSafeArea()

      Row({ space: 8 }) {
        Image($r('app.media.audio_icon'))
          .width(24)
          .height(24)
        TextInput()
          .width(240)
        TextInput({ text: $$this.inputText })
          .layoutWeight(1)
          .placeholderColor('#999999')
          .backgroundColor('#f3f7fe')
        Image($r('app.media.expression_icon'))
          .width(24)
          .height(24)
        Image($r('app.media.add_icon'))
          .width(24)
          .height(24)
        if (this.inputText) {
          Button('发送')
            .type(ButtonType.Normal)
            .borderRadius(6)
            .onClick(() => {
              this.messageList.push({
                avatar: '', content: this.inputText, isMe: true
              })
              this.inputText = ''
            })
        } else {
          Image($r('app.media.add_icon'))
            .width(24)
            .height(24)
        }
      }
      .backgroundColor('#FFF')
      .width('100%')
      .height(60)
      .padding(10)
      .alignItems(VerticalAlign.Center)

    }
    .width('100%')
    .height('100%')