<div class="right-content" style="padding-left:10px; padding-top: 10px;">
                <div class="text-nowrap">离线摄像仪</div>
                <div class="number-all" :style="{ color: cameraOffline > 0 ? 'red' : '#e7b215' }">{{ cameraOffline }}</div>
                <div class="icon-container" v-if="cameraOffline > 0">
                  <img class="icon blink" src="@/assets/icon/police-1.png" alt="Icon">
                </div>
              </div>

   .icon-container {
              width: fit-content;
              padding-left: 40px;
              margin-top: -10px;

              .icon {
                width: 25px;
                height: 25px;
              }
            }

 

@keyframes blink-animation {
  0% {
    filter: brightness(100%);
  }

  30% {
    filter: brightness(200%);
  }

  100% {
    filter: brightness(50%);
  }
}

.blink {
  animation: blink-animation 1s infinite;
}