<!-- src/app/pages/expert-lectures/expert-lectures.page.html -->
<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/tabs/tab1"></ion-back-button>
    </ion-buttons>
    <ion-title>专家讲座</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item *ngFor="let lecture of lectures">
      <ion-thumbnail slot="start">
        <img [src]="lecture.imageUrl" alt="{{ lecture.title }}">
      </ion-thumbnail>
      <ion-label>
        <h2>{{ lecture.title }}</h2>
        <p>{{ lecture.speaker }} | {{ lecture.date | date:'mediumDate' }}</p>
        <p>{{ lecture.description | slice:0:80 }}...</p>
      </ion-label>
    </ion-item>
  </ion-list>
</ion-content>