<div class="integrationDetailContainer">
  <ul class="tabs">
    <li (click)="queryLists(0)"><span [ngClass]="{'actived':status===0}">全部</span></li>
    <li (click)="queryLists(1)"><span [ngClass]="{'actived':status===1}">积分</span></li>
    <li (click)="queryLists(2)"><span [ngClass]="{'actived':status===2}">兑换</span></li>
  </ul>
  <ul class="dateContent">
    <li>2022年</li>
  </ul>
  <ul class="detailLists">
    <li *ngFor="let item of lists">
      <div>
        <p>{{item.integralRuleName}}</p>
        <p>{{item.grantDate}}</p>
      </div>
      <div [ngStyle]="{'color':item.integralType=='1' ? '#E56124' : '#333','font-weight':'bold'}"><span>{{item.integralType=='1' ? '+' : '-'}}</span><span>{{item.integralNumber}}</span></div>
    </li>
  </ul>
</div>
