js - dialog弹框

<a-button @click="show">展示</a-button>

`使用 z-index 是为了让 dialog 的弹框层级高一点`
<dialog ref="dialogRef" class="dog" style="z-index: 99">
	<div>
		<input type="text" />
		<input type="text" />
	</div>
	<a-button @click="close">关闭</a-button>
</dialog>



.dog {
	border-radius: 5px;
}

.dog::backdrop {
	background: rgba(115, 115, 115);
	backdrop-filter: blur(1px);
}