<template>

</template>

<script>
    export default {
        name: "ap-layout-base",
        props: {
            height: {
                type: String,
                default: 'auto'
            },
            margin: {
                type: String,
                default: '0000'
            }
        },
        data() {
            let arr = this.margin.split('');
            let top = arr[0] == "1" ? "10px" : "0px";
            let right = arr[1] == "1" ? "10px" : "0px";
            let bottom = arr[2] == "1" ? "10px" : "0px";
            let left = arr[3] == "1" ? "10px" : "0px";
            return {
                marginValue: top + " " + right + " " + bottom + " " + left,
                heightValue: this.height
            }
        }
    }
</script>