<div class="salesWrapper">
  <ul class="tab">
    <li *ngFor="let titleItem of titleList" (click)="selectTab(titleItem.id)"
        [ngClass]="{selected:mdDropOptionId===titleItem.id}">
      <div style="position: relative;">
        <h3>{{titleItem.dropOptionName}}
        </h3>
      </div>
    </li>
  </ul>
  <div class="article_wrapper">
    <ul>
      <li *ngFor="let articleItem of articleList" (click)="articleDetail(articleItem)">
        <div class="left">
          <div class="title">{{articleItem.title}}</div>
          <div class="digest">{{lifeCommonService.getTwenty(articleItem.digest,46)}}</div>
          <div class="updateAt" style="font-size: 12px;color:#8a8a8a;margin-top: 3px;">{{articleItem.updatedAt}}</div>
        </div>
        <div class="right">
          <img [src]="articleItem.coverUrl">
        </div>
      </li>
      <div class="more" *ngIf="paginationInfo?.pageNum<totalPage" (click)="lookMore()">
        查看更多
      </div>
    </ul>
  </div>
</div>
