huangyinfeng
2024-09-13 2c1249888b92a07c1570a4668ae6b15d808be695
提交 | 用户 | 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>
13       <a-tab-pane key="4" tab="文件夹">Content of Tab Pane 3</a-tab-pane>
14       <a-tab-pane key="5" tab="标签">Content of Tab Pane 3</a-tab-pane>
15       <a-tab-pane key="6" tab="黑名单">Content of Tab Pane 3</a-tab-pane>
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';
00fe0e 27 </script>
H 28 <style scoped lang="less"></style>