From 530f7cd0db27e27e4baef27b9315e3715b8b5a1a Mon Sep 17 00:00:00 2001
From: jiannibang <jiannibang@gmail.com>
Date: Thu, 22 Dec 2022 16:01:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9B=BE=E6=96=87=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CarouselWithIntro/CarouselWithIntro.vue | 10 ++++------
 src/components/PublicComponent/Tabs.vue                | 10 +++++-----
 src/views/Member/Member.vue                            |  2 +-
 3 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/components/CarouselWithIntro/CarouselWithIntro.vue b/src/components/CarouselWithIntro/CarouselWithIntro.vue
index 8b37f86..e2ca38f 100644
--- a/src/components/CarouselWithIntro/CarouselWithIntro.vue
+++ b/src/components/CarouselWithIntro/CarouselWithIntro.vue
@@ -43,17 +43,16 @@ const qr = computed(() => props.data.qrFileList ?? [])
 <style lang="scss" scoped>
 .benefits-wrapper {
   display: flex;
-  flex-direction: column;
   width: 100%;
   flex: 1;
-  align-items: center;
-  padding-top: 48px;
-
+  align-items: flex-start;
+  padding-top: 100px;
+  padding-left: 63px;
   .carousel {
+    position: relative;
     flex-shrink: 0;
     width: 944px;
     height: 548px;
-
     overflow: hidden;
     :deep(.swiper) {
       overflow: visible;
@@ -89,7 +88,6 @@ const qr = computed(() => props.data.qrFileList ?? [])
   }
 }
 .title {
-  padding-top: 32px;
   padding-left: 68px;
   font-weight: 700;
   font-size: 28px;
diff --git a/src/components/PublicComponent/Tabs.vue b/src/components/PublicComponent/Tabs.vue
index af9e39d..c1f9059 100644
--- a/src/components/PublicComponent/Tabs.vue
+++ b/src/components/PublicComponent/Tabs.vue
@@ -23,21 +23,21 @@ const goPage = item => {
 <style lang="scss" scoped>
 .tabs {
   position: fixed;
-  top: 400px;
-  left: 68px;
-  right: 68px;
+  top: 156px;
+  left: 456px;
+  right: 456px;
   display: flex;
   .item {
     position: relative;
     display: flex;
     flex-direction: column;
     flex: 1;
-    height: 170px;
+    height: 124px;
     .icon {
       display: flex;
       justify-content: center;
       align-items: center;
-      height: 97px;
+      height: 80px;
       background: rgba(255, 255, 255, 0.4);
       border-radius: 24px;
       img {
diff --git a/src/views/Member/Member.vue b/src/views/Member/Member.vue
index 0350e03..278a250 100644
--- a/src/views/Member/Member.vue
+++ b/src/views/Member/Member.vue
@@ -1,5 +1,5 @@
 <template>
-  <View long>
+  <View>
     <CarouselWithIntro :data="benefits" />
   </View>
 </template>