<div class="productDataContainer">
  <div class="productPoster">
    <h3>产品海报</h3>
    <div>
      <ul>
        <li (click)="jumpToMaterial()">
          <img [src]="posterUrl" class="img-responsive">
        </li>  
      </ul>
    </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']}}" alt="">
          </div>
          <div>{{productDataMenuItem.categoryName}}</div>
        </li>
      </ul>
    </div>
  </div>
</div>
