From a66789700b48f3dd43961b44b3e0ce155859cd0d Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 25 Sep 2025 12:10:58 +0800
Subject: [PATCH] =?UTF-8?q?style(=E7=AE=A1=E7=90=86=E5=91=98=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83):=20=E5=95=86=E5=93=81=E8=B5=A0=E9=80=81=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ItemDistribution.vue | 21 ++++-----------------
 1 file changed, 4 insertions(+), 17 deletions(-)

diff --git a/src/views/ItemDistribution.vue b/src/views/ItemDistribution.vue
index 34db519..b674616 100644
--- a/src/views/ItemDistribution.vue
+++ b/src/views/ItemDistribution.vue
@@ -70,22 +70,7 @@
 
       <!-- 弹窗 -->
       <!-- 遮罩层 -->
-      <div
-        style="
-          position: absolute;
-          left: 0;
-          right: 0;
-          top: 0;
-          bottom: 0;
-          z-index: 9999;
-          background-color: #00000080;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        "
-        v-show="dialogshow"
-        @click="closedPopup"
-      >
+      <maskLayer :maskLayerShow="dialogshow" @click="closedPopup">
         <div
           style="
             padding: 20px;
@@ -94,6 +79,7 @@
             flex-direction: column;
             align-items: center;
             border-radius: 20px;
+            margin: 20% 5%;
           "
           @click.stop
         >
@@ -137,13 +123,14 @@
             </button>
           </div>
         </div>
-      </div>
+      </maskLayer>
     </div>
   </div>
 </template>
 
 <script setup>
 import MobileHeader from '../components/MobileHeader.vue'
+import maskLayer from '../components/MaskLayer.vue'
 import { onMounted, ref, computed } from 'vue'
 import { getAdminCenterList, giveProps, hasSendGiftsPermission } from '@/api/itemDistribution'
 import { searchUser } from '@/api/userInfo'