diff --git a/pages/cloud/haveFun.vue b/pages/cloud/haveFun.vue
index 41a657a..64d2817 100644
--- a/pages/cloud/haveFun.vue
+++ b/pages/cloud/haveFun.vue
@@ -41,7 +41,6 @@
         </view>
       </view>
       <view>
-        
         <view class="type-box flex" id="type-box">
           <view class="first-box">
             <view class="first-box__inner">
@@ -57,22 +56,23 @@
               </view>
             </view>
           </view>
-          <scroll-view  style="padding-left: 0" class="type-box flex " scroll-x enable-flex>
-            <view class="scroll-box">
-              <view
-                v-for="(item, index) in typeList"
-                :key="index"
-                :class="{
-                  'active': typeIndex === index
-                }"
-                class="item flex-0 flex flex-col jc-center ai-center"
-                @click="tapType(index)"
-              >
-                <image :src="item.icon" mode="scaleToFill"/>
-                <view class="name">{{ item.name }}</view>
-              </view>
+          <!-- <view style="padding-left: 0" class="type-box flex " >
+            
+          </view> -->
+          <view class="scroll-box">
+            <view
+              v-for="(item, index) in typeList"
+              :key="index"
+              :class="{
+                'active': typeIndex === index
+              }"
+              class="item flex-0 flex flex-col jc-center ai-center"
+              @click="tapType(index)"
+            >
+              <image :src="item.icon" mode="scaleToFill"/>
+              <view class="name">{{ item.name }}</view>
             </view>
-          </scroll-view>
+          </view>
         </view>
       </view>
     </view>
@@ -628,6 +628,7 @@ export default {
   display: flex;
   height: fit-content;
   background: #fff;
+  overflow-x: scroll;
   padding: 10rpx;
   border-radius: 30rpx;
 }