search

MrXujiang / h5-Dooring

H5 Page Maker, H5 Editor, LowCode. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台.
https://dooring.vip
GNU General Public License v3.0
8.96k stars 1.68k forks source link

绝对定位组件如何设计 #131

Closed ratelgogo closed 2 years ago

ratelgogo commented 2 years ago

问题描述：使用react-grid-layout时一个组件总是会占据一行空间，但是有些组件像回到顶部等，是需要绝对定位的，这种组件需要如何设计？

MrXujiang commented 2 years ago

问题描述：使用react-grid-layout时一个组件总是会占据一行空间，但是有些组件像回到顶部等，是需要绝对定位的，这种组件需要如何设计？

可以提供容器组件, 容器组件内部采用 dnd实现自由拖拽, H5-dooring编辑器和DooringX都是不错的参考, 还可以尝试把react-grid-layout的拖拽阈值设为1

ratelgogo commented 2 years ago

问题描述：使用react-grid-layout时一个组件总是会占据一行空间，但是有些组件像回到顶部等，是需要绝对定位的，这种组件需要如何设计？

可以提供容器组件, 容器组件内部采用 dnd实现自由拖拽, H5-dooring编辑器和DooringX都是不错的参考, 还可以尝试把react-grid-layout的拖拽阈值设为1

拖拽阈值?英文的key是啥？

ratelgogo commented 2 years ago

开启这个属性可以组件拖拽叠加 allowOverlap={true}