<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 *ngIf="articleList?.length>0">
      <li *ngFor="let articleItem of articleList" >
        <div class="left" (click)="articleDetail(articleItem)">
          <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" (click)="articleDetail(articleItem)">
          <img [src]="articleItem.coverUrl">
        </div>
        <div class="read">
          <span>总阅读量：{{articleItem.totalNum}}</span> 
          <div (click)="whoRead(articleItem)">
            <span>个人分享阅读量：{{articleItem.num}}</span>
            <span class="iconfont icon-ar-r"></span>
          </div>
        </div>
      </li>
      <div class="more" *ngIf="paginationInfo?.pageNum<totalPage" (click)="lookMore()">
        查看更多
      </div>
    </ul>
  </div>
  <div *ngIf="!articleList?.length" style="text-align: center;margin-top: 50px;">
    暂无文章
  </div>
</div>
