HarmonyOS初体验

1、实现加载页面

在创建完项目之后 编辑器会自动定位到 page > index.ets文件 这就是项目默认的入口文件

在entryability > EntryAbility.ts 中可以修改入口文件

2、加载页面的实现

在index.ets中写入以下代码

import hilog from '@ohos.hilog';
import router from '@ohos.router';
@Entry
@Component
struct Index {
  onPageShow() {
    // 日志输出 'onPageShow' 就是输出的内容 （0x0000, 'Index' 是用来标识输出内容的位置在哪个文件 可以自己更改）
    hilog.info(0x0000, 'Index', '%{public}s', 'onPageShow');
    // 获取本地存储数据 （目前有问题 刷新就没了 还没找到办法）
    const token = AppStorage.Get<string>('token')
    // 加载页面的简单判断逻辑
    if (!token) {
      // 跳转登录页
      setTimeout(() => {
        router.replaceUrl({ url: 'pages/Login' })
      }, 2000)
    } else {
      // 跳转主页
      router.replaceUrl({ url: 'pages/Home' })
    }
  }
  build() {
    // Stack 堆叠 把里面的内容以此堆叠在一起 类似于 position: relative; 和 absolute
    Stack() {
      // 显示图片
      Image($r('app.media.splash1'))
        .width('100%')
        .height('100%')
      Image($r('app.media.splash2'))
        .width('100%')
        .height('100%')
        .objectFit(ImageFit.Contain)
    }
  }
}

下一章：HarmonyOS实现登录页面-CSDN博客