如图，
红色的是一个 panel ，然后里面有两个 palette ，绿色和蓝色。中间有一个空白区域，或者是一个 bar ，黄色的。然后拖动这个黄色的 bar （上下拖动），能够 resize 绿色和蓝色的大小。
这个以前做 c#的时候，好像很容易，有个 splitbar ，放上去就自动工作了。现在网页上面，用 react ，不知道有没有类似的组件，或者有没有 code sample ，能够实现这样的功能。或者，大家有没有主意 /提示，如何实现？
万分感谢！
如图，
红色的是一个 panel ，然后里面有两个 palette ，绿色和蓝色。中间有一个空白区域，或者是一个 bar ，黄色的。然后拖动这个黄色的 bar （上下拖动），能够 resize 绿色和蓝色的大小。
这个以前做 c#的时候，好像很容易，有个 splitbar ，放上去就自动工作了。现在网页上面，用 react ，不知道有没有类似的组件，或者有没有 code sample ，能够实现这样的功能。或者，大家有没有主意 /提示，如何实现？
万分感谢！
 |
2
YAYALUOYA Nov 2, 2021
浏览器上不是很容易实现吗
|
 |
3
BQsummer Nov 2, 2021
|
 |
6
milkzizi Nov 3, 2021
flex 布局很好实现，一个设定高度，一个 flex:1
拖动 bar 的时候根据鼠标移动 Y 的差来改第一个的高度，第二个自适应 |
Select Language