2020-02-03 20:13:14 +08:00
|
|
|
# 基础用法
|
2020-01-02 23:21:10 +08:00
|
|
|
```html
|
|
|
|
|
<n-layout>
|
|
|
|
|
<n-layout-header>
|
2020-02-03 20:13:14 +08:00
|
|
|
酷的页头
|
2020-01-02 23:21:10 +08:00
|
|
|
</n-layout-header>
|
|
|
|
|
<n-layout-content>
|
2020-02-03 20:13:14 +08:00
|
|
|
酷的内容
|
2020-01-02 23:21:10 +08:00
|
|
|
</n-layout-content>
|
|
|
|
|
<n-layout-footer>
|
2020-02-03 20:13:14 +08:00
|
|
|
酷的页脚
|
2020-01-02 23:21:10 +08:00
|
|
|
</n-layout-footer>
|
|
|
|
|
</n-layout>
|
|
|
|
|
<br>
|
|
|
|
|
<n-layout>
|
|
|
|
|
<n-layout-header>
|
2020-02-03 20:13:14 +08:00
|
|
|
酷的页头
|
2020-01-02 23:21:10 +08:00
|
|
|
</n-layout-header>
|
|
|
|
|
<n-layout>
|
|
|
|
|
<n-layout-sider>
|
2020-02-03 20:13:14 +08:00
|
|
|
酷的边栏
|
2020-01-02 23:21:10 +08:00
|
|
|
</n-layout-sider>
|
|
|
|
|
<n-layout-content>
|
2020-02-03 20:13:14 +08:00
|
|
|
酷的内容
|
2020-01-02 23:21:10 +08:00
|
|
|
</n-layout-content>
|
|
|
|
|
</n-layout>
|
|
|
|
|
<n-layout-footer>
|
2020-02-03 20:13:14 +08:00
|
|
|
酷的页脚
|
2020-01-02 23:21:10 +08:00
|
|
|
</n-layout-footer>
|
|
|
|
|
</n-layout>
|
|
|
|
|
<br>
|
|
|
|
|
<n-layout>
|
|
|
|
|
<n-layout-sider>
|
2020-02-03 20:13:14 +08:00
|
|
|
酷的边栏
|
2020-01-02 23:21:10 +08:00
|
|
|
</n-layout-sider>
|
|
|
|
|
<n-layout>
|
|
|
|
|
<n-layout-header>
|
2020-02-03 20:13:14 +08:00
|
|
|
酷的页头
|
2020-01-02 23:21:10 +08:00
|
|
|
</n-layout-header>
|
|
|
|
|
<n-layout-content>
|
2020-02-03 20:13:14 +08:00
|
|
|
酷的内容
|
2020-01-02 23:21:10 +08:00
|
|
|
</n-layout-content>
|
|
|
|
|
<n-layout-footer>
|
2020-02-03 20:13:14 +08:00
|
|
|
酷的页脚
|
2020-01-02 23:21:10 +08:00
|
|
|
</n-layout-footer>
|
|
|
|
|
</n-layout>
|
|
|
|
|
</n-layout>
|
|
|
|
|
```
|
|
|
|
|
```js
|
|
|
|
|
export default {
|
|
|
|
|
data () {
|
|
|
|
|
return {
|
|
|
|
|
collapsed: false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
```
|
