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