https://github.com/dxcweb/dxc-flex

react版本flex简写布局,支持native
https://github.com/dxcweb/dxc-flex

Last synced: about 1 year ago
JSON representation

react版本flex简写布局,支持native

• Host: GitHub
• URL: https://github.com/dxcweb/dxc-flex
• Owner: dxcweb
• Created: 2018-02-06T07:43:00.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-02-14T13:37:43.000Z (over 3 years ago)
• Last Synced: 2025-05-07T21:07:23.852Z (about 1 year ago)
• Language: JavaScript
• Size: 3.56 MB
• Stars: 3
• Watchers: 0
• Forks: 0
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          
# dxc-flex

dxc-flex是一套简洁、优雅的react flex布局组件。  

完整的TypedDefinition，ide提示快速完成开发。

## install

```

yarn add dxc-flex

```

## Example

[位置](http://www.dxcweb.com/api/dxc-flex/examples/simple.html)  

[布局方式](http://www.dxcweb.com/api/dxc-flex/examples/layout.html)  

[Flex布局](http://www.dxcweb.com/api/dxc-flex/examples/flex.html)  

## API

        

          

            Name

            Type

            Default

            Description

          

        

        

          

            layout

            String

            horizontal

            布局方式: horizontal（水平布局），vertical（垂直布局），flow（流布局）

          

          

            horizontal

            String

            start

            水平方向: start（开始）center（居中）end（结束），around与between只能在 layout="horizontal"时有效。

          

          

            vertical

            String

            start

            垂直方向: start（开始）center（居中）end（结束），around与between只能在 layout="vertical"时有效。

          

          

            el

            React.ReactNode | String

            div

            自定元素可以是react的组件也可以是html标签