import { HdNav } from '@itcast/basic';

@Entry
@Component
struct FeedbackPage {
  @State feedbackText: string = ''
  controller:TextAreaController = new TextAreaController();

  build() {
    Column() {
      HdNav({ title: '意见反馈', showRightIcon: false, hasBorder: true })
      // 输入框区域
      TextArea({
        text:this.feedbackText,
        placeholder:'欢迎对我们的软件提供建议，帮助我们更快更好地改进"肝胆相照"APP(200字以内)',
        controller:this.controller
      })
        .placeholderFont({size:16})
        .placeholderColor('#999999')
        .width('95%')
        .height(230)
        .margin(10)
        .fontSize(16)
        .backgroundColor(Color.White)
        .borderRadius(5)
        .border({
          width:1,
          color:'#999999'
        })

      // 提交按钮
      Button('提交', {
        type: ButtonType.Normal,
        stateEffect: true
      })
        .width('90%')
        .height(45)
        .backgroundColor(Color.White)
        .borderRadius(5)
        .fontColor('#8B2316')
        .position({x:'5%',y:'90%'})
        .border({
          width:1,
          color:'#8B2316'
        })
        .onClick(() => this.submitFeedback())
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.White)
  }
  // 提交反馈处理
  private submitFeedback(): void {
    // 提交逻辑实现
  }
}