<template>
  <div class="content">
    <div class="sider-left">
      <slot name="left" />
    </div>
    <div class="sider-right">
      <slot name="right" />
    </div>
  </div>
</template>


<style lang="less" scoped>
.content {
    display: flex;
    padding: 16px 0;
    height: 100%;
    overflow: hidden;
    .sider-left {
        background-color: #F7F8FA;
        border:1px solid #DADADA;
        width: 24%;
        max-width:420px ;
        min-width: 320px;
        color: #666666;
        line-height: 17px;
        overflow: auto;
        height: 100%;
    }
    .sider-right {
        overflow:hidden;
        flex: 1;
        margin-left: 13px;
    }
}
</style>
