预览
<Layout><template #left><div class="left">左边栏区域,宽度适应内容,溢出隐藏</div></template><template #main><div class="main">中间区域</div></template><template #right><div class="right">右边栏区域</div></template>
</Layout>

插槽
| 插槽名 | 含义 |
|---|---|
| default | 中间主区域 |
| left | 左边栏 |
| right | 右边栏 |
引用代码
使用
<Layout><template #left><div class="left">左边栏区域,宽度适应内容,溢出隐藏</div></template>
</Layout>
组件
<div class="layout-container"><div class="left"><slot name="left"></slot></div>
</div>