bd4rr/vue-naive-admin
1
0
Fork 0
mirror of https://github.com/zclzone/vue-naive-admin.git synced 2025-05-01 14:49:00 +08:00
Code

fix(slot): 优化部分slot写法,减少手动判断

Browse Source
This commit is contained in:
leipu 2024-11-13 10:25:42 +08:00
parent 69e6e9a14a
commit 2b36f535c7
3 changed files with 24 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/common/AppPage.vue
View File

@ -11,8 +11,9 @@
<main :class="{ 'flex-1': full }" class="m-12">
<slot />
</main>
<slot v-if="$slots.footer" name="footer" />
<TheFooter v-else-if="showFooter" class="mb-12 mt-auto" />
<slot name="footer">
<TheFooter v-if="showFooter" class="mb-12 mt-auto" />
</slot>
<n-back-top :bottom="20" />
</main>
</template>

5
src/components/common/CommonPage.vue
View File

@ -39,10 +39,11 @@
<slot />
</AppCard>
<slot v-if="$slots.footer" name="footer" />
<AppCard v-else-if="showFooter" class="flex-shrink-0 py-12">
<slot name="footer">
<AppCard v-if="showFooter" class="flex-shrink-0 py-12">
<TheFooter />
</AppCard>
</slot>
</main>
</template>

5
src/components/me/modal/index.vue
View File

@ -26,8 +26,8 @@
<!-- 底部按钮 -->
<template #footer>
<slot v-if="$slots.footer" name="footer" />
<footer v-else-if="modalOptions.showFooter" class="flex justify-end">
<slot name="footer">
<footer v-if="modalOptions.showFooter" class="flex justify-end">
<n-button v-if="modalOptions.showCancel" @click="handleCancel()">
{{ modalOptions.cancelText }}
</n-button>
@ -41,6 +41,7 @@
{{ modalOptions.okText }}
</n-button>
</footer>
</slot>
</template>
</n-card>
</n-modal>