Browse Source

chore: Modal padding

master
wangxiang 2 years ago
parent
commit
ad067d09f7
No known key found for this signature in database
GPG Key ID: 1BA7946AB6B232E4
  1. 45
      src/components/Modal/src/BasicModal.vue

45
src/components/Modal/src/BasicModal.vue

@ -25,23 +25,27 @@
</ModalFooter> </ModalFooter>
</template> </template>
<ModalWrapper <a-row class="modal-wrapper">
ref="modalWrapperRef" <a-col :span="24-commentSpan" class="modal-content">
:useWrapper="getProps.useWrapper" <ModalWrapper
:footerOffset="wrapperFooterOffset" ref="modalWrapperRef"
:fullScreen="fullScreenRef" :useWrapper="getProps.useWrapper"
:loading="getProps.loading" :footerOffset="wrapperFooterOffset"
:loading-tip="getProps.loadingTip" :fullScreen="fullScreenRef"
:minHeight="getProps.minHeight" :loading="getProps.loading"
:height="getWrapperHeight" :loading-tip="getProps.loadingTip"
:visible="visibleRef" :minHeight="getProps.minHeight"
:modalFooterHeight="footer !== undefined && !footer ? 0 : undefined" :height="getWrapperHeight"
v-bind="omit(getProps.wrapperProps, 'visible', 'height')" :visible="visibleRef"
@ext-height="handleExtHeight" :modalFooterHeight="footer !== undefined && !footer ? 0 : undefined"
@height-change="handleHeightChange" v-bind="omit(getProps.wrapperProps, 'visible', 'height')"
> @ext-height="handleExtHeight"
<slot/> @height-change="handleHeightChange"
</ModalWrapper> >
<slot/>
</ModalWrapper>
</a-col>
</a-row>
<template v-for="item in Object.keys(omit($slots, 'default'))" #[item]="data"> <template v-for="item in Object.keys(omit($slots, 'default'))" #[item]="data">
<slot :name="item" v-bind="data || {}"/> <slot :name="item" v-bind="data || {}"/>
@ -241,3 +245,10 @@
}, },
}); });
</script> </script>
<style lang="less">
.modal-content{
>.scroll-container{
padding: 14px;
}
}
</style>

Loading…
Cancel
Save