'货盘页'

pages/products/products.vue

@@ -15,14 +15,7 @@
       @select="selectCountry"
     />
 
-    <!-- 已选筛选标签 -->
-    <ActiveFilters
-      :list="activeFilters"
-      @remove="removeFilter"
-      @clear-all="clearAllFilters"
-    />
-
-    <!-- 主体内容：侧边栏 + 产品列表 -->
+    <!-- 主体内容：左侧分类侧边栏(固定宽度) + 右侧内容区(自动剩余宽度) -->
     <view class="content-body">
       <!-- 左侧分类侧边栏 -->
       <CategorySidebar
@@ -31,24 +24,34 @@
         @select="selectCategory"
       />
 
-      <!-- 右侧产品列表 -->
-      <ProductGrid
-        :list="products"
-        :sub-categories="subCategories"
-        :active-sub-id="activeSubCategory"
-        :total="pagination.total"
-        :current="pagination.current"
-        :page-size="pagination.pageSize"
-        :total-pages="pagination.totalPages"
-        :page-numbers="pageNumbers"
-        :start="pagination.start"
-        :end="pagination.end"
-        :loading="loadingMore"
-        @sub-select="selectSubCategory"
-        @product-click="goDetail"
-        @page-change="loadGoods"
-        @load-more="loadMore"
-      />
+      <!-- 右侧内容区:上方筛选条件 + 下方商品滚动区 -->
+      <view class="right-wrap">
+        <!-- 已选筛选标签(只在右侧顶部出现,不挤压左边) -->
+        <ActiveFilters
+          :list="activeFilters"
+          @remove="removeFilter"
+          @clear-all="clearAllFilters"
+        />
+
+        <!-- 产品列表(内含子分类条件+滚动商品) -->
+        <ProductGrid
+          :list="products"
+          :sub-categories="subCategories"
+          :active-sub-id="activeSubCategory"
+          :total="pagination.total"
+          :current="pagination.current"
+          :page-size="pagination.pageSize"
+          :total-pages="pagination.totalPages"
+          :page-numbers="pageNumbers"
+          :start="pagination.start"
+          :end="pagination.end"
+          :loading="loadingMore"
+          @sub-select="selectSubCategory"
+          @product-click="goDetail"
+          @page-change="loadGoods"
+          @load-more="loadMore"
+        />
+      </view>
     </view>
 
     <!-- 筛选弹窗 -->