<template>
  <div class="personal-center">
    <el-tabs v-model="activeTab">
      <el-tab-pane label="个人设置" name="setting">
        <PersonalSetting />
      </el-tab-pane>
      <el-tab-pane label="修改密码" name="pwd">
        <PersonalPwd />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import PersonalSetting from './PersonalSetting.vue'
import PersonalPwd from './PersonalPwd.vue'

const activeTab = ref('setting')
</script>

<style scoped lang="less">
.personal-center {
  padding: 20px;
}
</style>
