<template>
    <div class="wrapper_bar">
        <el-scrollbar >
            <div class="" :style="`padding:${top} ${right} ${bottom} ${left}`">
                <slot></slot>
            </div>
        </el-scrollbar>
    </div>
</template>

<script>
export default {
    props: {
        left: {
            default: "0"
        },
        right: {
            default: "0"
        },
        top: {
            default: "0"
        },
        bottom: {
            default: "0"
        }
    },
    created() {
        // console.log(this.left)
    }
};
</script>

