import router from '@ohos.router';

@Entry
@Component
struct Page7 {
  @State message: string = '第7层页面';

  build() {
    Scroll() {
      Column({ space: 20 }) {
        Text(this.message)
          .fontSize(30)
          .fontWeight(FontWeight.Bold)
          .fontColor('#1ABC9C')
        
        Text('点击下方按钮进入第8层')
          .fontSize(18)
          .fontColor('#666666')
        
        Button('前往第8层')
          .width('80%')
          .height(50)
          .backgroundColor('#1ABC9C')
          .onClick(() => {
            router.pushUrl({
              url: 'pages/Page8'
            });
          })
          
        Button('返回上一层')
          .width('80%')
          .height(50)
          .backgroundColor('#95A5A6')
          .onClick(() => {
            router.back();
          })
          
        this.generateLargeContent()
      }
      .width('100%')
      .padding(20)
    }
    .backgroundColor('#E8F6F3')
  }
  
  @Builder
  generateLargeContent() {
    ForEach(this.getLargeTextArray(), (item: string, index: number) => {
      Text(item)
        .fontSize(14)
        .fontColor('#333333')
        .textAlign(TextAlign.Start)
        .margin({top: 10})
    })
  }
  
  getLargeTextArray(): string[] {
    let arr: string[] = [];
    for (let i = 0; i < 400; i++) {
      arr.push(`这是第7层页面的大量文本内容，用于增加包体积 - 项目${i + 1}：第七层提供了专业的数据分析和报告生成功能。这个层级包含了机器学习模型、统计分析工具以及可视化报表系统。当前展示的是第${i + 1}个分析模型参数配置。`);
    }
    return arr;
  }
}