<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 [fullscreen]="true">
  <ion-segment>
    <ion-segment-button value="first" content-id="first">
      <ion-label>医疗知识</ion-label>
    </ion-segment-button>
    <ion-segment-button value="second" content-id="second">
      <ion-label>科普视频</ion-label>
    </ion-segment-button>
  </ion-segment>
  <ion-segment-view>
    <ion-segment-content id="first">
      <!-- <div class="tradSearch">
        <dl class="srhGroup clear">
          <dt>类型</dt>
          <dd class="horizontal-links">
            <p>全部</p>&nbsp;&nbsp;&nbsp;
            <p>油画</p>&nbsp;&nbsp;&nbsp;
            <p>壁画</p>
          </dd>
        </dl>
      </div> -->

      <ion-card>
        <ion-card-content>
          <ion-list>
            <ion-item *ngFor="let knowledge of knowledgeList" lines="none" class="doctor-item"
              (click)="goToKnowledge(knowledge)">
              <ion-thumbnail slot="start">
                <img [src]="knowledge.get('img')" [alt]="knowledge.get('title')" />
              </ion-thumbnail>
              <div class="doctor-info">
                <h3>{{ knowledge.get('title') }}</h3>
                <p>{{ knowledge?.get('author') }}</p>
              </div>
            </ion-item>
          </ion-list>
        </ion-card-content>
      </ion-card>

    </ion-segment-content>
    <ion-segment-content id="second">

      <ion-card>
        <ion-card-content>
          <ion-list>
            <ion-item *ngFor="let vknowledge of vknowledgeList" lines="none" class="doctor-item"
              (click)="goToVKnowledge(vknowledge)">
              <ion-thumbnail slot="start">
                <img [src]="vknowledge.get('img')" [alt]="vknowledge.get('title')" />
              </ion-thumbnail>
              <div class="doctor-info">
                <h3>{{ vknowledge.get('title') }}</h3>
                <p>{{ vknowledge?.get('author') }}</p>
                <p>{{ vknowledge?.get('video') }}</p>
              </div>
            </ion-item>
          </ion-list>
        </ion-card-content>
      </ion-card>

    </ion-segment-content>
  </ion-segment-view>
</ion-content>