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"> <main :class="{ 'flex-1': full }" class="m-12">
<slot /> <slot />
</main> </main>
<slot v-if="$slots.footer" name="footer" /> <slot name="footer">
<TheFooter v-else-if="showFooter" class="mb-12 mt-auto" /> <TheFooter v-if="showFooter" class="mb-12 mt-auto" />
</slot>
<n-back-top :bottom="20" /> <n-back-top :bottom="20" />
</main> </main>
</template> </template>

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

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

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

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