<!--
 * @Description: 
 * @Version: 2.0
 * @Autor: 章造
 * @Date: 2020-06-29 17:49:34
 * @LastEditors: 李璕
 * @LastEditTime: 2020-10-10 14:49:05
--> 
<template>
    <div class="see-space" :style="height" v-if="isShow"></div>
</template>

<script>
import permissionMixin from "./permission-mixin";
export default {
    name: "see-space",
    props: {
        componentData: {
            required: false,
        },
    },
    mixins: [permissionMixin],
    data() {
        return {};
    },
    computed: {
        height() {
            let height = "";
            let temp = this.componentData.space.split("_");
            if (temp[0] === "multiple") {
                this.componentData.commonVariable.isMobile
                    ? (height = `height:${temp[1] * 1 * 4}px`)
                    : (height = `height:${temp[1] * 1 * 8}px`);
            } else {
                height = `height:${temp[1]}px`;
            }
            return height;
        },
    },
    components: {},
    created() {},
};
</script>

<style lang="scss" scoped>
.see-space {
    width: 100%;
    height: 8px;
}
</style>