HarmonyOS NEXT 实战之元服务：静态案例效果---查看手机历史记录

背景：

前几篇学习了元服务，后面几期就让我们开发简单的元服务吧，里面丰富的内容大家自己加，本期案例 仅供参考

先上本期效果图 ，里面图片自行替换

效果图1完整代码案例如下：

import { authentication } from "@kit.AccountKit";
import { BusinessError } from "@kit.BasicServicesKit";
import { hilog } from "@kit.PerformanceAnalysisKit";


// 定义数据类型
interface TimeLineInfo {
  index: number;
  time: string;
  text: string;
  content: string;
}

@Entry
@Component
export struct Index {
  // PullToRefresh组件必需参数
  @State data: string[] = [];
  // 定义Scroller对象，Scroller组件所需参数
  private scroller: Scroller = new Scroller();
  // 控制图片下拉变化的高度
  @State refreshPullDownHeight: number = 0;
  // 图片初始高度以及控制图片上拉变化的高度
  @State imgMarginTop: number = -100;
  // clip属性值，表示裁剪掉超出父组件的部分
  private clipValue: boolean = true;
  // 时间轴模块数据
  private timeLineData: TimeLineInfo[] = [
    {
      index: 1,
      time: '时间：2024年12月1日08:15',
      text: '软件名称：微信',
      content: '情境描述：早上起床后，躺在床上先打开微信，看看有没有重要的消息或者朋友圈的新动态，顺便给家人发了个早安问候。'
    },
    {
      index: 2,
      time: '时间：2024年12月1日08:30',
      text: '软件名称：今日头条',
      content: '情境描述：在吃早餐的时候，打开今日头条浏览一下当天的新闻热点，了解国内外发生的大事小情，边吃边看，充实一下自己的见闻。'
    },
    {
      index: 3,
      time: '时间：2024年12月1日09:00',
      text: '软件名称：钉钉',
      content: '情境描述：到达工作地点后，坐在办公桌前，打开钉钉进行上班打卡，然后查看团队的工作任务安排以及有没有同事发来的新消息。