<template>
  <div class="situation-time">
    <div class="time-container">
      <div>{{time}}</div>
<!--      <div class="buttons"><button id="pauseAndPlay" onclick="pauseWs()">暂停</button></div>-->
    </div>
  </div>
</template>

<script>
export default {
  name: "situationTime",
  components: {},
  computed: {
  },
  props:['time'],
  data() {
    return {};
  },
  mounted() {},
  methods: {},

  beforeDestroy() {},
};
</script>

<style lang='less' scoped>
.situation-time{
  z-index: 15;
  position: absolute;
  background-color: black;
  //right: 500px;
  //top: 120px;
  //height: 35px;
  .time-container{
    padding: 8px 12px;
    //background-color: rgba(4, 57, 110,0.8);
    border-radius: 8px;
    //color: rgba(16, 109, 166);
    color: rgba(255,255,255,0.7);
    //border: 2px solid rgba(0, 159, 252,0.7);
    display: flex;
    align-items: center;
    font-size: 18px; font-weight: bold;
  }
}
</style>