import router from '@ohos.router';

@Entry
@Component
struct Page10 {
  @State message: string = '第10层页面 - 最深层';

  build() {
    Scroll() {
      Column({ space: 20 }) {
        Text(this.message)
          .fontSize(30)
          .fontWeight(FontWeight.Bold)
          .fontColor('#E74C3C')
        
        Text('恭喜！你已到达最深层')
          .fontSize(20)
          .fontWeight(FontWeight.Bold)
          .fontColor('#27AE60')
        
        Text('这是应用程序的最深层级，包含了核心功能和高级特性')
          .fontSize(16)
          .fontColor('#666666')
          .textAlign(TextAlign.Center)
        
        Button('返回第9层')
          .width('80%')
          .height(50)
          .backgroundColor('#95A5A6')
          .onClick(() => {
            router.back();
          })
          
        Button('返回首页')
          .width('80%')
          .height(50)
          .backgroundColor('#3498DB')
          .onClick(() => {
            router.pushUrl({
              url: 'pages/Index'
            });
          })
          
        this.generateLargeContent()
      }
      .width('100%')
      .padding(20)
    }
    .backgroundColor('#FDEDEC')
  }
  
  @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 < 600; i++) {
      arr.push(`这是第10层页面的核心内容，用于最大化包体积 - 项目${i + 1}：第十层作为应用程序的顶层架构，整合了所有子系统的功能模块。这里包含了微服务架构、分布式计算框架、人工智能引擎以及大数据处理平台等企业级核心技术组件。当前展示的是第${i + 1}个核心技术模块的完整技术规范和实现细节，涵盖了系统架构设计、性能优化策略、安全防护机制以及可扩展性方案等多个维度的技术要点。`);
    }
    return arr;
  }
}