sync：分类页样式重构 https://gitee.com/sheepjs/shopro-uniapp/commit/6cf9a35704330fd1cbfe3487b388ad1242a61c16

pages/index/category.vue

@@ -2,9 +2,10 @@
 <template>
   <s-layout :bgStyle="{ color: '#fff' }" tabbar="/pages/index/category" title="分类">
     <view class="s-category">
-      <view class="three-level-wrap ss-flex ss-col-top" :style="[{ height: pageHeight + 'px' }]">
+      <view class="three-level-wrap ss-flex ss-col-top">
         <!-- 商品分类（左） -->
-        <scroll-view class="side-menu-wrap" scroll-y :style="[{ height: pageHeight + 'px' }]">
+        <view class="side-menu-wrap">
+          <scroll-view scroll-y :style="[{ height: pageHeight + 'px' }]">
             <view
               class="menu-item ss-flex"
               v-for="(item, index) in state.categoryList"
@@ -17,14 +18,10 @@
               </view>
             </view>
           </scroll-view>
+        </view>
         <!-- 商品分类（右） -->
-        <scroll-view
+        <view class="goods-list-box" v-if="state.categoryList?.length">
-          class="goods-list-box"
+          <scroll-view scroll-y :style="[{ height: pageHeight + 'px' }]">
-          scroll-y
-          :style="[{ height: pageHeight + 'px' }]"
-          v-if="state.categoryList?.length"
-          @scrolltolower="handleScrollToLower"
-        >
             <image
               v-if="state.categoryList[state.activeMenu].picUrl"
               class="banner-img"
@@ -52,6 +49,7 @@
           </scroll-view>
         </view>
       </view>
+    </view>
   </s-layout>
 </template>
 
@@ -154,6 +152,9 @@
         height: 100%;
         padding-left: 12rpx;
         background-color: #f6f6f6;
+        position: fixed;
+        left: 0;
+        top: 128rpx;
 
         .menu-item {
           width: 100%;
@@ -224,8 +225,9 @@
 
       .goods-list-box {
         background-color: #fff;
-        width: calc(100vw - 100px);
+        width: calc(100vw - 200rpx);
         padding: 10px;
+        margin-left: 200rpx;
       }
 
       .banner-img {