From 3c813c932a8c60ddbea3bb10630962ddb988562c Mon Sep 17 00:00:00 2001
From: hajimi <phperbylyh@163.com>
Date: Sun, 2 Aug 2026 01:17:07 +0800
Subject: [PATCH] fix: enable horizontal topic scrolling

---
 uniapp/src/pages/community/community.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/uniapp/src/pages/community/community.vue b/uniapp/src/pages/community/community.vue
index ae46063..8ac3af9 100644
--- a/uniapp/src/pages/community/community.vue
+++ b/uniapp/src/pages/community/community.vue
@@ -29,7 +29,7 @@
         </view>
 
         <view class="community-topics">
-            <scroll-view scroll-x class="community-topics__scroll" show-scrollbar="false">
+            <scroll-view scroll-x class="community-topics__scroll" :show-scrollbar="false">
                 <view class="community-topics__list">
                     <view v-for="tag in featuredTags" :key="tag.id" class="community-topic"
                         :class="{ 'community-topic--active': activeTagId === tag.id }" @tap="selectTag(tag)">
@@ -502,13 +502,13 @@ onShow(() => {
     border-top: 1rpx solid #f4f5f7;
 
     &__scroll {
+        width: 100%;
+        display: block;
         white-space: nowrap;
     }
 
     &__list {
-        display: inline-flex;
-        flex-wrap: nowrap;
-        gap: 16rpx;
+        display: inline-block;
         padding: 0 28rpx;
         white-space: nowrap;
     }
@@ -526,8 +526,14 @@ onShow(() => {
     background: #fff;
     box-sizing: border-box;
     flex-shrink: 0;
+    margin-right: 16rpx;
+    vertical-align: top;
     white-space: nowrap;
 
+    &:last-child {
+        margin-right: 0;
+    }
+
     text {
         font-size: 26rpx;
         font-weight: 500;