From abc9fc5b98a308d6d0b2b1b584216ec2b2e16e72 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Fri, 25 Jul 2025 16:49:19 +0800
Subject: [PATCH] =?UTF-8?q?feat(raised-tabbar):=20=20tab=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/raised-tabbar.vue | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/components/raised-tabbar.vue b/components/raised-tabbar.vue
index 39e4982..6558bed 100644
--- a/components/raised-tabbar.vue
+++ b/components/raised-tabbar.vue
@@ -184,18 +184,19 @@ export default {
     height: 60px;
     background: #ffffff;
 
-    // 中间凸起的圆形背景
-    // .raised-circle {
-    //   position: absolute;
-    //   top: -30rpx;
-    //   left: 50%;
-    //   transform: translateX(-50%);
-    //   width: 110rpx;
-    //   height: 110rpx;
-    //   background: #ffffff;
-    //   border-radius: 50%;
-    //   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
-    // }
+    // 使用伪元素创建拱形切口
+    &::before {
+      content: '';
+      position: absolute;
+      top: -20px;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 80px;
+      height: 40px;
+      background: transparent;
+      border-radius: 0 0 40px 40px;
+      box-shadow: 0 20px 0 0 #ffffff;
+    }
 
     // 添加底部安全区域
     &::after {
@@ -285,7 +286,7 @@ export default {
             // box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
             position: relative;
             // 添加呼吸动画
-            animation: breathe 3s ease-in-out infinite;
+            // animation: breathe 3s ease-in-out infinite;
 
             .center-image {
               width: 92rpx;