<template>
  <div class="device-page">
    <a-tabs v-model:activeKey="activeKey" class="device-tabs">
      <a-tab-pane key="airport" tab="机场">
        <Airport />
      </a-tab-pane>
      <a-tab-pane key="aerocraft" tab="飞行器">
        <Aerocraft />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue"
import Airport from './Airport/index.vue'
import Aerocraft from './Aerocraft/index.vue'
const activeKey = ref('airport')

</script>

<style lang="scss" scoped>
.device-page{
  .device-tabs{
    :deep(.ant-tabs-nav-wrap){
      padding-left: 20px;
    }
  }
}
</style>
