food/src/components/Statistics.vue

<template>
  <div class="mainBox flex column no-select">
    <!-- 心跳 -->
    <!-- <div class="flex">
      <div class="tag flex mac mc iconfont"
        :class="online ? heartAnimation ? 'icon-heart online' : 'icon-heart1 online' : 'icon-xinsui offline'">
      </div>
    </div> -->

  </div>

</template>

<script>

export default {
  name: 'Statistics',
  data () {
    return {
    }
  },
  props: {
    plane: {
      type: Object,
      deep: true
    }
  },
  components: {
  },
  computed: {
  },
  watch: {

  },
  methods: {

  },
  created () {
  },
  destroyed () {
  }

}
</script>

<style lang="scss" scoped>
@import "@/styles/theme.scss";

.mainBox {
  position: absolute;
  width: 29px;
  top: 40px;
  left: 10px;
  z-index: 90;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  background-color: white;
  border-radius: 4px;
}

.mainBox .flex:not(:first-child) {
  border-top: 1px solid #ddd;
}

.tag {
  height: 29px;
  min-width: 29px;
  cursor: pointer;
  border: 0;
  font-size: 22px;
}

.plane-mode {
  position: absolute;
  left: 29px;
  height: 29px;
  display: flex;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: rgba(255, 255, 255, 0.5);
}

.plane-mode-text {
  display: inline-block;
  white-space: nowrap; /* 防止内容换行 */
}
</style>