ajy/code/ajyApp/components/customPopup/customPopup.nvue

<template>
	<view class="popUpContainer" v-if="isShow" @click="closePop">
		<view class="popUpMaskbox" @click.stop="">
			<slot></slot>
		</view>
	</view>
</template>

<script>
export default {
	name: 'customPopup',
	props: {
		isShow: {
			type: Boolean,
			default: false
		}
	},
	methods: {
		closePop() {
			this.$emit('closePop')
		}
	}
}
</script>

<style>
.popUpContainer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
}
.popUpMaskbox {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ffffff;
	border-top-left-radius: 24rpx;
	border-top-right-radius: 24rpx;
	padding-top: 30rpx;
	padding-bottom: 40rpx;
	padding-left: 30rpx;
	padding-right: 30rpx;
}
</style>