Files
fe.ems.vue3/src/views/account/settings.vue
2023-09-05 14:38:23 +08:00

31 lines
902 B
Vue

<script lang="ts" setup>
import { ref } from 'vue';
import { PageContainer } from '@ant-design-vue/pro-layout';
import BaseInfo from './components/base-info.vue';
import ResetPasswd from './components/reset-passwd.vue';
import StyleLayout from './components/style-layout.vue';
/**Tab标签激活 */
let activeKey = ref<string>('base-info');
</script>
<template>
<PageContainer>
<a-card>
<a-tabs tab-position="left" v-model:activeKey="activeKey">
<a-tab-pane key="base-info" tab="基础信息">
<BaseInfo></BaseInfo>
</a-tab-pane>
<a-tab-pane key="reset-passwd" tab="重置密码">
<ResetPasswd></ResetPasswd>
</a-tab-pane>
<a-tab-pane key="style-layout" tab="个性化">
<StyleLayout></StyleLayout>
</a-tab-pane>
</a-tabs>
</a-card>
</PageContainer>
</template>
<style lang="less" scoped></style>