feat: 设置添加关闭按钮
This commit is contained in:
parent
00ade41a76
commit
c0a1b5606e
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue