<div class="productDataContainer">
  <div class="productPoster">
    <h3>产品海报</h3>
    <div>
      <ul *ngIf="posterUrl">
        <li (click)="jumpToMaterial()" >
          <img [src]="posterUrl" class="img-responsive" alt="海报">
        </li>  
      </ul>
      <div *ngIf="!posterUrl" style="text-align: center;">
        抱歉，当前产品暂无海报
      </div>
    </div>
  </div>
  <div style="width: calc(100% + 30px); height: 8px;background: #f6f6f6;margin-left: -15px;"></div>
 
  <div class="productDataContent">
    <h3>产品资料</h3>
    <div>
      <ul>
        <li *ngFor="let productDataMenuItem of productDataMenuLists" (click)="jumpToDetail(productDataMenuItem)">
          <div>
            <img src="./assets/images/productData/{{productDataMenuItem['displayImage']}}" style="width: auto;">
          </div>
          <div>{{productDataMenuItem.categoryName}}</div>
        </li>
      </ul>
    </div>
  </div>
  <div style="width: calc(100% + 30px); height: 8px;background: #f6f6f6;margin-left: -15px;"></div>

  <div>
      <h3>卖点描述</h3>
      <div [innerHTML]="sellingPointDescList[0]['fileDescription'] | safeHtml" *ngIf="sellingPointDescList?.length"></div>
      <div *ngIf="!sellingPointDescList?.length">该产品暂无卖点描述！</div>
  </div>
</div>
