From fd7ea51b4f04d16fb211d872a0128789919fa875 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 11 Sep 2025 12:28:51 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=96=B0=E7=BB=84=E4=BB=B6):=20=E5=B0=81?=
 =?UTF-8?q?=E8=A3=85=E9=81=AE=E7=BD=A9=E5=B1=82=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MaskLayer.vue | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/components/MaskLayer.vue

diff --git a/src/components/MaskLayer.vue b/src/components/MaskLayer.vue
new file mode 100644
index 0000000..2082d56
--- /dev/null
+++ b/src/components/MaskLayer.vue
@@ -0,0 +1,31 @@
+<template>
+  <div
+    style="
+      width: 100vw;
+      height: 100vh;
+      background-color: #00000080;
+      position: fixed;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      z-index: 999;
+    "
+    v-show="maskLayerShow"
+  >
+    <div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow-y: auto">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  maskLayerShow: {
+    type: Boolean,
+    required: true,
+  },
+})
+</script>
+
+<style lang="scss" scoped></style>