github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: space style error when not support flex

pull/4334/head
tangjinzhou 2021-07-06 10:02:26 +08:00
parent a1ffe2ae90
commit e64fb33905
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/space/index.tsx
View File

@ -68,7 +68,7 @@ const Space = defineComponent({
); );
const style = computed(() => { const style = computed(() => {
const gapStyle: CSSProperties = {}; const gapStyle: CSSProperties = {};
if (supportFlexGap) { if (supportFlexGap.value) {
gapStyle.columnGap = `${horizontalSize.value}px`; gapStyle.columnGap = `${horizontalSize.value}px`;
gapStyle.rowGap = `${verticalSize.value}px`; gapStyle.rowGap = `${verticalSize.value}px`;
} }
@ -94,7 +94,7 @@ const Space = defineComponent({
<div class={cn.value} style={style.value}> <div class={cn.value} style={style.value}>
{items.map((child, index) => { {items.map((child, index) => {
let itemStyle: CSSProperties = {}; let itemStyle: CSSProperties = {};
if (!supportFlexGap) { if (!supportFlexGap.value) {
if (direction === 'vertical') { if (direction === 'vertical') {
if (index < latestIndex) { if (index < latestIndex) {
itemStyle = { marginBottom: `${horizontalSizeVal / (split ? 2 : 1)}px` }; itemStyle = { marginBottom: `${horizontalSizeVal / (split ? 2 : 1)}px` };