<template>
  <div class="page-container">
    <a-tabs default-active-key="1" type="card-gutter">
      <a-tab-pane key="1" title="用户管理">
        <UserList />
      </a-tab-pane>
      <a-tab-pane key="2" title="角色管理">
        <RoleList />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script setup lang="ts">
import UserList from './UserList.vue';
import RoleList from './RoleList.vue';
</script>

<style scoped>
.page-container {
  padding: 20px;
}
</style>
