vue2.0 popwindow

<template>
    <div class="fill">
        <slot></slot>
        <div v-if="popVisible" class="full" :style="{backgroundColor:bgColor}" style="overflow: hidden"
             @click="$emit('hide');">
            <slot name="pop"></slot>
        </div>
    </div>
</template>
<style lang="less" scoped>
    @import "~styles/base.less";
    .full{
        position: absolute;
        top:0;
        bottom: 0;
        right: 0;
        left: 0;
        justify-content: center;
        align-items: center;
    }

</style>
<script>
    module.exports = {
        props: {
            popVisible: {
                default: false
            },
            bgColor: {
                default: 'rgba(0,0,0,.2)'
            }
        },
        data() {
            return {};
        },
        methods: {},
        created: function () {
        }
    };
</script>