# LayoutAdapt 自适应布局

- 来源：[E10 UI 组件库](https://www.e-cology.com.cn/ui/layout-adapt/freepass)
- 平台：PC
- 维护者：赵俊飞
- Issue：http://gitlab.ecology10.cn/FRONTEND/weapp-ui/-/issues?state=all&search=[LayoutAdapt]

## 代码演示

### 基础用法

直接引入组件进行使用,当宽度大于1440px,右边区域宽度380px。小于1440px左右区域默认撑满。

```jsx
import React, { Component } from 'react';
import { LayoutAdapt } from '@weapp/ui';

const { Left, Right } = LayoutAdapt;

class LayoutadaptDemo extends Component {
  render() {
    const leftStyle= {
      height: 300,
      background: '#e89'
    }
    const rightStyle= {
      height: 300,
      background: '#eea'
    }
    return (
      <div>
        <LayoutAdapt >
          <Left className="left-name" style={leftStyle}>Left</Left>
          <Right style={rightStyle}>Right</Right>
        </LayoutAdapt>
      </div>
    );
  }
}

export default LayoutadaptDemo;
```

## API

### 参数说明如下：

| 参数 | 说明 | 类型 | 是否必填 | 默认值 |
| --- | --- | --- | --- | --- |
| className | 样式类名 | string | 否 | - |
| style | 样式描述 | CSSProperties | 否 | - |
