部分修改

shuishen

2022-07-13 2a547086974c31dd7a1ebc3c85c5afc6bf4cc999

 src/components/publicBox/index.vue

@@ -1,10 +1,12 @@
<template>
    <div ref="publicBox">
        <div class="header">
            <slot name="public-box-header"></slot>
        </div>
        <div class="content">
            <slot name="public-box-content"></slot>
    <div class="current-wrapper" @click="close">
        <div ref="publicBox" :class="className">
            <div class="header">
                <slot name="public-box-header"></slot>
            </div>
            <div class="content">
                <slot name="public-box-content"></slot>
            </div>
        </div>
    </div>
</template>
@@ -13,6 +15,7 @@

export default {
    name: 'PublicBox',
    props: ['className'],
    data () {
        return {
        }
@@ -20,10 +23,21 @@
    created () {
    },
    methods: {

        close () {
            this.$parent.closeCurrentPopup()
        }
    }
}
</script>

<style scoped lang='scss'>
.current-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
}
</style>