From 1df0c924ec06c4b0919c1272b5669c0cdd29e4e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E9=B9=8F?= <yangpeng01@agree.com.cn>
Date: Fri, 17 Oct 2025 23:29:12 +0800
Subject: [PATCH] .

---
 pages/index/components/cover-view-tabbar.vue | 17 ++++++++++++++++-
 sheep/ui/su-tabbar/su-tabbar.vue             | 17 ++++++++++++++++-
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/pages/index/components/cover-view-tabbar.vue b/pages/index/components/cover-view-tabbar.vue
index b772914..7068f0d 100644
--- a/pages/index/components/cover-view-tabbar.vue
+++ b/pages/index/components/cover-view-tabbar.vue
@@ -9,6 +9,8 @@
       <cover-image class="tabbar-icon" :src="sheep.$url.cdn(item.iconUrl)" />
       <cover-view class="active-line" v-show="activeUrl === item.url" />
     </cover-view>
+
+    <cover-view class="top-line" />
   </cover-view>
 </template>
 
@@ -43,7 +45,20 @@
     z-index: 9999;
     padding-bottom: env(safe-area-inset-bottom);
     background: #fff;
-    border-top: 1px solid rgba(119, 119, 119, 0.25);
+    // border-top: 1px solid rgba(119, 119, 119, 0.25);
+
+    .top-line {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 200%;
+      height: 1px;
+      background: rgba(119, 119, 119, 0.25);
+      transform: scale(0.5);
+      transform-origin: 0 0;
+      pointer-events: none;
+      box-sizing: border-box;
+    }
 
     .cover-tabbar-item {
       width: 20%;
diff --git a/sheep/ui/su-tabbar/su-tabbar.vue b/sheep/ui/su-tabbar/su-tabbar.vue
index e586940..2135acb 100644
--- a/sheep/ui/su-tabbar/su-tabbar.vue
+++ b/sheep/ui/su-tabbar/su-tabbar.vue
@@ -205,7 +205,8 @@
       flex-direction: column;
       background-color: #fff;
       // box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.06);
-      border-top: 1px solid rgba(119, 119, 119, 0.25);
+      // border-top: 1px solid rgba(119, 119, 119, 0.25);
+      position: relative;
 
       &__item-wrapper {
         height: 50px;
@@ -213,6 +214,20 @@
         justify-content: space-around;
         align-items: center;
       }
+
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 200%;
+        height: 200%;
+        border-top: 1px solid rgba(119, 119, 119, 0.25);
+        transform: scale(0.5);
+        transform-origin: 0 0;
+        pointer-events: none;
+        box-sizing: border-box;
+      }
     }
 
     .mid-tabbar {