From 919bedcc0ede733fca53a97fe01a687032bee4d8 Mon Sep 17 00:00:00 2001
From: haoxr <1490493387@qq.com>
Date: Sat, 21 Jan 2023 15:27:12 +0800
Subject: [PATCH] =?UTF-8?q?fix(layout):=20=E7=AA=84=E5=B1=8F=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F=E4=B8=8B=E7=82=B9=E5=87=BB=E7=A9=BA=E7=99=BD=E5=85=B3?=
 =?UTF-8?q?=E9=97=AD=E8=8F=9C=E5=8D=95=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: 990a347264c7151fe05c4c1c43a08a0042ecc019
---
 src/layout/index.vue | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/layout/index.vue b/src/layout/index.vue
index 511aa00..6d4beb6 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -10,7 +10,6 @@ import { useSettingsStore } from '@/store/modules/settings';
 
 const { width } = useWindowSize();
 
-
 /**
  * 响应式布局容器固定宽度
  *
@@ -60,6 +59,7 @@ function handleOutsideClick() {
     <!-- 手机设备 && 侧边栏 → 显示遮罩层 -->
     <div
       v-if="classObj.mobile && classObj.openSidebar"
+      class="drawer-bg"
       @click="handleOutsideClick"
     ></div>
 
@@ -84,7 +84,7 @@ function handleOutsideClick() {
 
 <style lang="scss" scoped>
 .app-wrapper {
-   &:after {
+  &:after {
     content: '';
     display: table;
     clear: both;
@@ -99,15 +99,6 @@ function handleOutsideClick() {
     top: 0;
   }
 }
-.drawer-bg {
-  background: #000;
-  opacity: 0.3;
-  width: 100%;
-  top: 0;
-  height: 100%;
-  position: absolute;
-  z-index: 999;
-}
 
 .fixed-header {
   position: fixed;
@@ -123,4 +114,14 @@ function handleOutsideClick() {
 .mobile .fixed-header {
   width: 100%;
 }
+
+.drawer-bg {
+  background: #000;
+  opacity: 0.3;
+  width: 100%;
+  top: 0;
+  height: 100%;
+  position: absolute;
+  z-index: 999;
+}
 </style>
-- 
GitLab