feat: 活动页面更新

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>

src/views/Activities/Activities.vue

@@ -1,5 +1,5 @@
 <template>
-  <View long>
+  <View>
     <ActivitiesList :list="activityList" />
   </View>
 </template>