sl-sfy-safety/src/views/cameras/preview/components/CameraLiveVideo/CameraLiveVideo.vue

<template>
  <LiveVideo
    :url="cameraDetailStore.detail?.pushstreamIp"
    v-if="cameraDetailStore.detail?.pushstreamIp"
  />
  <div v-if="!cameraDetailStore.detail?.pushstreamIp" class="noPushStreamIpTip"
    >暂无相机视频流地址</div
  >
</template>
<script lang="ts" setup>
  // import bg from '@/assets/images/camera/video-live.png';
  import LiveVideo from '@/components/LiveVideo/LiveVideo.vue';
  import useCameraDetailStore from '../../store/useCameraDetailStore';
  const cameraDetailStore = useCameraDetailStore();
</script>

<style>
  .noPushStreamIpTip {
    font-size: 20px;
    margin-top: 300px;
    text-align: center;
  }
</style>