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

---
 src/components/ActivitiesList/ActivitiesList.vue | 9 +++++----
 src/views/Activities/Activities.vue              | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/ActivitiesList/ActivitiesList.vue b/src/components/ActivitiesList/ActivitiesList.vue
index f64f726..d70911e 100644
--- a/src/components/ActivitiesList/ActivitiesList.vue
+++ b/src/components/ActivitiesList/ActivitiesList.vue
@@ -1,5 +1,5 @@
 <template>
-  <ScrollView class="scroll" :list="list" scrollbar>
+  <ScrollView class="scroll" :list="list" scrollX>
     <TransitionGroup name="zoom" tag="div" class="scroll-content">
       <div :class="['content-item', item === activity ? 'd' : '']" v-for="item of list" :key="item.activityId">
         <div class="front">
@@ -85,11 +85,9 @@ const { config } = storeToRefs(store)
     }
   }
   .scroll-content {
-    width: 100%;
     display: inline-flex;
-    flex-direction: column;
     align-items: center;
-    padding: 48px 0;
+    padding: 100px 68px;
   }
   .content-item {
     position: relative;
@@ -221,5 +219,8 @@ const { config } = storeToRefs(store)
       }
     }
   }
+  .content-item + .content-item {
+    margin-left: 32px;
+  }
 }
 </style>
diff --git a/src/views/Activities/Activities.vue b/src/views/Activities/Activities.vue
index d0baabc..fff9e1c 100644
--- a/src/views/Activities/Activities.vue
+++ b/src/views/Activities/Activities.vue
@@ -1,5 +1,5 @@
 <template>
-  <View long>
+  <View>
     <ActivitiesList :list="activityList" />
   </View>
 </template>