let storage2086445731 = new LocalStorage()  

@Entry(storage2086445731)  
@Component  
struct Content_F {  
  // @LocalStorageProp('textSubTitleF') textSubTitleF: string = ''  
  @State imgLogo: Resource = $r('app.media.icon') // 应用图标资源  
  @LocalStorageProp('textMainTitleX') textMainTitleX: string = '沁园春' // 主标题文本，从本地存储读取，默认为“沁园春”  
  @LocalStorageProp('backgroundImg') backgroundImg: Resource = $r('app.media.bgImage01') // 背景图片资源，从本地存储读取，默认为bgImage01  
  @LocalStorageProp('textMainTitleB') textMainTitleB: string = '北国风光，千里冰封，万里雪飘。\n' +  
    '望长城内外，惟余莽莽；大河上下，顿失滔滔。\n' +  
    '山舞银蛇，原驰蜡象，欲与天公试比高。\n' +  
    '须晴日，看红装素裹，分外妖娆。\n' +  
    '江山如此多娇，引无数英雄竞折腰。\n' +  
    '惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。\n' +  
    '一代天骄，成吉思汗，只识弯弓射大雕。\n' +  
    '俱往矣，数风流人物，还看今朝。' // 主内容文本，从本地存储读取，默认为《沁园春·雪》  
  ClickToHome = () : void => {  
    // 点击跳转到主页面的函数  
    postCardAction(this, {  
      "action": "router",  
      // 配置跳转的 UIAbility 名称  
      'abilityName': 'EntryAbility',  
      // 配置传递的参数  
      "params": {  
        'targetPage': 'page1' // 目标页面为 page1  
      }  
    });  
  }  
  build() {  
    Stack({ alignContent: Alignment.TopEnd }) {  
      // 堆叠容器，内容顶部右对齐  
      Column() {  
        // 垂直布局  
        Text(this.textMainTitleX)  
          // 主标题文本  
          .constraintSize({ maxWidth: '80%' }) // 最大宽度限制为 80%  
          .fontColor(Color.Black) // 字体颜色为黑色  
          .fontSize('18') // 字体大小为 18  
          .fontWeight(FontWeight.Bold) // 字体粗细为粗体  
          .textOverflow({ overflow: TextOverflow.Ellipsis }) // 文字溢出时显示省略号  
          .maxLines(1) // 最大显示一行  
        Column() {  
          // 垂直布局  
          // Text(this.textSubTitleF)  
          //   .opacity(0.6)  
          //   .fontColor(Color.Black)  
          //   .fontSize('10')  
          //   .fontWeight(FontWeight.Regular)  
          //   .textOverflow({ overflow: TextOverflow.Ellipsis })  
          //   .maxLines(1)  
          Row() {  
            // 水平布局  
            Text(this.textMainTitleB)  
              // 主内容文本  
              .opacity(0.9) // 透明度为 0.9  
              .fontColor(Color.Black) // 字体颜色为黑色  
              .fontSize('14') // 字体大小为 14  
              .fontWeight(FontWeight.Medium) // 字体粗细为中等  
              .textOverflow({ overflow: TextOverflow.Ellipsis }) // 文字溢出时显示省略号  
              .lineHeight('19') // 行高为 19  
          }  
          .margin({ top: '2' }) // 顶部外边距为 2  
        }  
        .width('100%') // 宽度为 100%  
        // .alignItems(HorizontalAlign.Start)  
        // .justifyContent(FlexAlign.SpaceBetween)  
        .alignItems(HorizontalAlign.Center) // 子组件水平居中对齐  
        .justifyContent(FlexAlign.Center) // 子组件垂直居中对齐  
      }  
      .width('100%') // 宽度为 100%  
      .height('100%') // 高度为 100%  
      .alignItems(HorizontalAlign.Start) // 子组件水平左对齐  
      // .justifyContent(FlexAlign.SpaceBetween)  
      .justifyContent(FlexAlign.Center) // 子组件垂直居中对齐  
      Row() {  
        // 水平布局  
        Image(this.imgLogo)  
          // 应用图标  
          // .width('20')  
          // .height('20')  
          .width('36') // 宽度为 36  
          .height('36') // 高度为 36  
      }  
      .margin({ top: '3' }) // 顶部外边距为 3  
    }  
    .backgroundImage(this.backgroundImg) // 设置背景图片  
    .backgroundImageSize({ width: '100%', height: '100%' }) // 背景图片尺寸为 100% 宽度和高度  
    .padding('12') // 内边距为 12  
    .width('100%') // 宽度为 100%  
    .height('100%') // 高度为 100%  
    .onClick(this.ClickToHome) // 点击事件绑定到 ClickToHome 函数  
  }  
}