修复全景跟踪展示页图片

zhangzengfei

2021-06-22 1f23f1d0a311c04d231485f8e419970104a2566b

 src/pages/panoramicView/components/History.vue

@@ -29,15 +29,25 @@
          @click="checkTarget(item)"
        >
          <!-- <img src alt :style="{backgroundColor:item.color}"/> -->
          <img
            src="//192.168.20.10:6700/52361,cdd84d471eaa7d?collection=2021-05-18-DSVAD010120190622-picture"
          />
          <!-- <img :src="item.humanImg" fit="cover" /> -->
          <el-image
            style="width: 70px; height: 70px;border-radius: 50%;"
            :src="item.humanImg"
            fit="cover"
          ></el-image>
        </div>
      </div>
    </div>
    <div class="videos">
      <div class="video-item" v-for="v in videos" :key="v.id">
        <video :src="v.videoUrl" controls="controls" width="480px" height="270px" preload="meta"></video>
        <video
          :src="v.videoUrl"
          controls="controls"
          width="480px"
          height="270px"
          preload="none"
          :poster="v.videoPoster"
        ></video>
        <span>{{v.modTime}}</span>

        <div class="image-preview">
@@ -200,6 +210,7 @@
          height: 100%;
          display: block;
          border-radius: 50%;
          border: 0px;
        }
        &.deact {
          opacity: 0.5;
@@ -248,10 +259,6 @@
        }
      }
    }
  }

  .el-image .el-image-viewer__mask {
    opacity: 0.7;
  }
}
</style>