[完善]预警弹窗切换时bug

src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html

@@ -18,7 +18,7 @@
   <div class="details">
     预警详情：{{details}}
   </div>
-  <div class="typecheckbox" *ngIf="isAnxin">
+  <div class="typecheckbox" *ngIf="isAnxin && selectedType == 'img'">
     <ng-container *ngIf="isShowAxOtherRegion">
       <label *ngFor="let item of this.legendList" nz-checkbox [(ngModel)]="item.checked"
         (ngModelChange)="typeChange(item)">
@@ -32,7 +32,7 @@
     <button nz-button nzType="primary" (click)="downImg()">导出图片</button>
   </div>
   <div class="content">
-    <div *ngIf="selectedType == 'img'" class="imgbox" [ngClass]="{'imgboxAX': isAnxin}">
+    <div [hidden]="!(selectedType == 'img')" class="imgbox" [ngClass]="{'imgboxAX': isAnxin}">
       <ng-container *ngIf="imgUrl; else elseTemplate">
         <ng-container *ngIf="isImage; else elseTemplate2">
           <img id="img" [src]="imgUrl" alt="">
@@ -47,7 +47,7 @@
         暂无图片
       </ng-template>
     </div>
-    <div *ngIf="selectedType == 'video'" class="vediobox">
+    <div [hidden]="!(selectedType == 'video')" class="vediobox">
       <ng-container *ngIf="vedioUrl; else elseTemplate3">
         <video crossorign="anonymous" controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video>
       </ng-container>

src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.scss

@@ -135,7 +135,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-
+    box-sizing: border-box;
+    padding: 0 12px;
     video {
       max-width: 100%;
       max-height: 100%;
@@ -218,24 +219,6 @@
     position: relative;
   }
 
-  .content {
-    .imgbox {
-
-      .bigimg {
-        // min-width: 1149px;
-        flex: 1;
-        box-sizing: border-box;
-        padding-left: 13px;
-        display: flex;
-        justify-content: center;
-
-        img {
-          max-width: 100%;
-          max-height: 100%;
-        }
-      }
-    }
-  }
 }
 
 // 适配150%
@@ -250,24 +233,6 @@
     position: relative;
   }
 
-  .content {
-    .imgbox {
-
-      .bigimg {
-        // min-width: 1149px;
-        flex: 1;
-        box-sizing: border-box;
-        padding-left: 13px;
-        display: flex;
-        justify-content: center;
-
-        img {
-          max-width: 100%;
-          max-height: 100%;
-        }
-      }
-    }
-  }
 }
 
 ::-webkit-input-placeholder {