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