<template>
    <uni-popup ref="popup" type="center"
        background-color="#777D90"
        mask-background-color="rgba(0,0,0,0)"
        @change="change">
        <view class="pop-inner">
            <view class="pop-title" v-if="title">{{ title }}</view>
            <view class="pop-content">
                <slot></slot>
            </view>
        </view>
    </uni-popup>
</template>

<script>
export default {
    name: "SlotNotice",
    props: {
        title: {
            type: String,
            default: ''
        }
    },
    data() {
        return {
        }
    },
    methods: {
        open() {
            this.$refs.popup.open()
        },
        close() {
            this.$refs.popup.close()
        },
        change(e) {
        }
    }
}
</script>

<style scoped>
.pop-inner{
	align-items: center;
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	flex-direction: column;
}
:deep(.uni-popup__wrapper.center){
	text-align: center;
	background-color: #777D90;
	color: #fff;
	height: 226px;
	width: 504px;
	font-size: 28px;
	border-radius: 30px;
}
</style>
