预览

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