<template>
  <div class="language-management">
    <h1 class="page-title">语言管理</h1>

    <el-tabs v-model="activeTab">
      <el-tab-pane label="Banner管理" name="banner">
        <BannerManagement />
      </el-tab-pane>
      <el-tab-pane label="资源栏目管理" name="column">
        <ColumnManagement />
      </el-tab-pane>
      <el-tab-pane label="标签管理" name="tag">
        <TagManagement />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { ElTabs, ElTabPane } from 'element-plus';
import BannerManagement from './components/BannerManagement.vue';
import ColumnManagement from './components/ColumnManagement.vue';
import TagManagement from './components/TagManagement.vue';

const activeTab = ref('banner');
</script>

<style lang="scss" scoped>
.language-management {
  padding: 20px;
}

.page-title {
  font-size: 28px;
  font-weight: 600;
  color: #141F38;
  margin-bottom: 24px;
}
</style>

