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 @@
+
+
@@ -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 {