如何完成一个遮罩层

html

<div v-if="number" class="ak-number-tier">
	<div class="ak-number-tier-content">
		gfkdjgdbdggddbnmndugjxvnbgh
	</div>					
</div>

css

.ak-number-tier{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
}
.ak-number-tier-content{
	width: 70%;
	height: 70%;
	position: fixed;
	top: 15%;
	left: 15%;
	right: 0;
	bottom: 0;
	background-color: #F8F9FA;
	border-radius: 1rem;
}

js

changeclick(){
	this.number = true
	},

成品