grid-layout-plus icon indicating copy to clipboard operation
grid-layout-plus copied to clipboard

这个margin为什么这么奇怪,难道是我理解错了?不是给这个GridItem元素加的外边距吗

Open myby7000p opened this issue 2 months ago • 2 comments

`GridLayout ref="gridLayout" v-model:layout="layout" :row-height="1" :col-num="36" :margin="[1,1]"> GridItem v-for="layoutItem in layout" :key="layoutItem.i" :x="layoutItem.x" :y="layoutItem.y" :w="layoutItem.w" :h="layoutItem.h" :i="layoutItem.i" :minH="layoutItem.h" :maxH="layoutItem.h" > </GridItem </GridLayout

const layout=ref([ { x: 0, y: 0, w: 5.5, h: 250, i: 'workFlow', }, ])`

我这想实现的是,页面展示一个高度为250px的一个元素,边距上下左右都是1px,但是我margin 设置为1 元素的高度变成了501,那这不就说明这个margin 相当于给每一个格都加了个外边距么?那我要想实现高度就是h这个参数,边距还是我指定的1px,这种需求怎么实现?

myby7000p avatar Oct 17 '25 07:10 myby7000p

高度的计算不应该是h*row-height 吗?为什么差距这么大?

myby7000p avatar Oct 17 '25 08:10 myby7000p

能设计成自定义高度的算法吗,这默认的高度计算方法完全不是我想要的,默认的计算方法和margin相关联的导致计算出来的高度差距很大

myby7000p avatar Oct 20 '25 02:10 myby7000p