feat: 图文页面样式更新

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;

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 {

src/views/Member/Member.vue

@@ -1,5 +1,5 @@
 <template>
-  <View long>
+  <View>
     <CarouselWithIntro :data="benefits" />
   </View>
 </template>