# iwe7-layout

**Repository Path**: iwe7/iwe7-layout

## Basic Information

- **Project Name**: iwe7-layout
- **Description**: angular移动端布局组件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-06-11
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### iwe7 layout

| 属性           | 说明       | 默认值                     |
|--------------|----------|-------------------------|
| headerHeight | 头高度      | 45px                    |
| footerHeight | footer高度 | 45px                    |
| pullingDown  | 下拉事件     | `res.finishPullDown();` |
| pullUpLoad   | 上拉事件     | `res.finishPullUp();`   |


```html
<layout-outlet #outlet="layoutOutlet">
  <div header>
    <navbar-outlet #navbar='navbarOutlet'>
      <div navbarLeft (click)="outlet.showMenu('left')">左</div>
      <div navbarTitle>navbar header</div>
      <div navbarRight (click)="outlet.showMenu('right')">右</div>
    </navbar-outlet>
  </div>
  <router-outlet></router-outlet>
  <div footer>
    <navbar-outlet #navbar='navbarOutlet'>
      <div navbarLeft (click)="outlet.showMenu('top')">上</div>
      <div navbarTitle>navbar footer</div>
      <div navbarRight (click)="outlet.showMenu('bottom')">下</div>
    </navbar-outlet>
  </div>
</layout-outlet>
```