react 可拖拽宽度两列布局组件

最新推荐文章于 2024-08-13 08:33:48 发布

lemonreds

最新推荐文章于 2024-08-13 08:33:48 发布

阅读量1.8k

点赞数

分类专栏： React

本文链接：https://blog.csdn.net/Shuphen/article/details/108769646

版权

React 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

预览

在这里插入图片描述

使用例子

<DraggleLayout
        containerWidth={550}
        containerHeight={220}
        min={50}
        max={500}
        initLeftWidth={100}
        handler={
          <div
            style={{
              width: 4,
              height: '100%',
              background: 'rgb(77, 81, 100)',
            }}
          />
        }
      >
        <div
          style={{
            backgroundColor: `rgb(36, 205, 208)`,
            color: `#fff`,
            height: '100%',
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
          }}
        >
          left
        </div>
        <div
          style={{
            backgroundColor: `rgb(116, 140, 253)`,
            color: `#fff`,
            height: '100%',
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
          }}
        >
          right
        </div>
      </DraggleLayout>