fix(shop): 修正左右分栏高度适配问题

- 左侧分类栏 ScrollView 高度由 h-screen 修改为 h-full
- 右侧排序栏及商品列表容器高度由 h-screen 修改为 h-full
- 商品列表 ScrollView 添加 min-h-0 用于改善滚动高度限制
This commit is contained in:
2026-07-04 13:48:22 +08:00
parent 45207d519f
commit df5886a62d

View File

@@ -204,7 +204,7 @@ const ShopPage: React.FC = () => {
{/* 左右分栏 */}
<View className='flex flex-1 min-h-0'>
{/* 左侧分类栏 */}
<ScrollView scrollY className='w-20 bg-gray-100 h-screen flex-shrink-0'>
<ScrollView scrollY className='w-20 bg-gray-100 h-full flex-shrink-0'>
{categoryList.map(cat => (
<View
key={cat.categoryId || cat.id}
@@ -221,7 +221,7 @@ const ShopPage: React.FC = () => {
</ScrollView>
{/* 右侧:排序栏 + 商品列表 */}
<View className='flex-1 flex flex-col h-screen min-w-0'>
<View className='flex-1 flex flex-col h-full min-w-0'>
{/* 排序栏 */}
<View className='flex items-center bg-white py-2 border-b border-gray-100 flex-shrink-0'>
{SORT_TABS.map(tab => (
@@ -252,7 +252,7 @@ const ShopPage: React.FC = () => {
{/* 商品列表 */}
<ScrollView
scrollY
className='flex-1'
className='flex-1 min-h-0'
onScrollToLower={handleLoadMore}
lowerThreshold={100}
>