<div class="app-mob-mobmdctrl ">
<div class="app-list">
  <div class="app-list-card">
    <ng-container *ngFor="let item of items">
      <div class="app-list-item" style="position: relative;overflow: hidden;">
        <div class="top" >
          <img src="{{(item&&item.url)?item.url:null}}" onerror="this.src='./assets/icon/default_img.png'">
          <div>
            <div style="font-size: 18px;font-weight: bold;padding: 5px;color:#5f5d5d;">{{item.srfmajortext}}</div>
            <div style="color: #969292;padding: 5px;">规格:{{item.gg}}</div>
          </div>
        </div>
        <div class="bottom">
          <div (click)="selectchangeemit.emit(item)">
            <ion-icon name="add" style="font-size: 20px;color: #fff;"></ion-icon>
          </div>
        </div>
        <div style="position: absolute;top: 5px;left: -24px;height: 24px;">
          <div style="transform: rotate(-45deg);width: 110px;background: red;padding: 0px 16px;color: #fff;">剩余{{item.sl}}件</div>
        </div>
      </div>
    </ng-container>
  </div>
</div>
 </div>