<div class="main">
  <div>
    <button (click)="back()">返回</button>

    <nz-tree [nzShowIcon]="true" [nzTreeTemplate]="nzTreeTemplate" [nzData]="nodes" nzAsyncData
      (nzClick)="addVCR($event)" (nzExpandChange)="nzEvent($event)">
      <ng-template #nzTreeTemplate let-node>
        <!-- <span class="custom-node" [class.active]="activedNode?.key === node.key">
            <span *ngIf="!node.isLeaf" (contextmenu)="contextMenu($event, menu)">
              <i nz-icon [nzType]="node.isExpanded ? 'folder-open' : 'folder'" (click)="openFolder(node)"></i>
              <span class="folder-name">{{ node.title }}</span>
              <span class="folder-desc">created by {{ node?.origin?.author | lowercase }}</span>
            </span>
            <span *ngIf="node.isLeaf" (contextmenu)="contextMenu($event, menu)">
              <i nz-icon nzType="file"></i>
              <span class="file-name">{{ node.title }}</span>
              <span class="file-desc">modified by {{ node?.origin?.author | lowercase }}</span>
            </span>
          </span> -->
        <span *ngIf="node.isLeaf">
          <i nz-icon nzType="video-camera" nzTheme="outline"></i>
          {{node.title}}
        </span>
        <span *ngIf="!node.isLeaf">

          <i nz-icon nzType="cluster" nzTheme="outline"></i>
          {{node.title}}
        </span>
      </ng-template>
    </nz-tree>



  </div>
  <div class="right">
    <div id="playWnd">

    </div>

  </div>
</div>