<template>
  <div id="ComponentLayoutOne">
    <a-layout>
      <a-layout-sider v-bind="siderProps">
        <slot name="left"></slot>
      </a-layout-sider>
      <a-layout>
        <slot></slot>
      </a-layout>
    </a-layout>
  </div>
</template>

<script>
  export default {
    name: 'ComponentLayoutOne',
    props: {
      // Layout.Sider props对象
      siderProps: {
        type: Object,
        default: () => {
          return {}
        }
      }
    },
    data () {
      return {}
    },
    created () {
    },
    mounted () {
    },
    methods: {}
  }
</script>

<style lang="less">
  #ComponentLayoutOne {
    .ant-layout-sider {
      .ant-layout-sider-zero-width-trigger {
        top: 50%;
        background-color: @shadow-color;
        z-index: 2;
      }
    }
  }
</style>
