feat: 图片浏览器的样式调整

src/components/ImageSwiper/styles/index.scss

@@ -25,6 +25,9 @@
   display: flex;
   align-items: flex-end;
   flex-direction: row;
+  flex-wrap: nowrap;
+  max-width: 100%;
+  box-sizing: border-box;
 }
 
 .custom-indicator {
@@ -32,6 +35,9 @@
   background: rgba(0, 0, 0, 0.5);
   border-radius: $uni-border-radius-50px;
   padding: 0 6px 4px 8px;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  white-space: nowrap;
 }
 
 .custom-indicator-text {
@@ -43,7 +49,9 @@
 }
 
 .thumbnail-scroll {
-  flex: 1;
+  flex: 1 1 auto;
+  min-width: 0; // 允许在flex容器中收缩以适配剩余空间
+  overflow: auto; // 防止超出thumbnail-box的宽度
   height: 100%;
   white-space: nowrap;
 }
@@ -71,7 +79,7 @@
   height: 36px;
   border-radius: 8px;
   box-sizing: border-box;
-  border: 2px solid transparent;
+  border: 1px solid #171717;
   transition: all 0.3s ease;
   display: block;
 }

src/pages/index/components/module/DetailCardCompontent/index.vue

@@ -2,7 +2,7 @@
   <view class="w-full">
     <template v-if="toolCall.picture && toolCall.picture.length > 0">
       <ModuleTitle :title="图片详情" />
-      <ImageSwiper :images="toolCall.picture" />
+      <ImageSwiper :images="toolCall.picture" thumbnailBottom="12px" />
     </template>
 
     <template v-if="toolCall.commodityList">

src/pages/index/components/module/RecommendPostsList/index.vue

@@ -20,7 +20,7 @@
         </view>
 
         <view class="card-text border-box">
-          <view class="color-171717 font-size-14 line-height-20">
+          <view class="color-171717 font-size-14 line-height-20 ellipsis-1">
             {{ item.topic }}
           </view>
           <view class="font-size-11 color-99A0AE">