提交 | 用户 | age
|
00fe0e
|
1 |
<template> |
H |
2 |
<div class="p-2"> |
2c1249
|
3 |
<a-tabs v-model:activeKey="activeKey"> |
H |
4 |
<a-tab-pane key="1" tab="常规"> |
|
5 |
<Convention v-if="activeKey === '1'"></Convention> |
|
6 |
</a-tab-pane> |
|
7 |
<a-tab-pane key="2" tab="邮箱管理" force-render> |
|
8 |
<MailboxManagement v-if="activeKey === '2'"></MailboxManagement> |
|
9 |
</a-tab-pane> |
|
10 |
<a-tab-pane key="3" tab="快速文本" |
|
11 |
><QuickText v-if="activeKey === '3'"></QuickText |
|
12 |
></a-tab-pane> |
63d608
|
13 |
<a-tab-pane key="4" tab="文件夹"><Folder v-if="activeKey === '4'" /></a-tab-pane> |
H |
14 |
<a-tab-pane key="5" tab="标签"><Label v-if="activeKey==='5'" /></a-tab-pane> |
cb21a5
|
15 |
<a-tab-pane key="6" tab="黑名单"><Blacklist v-if="activeKey === '6'" /></a-tab-pane> |
2c1249
|
16 |
</a-tabs> |
00fe0e
|
17 |
</div> |
H |
18 |
</template> |
|
19 |
|
|
20 |
<script lang="ts" setup> |
|
21 |
name: 'Utils'; |
|
22 |
import { ref } from 'vue'; |
2c1249
|
23 |
const activeKey = ref('1'); |
H |
24 |
import MailboxManagement from './mailboxManagement.vue'; |
|
25 |
import Convention from './convention.vue'; |
|
26 |
import QuickText from './quickText.vue'; |
63d608
|
27 |
import Folder from './folder.vue'; |
cb21a5
|
28 |
import Label from './label.vue'; |
H |
29 |
import Blacklist from './blacklist.vue' |
00fe0e
|
30 |
</script> |
H |
31 |
<style scoped lang="less"></style> |