.

pages/index/components/cover-view-tabbar.vue

@@ -39,10 +39,11 @@
     display: flex;
     justify-content: space-around;
     align-items: center;
-    box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.06);
+    // box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.06);
     z-index: 9999;
     padding-bottom: env(safe-area-inset-bottom);
     background: #fff;
+    border-top: 1px solid rgba(119, 119, 119, 0.25);
 
     .cover-tabbar-item {
       width: 20%;

pages/index/components/user-tryOn.vue

@@ -61,9 +61,33 @@
       .record-li {
         width: 25%;
         height: 272rpx;
-        border: 1px solid #000;
         box-sizing: border-box;
         overflow: hidden;
+        position: relative;
+
+        &::after {
+          content: '';
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 200%;
+          height: 200%;
+          border-right: 1px solid #000;
+          border-bottom: 1px solid #000;
+          transform: scale(0.5);
+          transform-origin: 0 0;
+          pointer-events: none;
+          box-sizing: border-box;
+        }
+        &:nth-child(4n + 1)::after {
+          border-left: 1px solid #000;
+        }
+        &:nth-child(1)::after,
+        &:nth-child(2)::after,
+        &:nth-child(3)::after,
+        &:nth-child(4)::after {
+          border-top: 1px solid #000;
+        }
       }
     }
   }

sheep/ui/su-tabbar/su-tabbar.vue

@@ -204,7 +204,8 @@
       display: flex;
       flex-direction: column;
       background-color: #fff;
-      box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.06);
+      // box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.06);
+      border-top: 1px solid rgba(119, 119, 119, 0.25);
 
       &__item-wrapper {
         height: 50px;