time1/src/app/home/home.page.html

<ion-content>
  <div class="top-section">
    <div class="left">
      <div class="time-slot">08:00:00 - 09:00:00</div>
      <div class="time-slot">09:00:00 - 10:00:00</div>
      <div class="time-slot">10:00:00 - 11:00:00</div>
    </div>
    <div class="right">
      <div class="task-content">任务内容1</div>
      <div class="task-content">任务内容2</div>
      <div class="task-content">任务内容3</div>
    </div>
  </div>

  <div class="bottom-section">
    <ion-button expand="block" shape="round" class="left-button">未完成</ion-button>
    <ion-button expand="block" shape="round" class="center-button">打卡</ion-button>
    <ion-button expand="block" shape="round" class="right-button">详情</ion-button>
  </div>
</ion-content>