feat: 个人中心(基础框架)
This commit is contained in:
36
apps/web-antd/src/views/_core/profile/index.vue
Normal file
36
apps/web-antd/src/views/_core/profile/index.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
|
||||
import { Page } from '@vben/common-ui';
|
||||
|
||||
import { Card } from 'ant-design-vue';
|
||||
|
||||
const currentActiveKey = ref('tab1');
|
||||
|
||||
const tabList = [
|
||||
{
|
||||
key: 'tab1',
|
||||
tab: 'tab1',
|
||||
},
|
||||
{
|
||||
key: 'tab2',
|
||||
tab: 'tab2',
|
||||
},
|
||||
];
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Page>
|
||||
<Card
|
||||
:active-tab-key="currentActiveKey"
|
||||
:tab-list="tabList"
|
||||
@tab-change="
|
||||
(key) => {
|
||||
currentActiveKey = key;
|
||||
}
|
||||
"
|
||||
>
|
||||
dsadsa
|
||||
</Card>
|
||||
</Page>
|
||||
</template>
|
Reference in New Issue
Block a user