预览

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