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

Loading…
Cancel
Save