mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-27 05:00:48 +08:00
Code Issues Packages Projects Releases Wiki Activity
c3a3f70591
naive-ui/demo/documentation/components/layout/zhCN/basic.md
07akioni 28a797faa6 doc(layout): zh-cn
2020-02-03 20:13:14 +08:00

917 B
Raw Blame History

基础用法

<n-layout>
  <n-layout-header>
    酷的页头
  </n-layout-header>
  <n-layout-content>
    酷的内容
  </n-layout-content>
  <n-layout-footer>
    酷的页脚
  </n-layout-footer>
</n-layout>
<br>
<n-layout>
  <n-layout-header>
    酷的页头
  </n-layout-header>
  <n-layout>
    <n-layout-sider>
      酷的边栏
    </n-layout-sider>
    <n-layout-content>
      酷的内容
    </n-layout-content>
  </n-layout>
  <n-layout-footer>
    酷的页脚
  </n-layout-footer>
</n-layout>
<br>
<n-layout>
  <n-layout-sider>
    酷的边栏
  </n-layout-sider>
  <n-layout>
    <n-layout-header>
      酷的页头
    </n-layout-header>
    <n-layout-content>
      酷的内容
    </n-layout-content>
    <n-layout-footer>
      酷的页脚
    </n-layout-footer>
  </n-layout>
</n-layout>

export default {
  data () {
    return {
      collapsed: false
    }
  }
}