HarmonyOS鸿蒙Next中如何实现答题结果页面？

实现思路：

1. 接收答题数据，计算得分和正确率：

@State correctCount: number = 8;
@State totalCount: number = 10;

get score(): number {
  return Math.round(this.correctCount / this.totalCount * 100);
}

1. 根据得分显示不同的结果图标和文案：

Text(this.score >= 60 ? '🎉' : '📚').fontSize(80)
Text(this.score >= 60 ? '恭喜通过！' : '继续加油！').fontSize(24)

1. 格式化显示用时：

formatTime(seconds: number): string {
  const mins = Math.floor(seconds / 60);
  const secs = seconds % 60;
  return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
}

1. 完整示例代码：

import router from '@ohos.router';

@Entry
@Component
struct QuizResultPage {
  @State correctCount: number = 8;
  @State totalCount: number = 10;
  @State quizTime: number = 180;

  get score(): number {
    return Math.round(this.correctCount / this.totalCount * 100);
  }

  formatTime(seconds: number): string {
    const mins = Math.floor(seconds / 60);
    const secs = seconds % 60;
    return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
  }

  build() {
    Column() {
      Blank().layoutWeight(1)

      Text(this.score >= 60 ? '🎉' : '📚').fontSize(80).margin({ bottom: 16 })
      Text(this.score >= 60 ? '恭喜通过！' : '继续加油！').fontSize(24).fontWeight(FontWeight.Bold)
      Text(`${this.score}分`).fontSize(48).fontWeight(FontWeight.Bold).fontColor(this.score >= 60 ? '#4CAF50' : '#FF9800')
      Text(`答对 ${this.correctCount} 题，共 ${this.totalCount} 题`).fontSize(14).fontColor('#999999')
      Text(`用时：${this.formatTime(this.quizTime)}`).fontSize(13).fontColor('#CCCCCC')

      Blank().layoutWeight(1)

      Column({ space: 12 }) {
        Button('再测一次').fontSize(16).backgroundColor('#1976D2').borderRadius(24).width('80%').height(48)
          .onClick(() => router.back())
        Button('返回首页').fontSize(14).fontColor('#666666').backgroundColor('#F5F5F5').borderRadius(24).width('80%').height(44)
          .onClick(() => router.back())
      }
      .padding({ bottom: 32 })
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.White)
    .justifyContent(FlexAlign.Center)
  }
}