### 基本用法

层次结构：

```npm
fox-page
--fox-header-bar
--fox-footer-bar
--fox-content
--fox-group +

```

HTML

```
 <!--page每个页面的root元素-->
<fox-page group-header-width="120px">
  <!--header bar-->
  <fox-header-bar></fox-header-bar>
  <!--footer bar必须在fox-content的上面-->
  <fox-footer-bar align="right">  <!--align的值有left、center、right 默认为right-->
    <fox-button type="primary" size="small" round>提交</fox-button>
    <fox-button type="success" size="small" round>取消</fox-button>
    </fox-footer-bar>
    <!--page内容区域-->
    <fox-content>
      <fox-group no="1" title="四列+跨列" class="my-group" label-width="80px" column="2" style="width:100%">
        <!--分组内容-->
      </fox-group>
    </fox-content>
</fox-page>
```

```html
<md-page disabled="true" readonly="true"></md-page>
```