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
cc9143bdd1
naive-ui/demo/documentation/components/layout/zhCN/basic.demo.md
07akioni 590c61ffd1 build: eslint markdown
2020-12-12 15:33:41 +08:00

837 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
    }
  }
}