xq-layout

24 flexbox grid for web and native

Usage no npm install needed!

<script type="module">
  import xqLayout from 'https://cdn.skypack.dev/xq-layout';
</script>

README

24 flexbox grid for web and native

  • 布局分为行（Row） 和 列（Col）

  • 把 CSS 也单独分出一个模块，这样不用 React 也能实现布局

  • 支持 ReactNative 布局

  • basic

<Row>
  <Col span="24">
    <Col span="8">
      col-8
    </Col>
    <Col span="8">
      col-8
    </Col>
  </Col>
  <Col span="8">
    col-8
  </Col>
</Row>

  • flex

  • flex-align

  • flex-order

  • gutter

  • offset

  • sort

  • reponsive