You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.1 KiB
31 lines
1.1 KiB
<div class="box"> |
|
<div class="titlebox"> |
|
<div class="title"> |
|
<div (click)="contentType('img')" [ngClass]="{'selected': selectedType == 'img'}"> |
|
预警截图 |
|
<div class="border"></div> |
|
</div> |
|
<div (click)="contentType('video')" [ngClass]="{'selected': selectedType == 'video'}"> |
|
预警视频 |
|
<div class="border"></div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="content"> |
|
<div *ngIf="selectedType == 'img'" class="imgbox"> |
|
<!-- <div class="imglist"> |
|
<span class="imglisttitle">截图列表</span> |
|
<div class="img"> |
|
<img src="../../../../assets/images/bgImg.jpg" alt=""> |
|
</div> |
|
</div> --> |
|
<div class="bigimg"> |
|
<img [src]="imgUrl" alt=""> |
|
</div> |
|
</div> |
|
<div style="width: 100%;height: 100%;" *ngIf="selectedType == 'video'" class="vediobox"> |
|
<video controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video> |
|
</div> |
|
</div> |
|
|
|
</div> |