feat: 设置添加关闭按钮

This commit is contained in:
ChenZhaoYu 2023-03-11 16:16:35 +08:00
parent 00ade41a76
commit c0a1b5606e
1 changed files with 4 additions and 4 deletions

View File

@ -1,6 +1,6 @@
<script setup lang='ts'> <script setup lang='ts'>
import { computed, ref } from 'vue' import { computed, ref } from 'vue'
import { NCard, NModal, NTabPane, NTabs } from 'naive-ui' import { NModal, NTabPane, NTabs } from 'naive-ui'
import General from './General.vue' import General from './General.vue'
import About from './About.vue' import About from './About.vue'
import { SvgIcon } from '@/components/common' import { SvgIcon } from '@/components/common'
@ -30,8 +30,8 @@ const show = computed({
</script> </script>
<template> <template>
<NModal v-model:show="show" :auto-focus="false"> <NModal v-model:show="show" :auto-focus="false" preset="card" style="width: 95%; max-width: 640px">
<NCard role="dialog" aria-modal="true" :bordered="false" style="width: 95%; max-width: 640px"> <div>
<NTabs v-model:value="active" type="line" animated> <NTabs v-model:value="active" type="line" animated>
<NTabPane name="General" tab="General"> <NTabPane name="General" tab="General">
<template #tab> <template #tab>
@ -50,6 +50,6 @@ const show = computed({
<About /> <About />
</NTabPane> </NTabPane>
</NTabs> </NTabs>
</NCard> </div>
</NModal> </NModal>
</template> </template>