From d908f3ce2659b207aa007d1715ebd44881fab0d4 Mon Sep 17 00:00:00 2001
From: Hooray Hu <304327508@qq.com>
Date: Tue, 2 Jan 2024 00:28:43 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20FixedActionBar=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E9=98=B4=E5=BD=B1=E6=A0=B7=E5=BC=8F=E6=9C=AA?=
 =?UTF-8?q?=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FixedActionBar/index.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/FixedActionBar/index.vue b/src/components/FixedActionBar/index.vue
index be80a6ae..2a80ea21 100755
--- a/src/components/FixedActionBar/index.vue
+++ b/src/components/FixedActionBar/index.vue
@@ -28,10 +28,18 @@ function onScroll() {
 
 <template>
   <div
-    class="bottom-0 z-4 bg-[var(--g-container-bg)] p-5 text-center transition" :class="[
-      isBottom ? 'shadow-[0_0_1px_0_var(--g-box-shadow-color)]' : 'shadow-[0_-10px_10px_-10px_var(--g-box-shadow-color)]',
-    ]" data-fixed-calc-width
+    class="fixed-action-bar bottom-0 z-4 bg-[var(--g-container-bg)] p-5 text-center transition" :class="{ shadow: !isBottom }" data-fixed-calc-width
   >
     <slot />
   </div>
 </template>
+
+<style lang="scss" scoped>
+.fixed-action-bar {
+  box-shadow: 0 0 1px 0 var(--g-box-shadow-color);
+
+  &.shadow {
+    box-shadow: 0 -10px 10px -10px var(--g-box-shadow-color);
+  }
+}
+</style>