布局

基础布局

header

content

footer

代码

<r-layout ></r-layout>
  <r-header >
    header
  </r-header>
  <r-content >
    content
  </r-content>
  <r-footer >
    footer
  </r-footer>
</r-layout>

侧边栏布局 1

header

aside close

content

footer

代码

<r-layout>
  <r-header>
    header
  </r-header>
  <r-layout>
    <r-aside closeVisible>
      aside
    </r-aside>
    <r-content>
      content
    </r-content>
  </r-layout>
  <r-footer>
    footer
  </r-footer>
</r-layout>

侧边栏布局 2

aside

header

content

footer

代码

<r-layout>
  <r-aside>
    aside
  </r-aside>
  <r-layout>
    <r-header>
      header
    </r-header>
    <r-content>
      content
    </r-content>
    <r-footer>
      footer
    </r-footer>
  </r-layout>
</r-layout>