From fe70526a9e61dc39c239c1183ee4310792a33f98 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E9=B9=8F?= Date: Thu, 16 Oct 2025 11:04:07 +0800 Subject: [PATCH] . --- pages/index/components/cover-view-tabbar.vue | 3 ++- pages/index/components/user-tryOn.vue | 26 +++++++++++++++++++- sheep/ui/su-tabbar/su-tabbar.vue | 3 ++- 3 files changed, 29 insertions(+), 3 deletions(-) diff --git a/pages/index/components/cover-view-tabbar.vue b/pages/index/components/cover-view-tabbar.vue index 721e9e0..b772914 100644 --- a/pages/index/components/cover-view-tabbar.vue +++ b/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%; diff --git a/pages/index/components/user-tryOn.vue b/pages/index/components/user-tryOn.vue index 21d4a60..d7e8201 100644 --- a/pages/index/components/user-tryOn.vue +++ b/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; + } } } } diff --git a/sheep/ui/su-tabbar/su-tabbar.vue b/sheep/ui/su-tabbar/su-tabbar.vue index 4e13166..e586940 100644 --- a/sheep/ui/su-tabbar/su-tabbar.vue +++ b/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;