<template>
  <div class="LayerBottom">
    <div class="LayerBottomDiv">
      <span>经度：</span>
      <span>纬度：</span>
      <span>横</span>
      <span>纵</span>
      <span>海拔：米</span>
      <span>层级：</span>
      <span>方向： °</span>
      <span>俯仰角： °</span>
      <span>视高：米</span>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
  .LayerBottom {
    background-color: black;
    color: white;
    position: absolute;
    bottom: 0px;
    height: 30px;
    width: calc(100% - 356px);
    // text-align: center;
    // 页面不能被选中
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none;
  }

  .LayerBottomDiv {
    position: absolute;
    right: 100px;
    span {
      line-height: 30px;
      margin-left: 30px;
    }
  }
</style>
