From b44b3354b9e9f67ebc9437f82eec90abd0354749 Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Thu, 16 Jul 2026 20:08:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=91=B8=E5=A4=A7=E7=BA=A2?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=88=86=E7=B1=BB=E6=A0=8F=E4=B8=BB?=
 =?UTF-8?q?=E9=A2=98=E8=89=B2=E4=B8=8E=E5=9B=BA=E5=AE=9A=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

选中态改为主题橙，左侧分类固定仅右侧商品列表滚动。
---
 .../mohong/views/MobileMohongListView.vue     | 31 +++++++++++++------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/frontend/src/features/mohong/views/MobileMohongListView.vue b/frontend/src/features/mohong/views/MobileMohongListView.vue
index b61f9ac..4569a8f 100644
--- a/frontend/src/features/mohong/views/MobileMohongListView.vue
+++ b/frontend/src/features/mohong/views/MobileMohongListView.vue
@@ -270,15 +270,18 @@ async function handleSupportClick() {
 
 <style scoped>
 .mohong-shell {
-  min-height: 100vh;
+  /* 固定视口高度：仅右侧列表滚动，左侧分类栏不随页面滚走 */
+  height: 100dvh;
+  max-height: 100dvh;
+  overflow: hidden;
   background: #f5f7fb;
-  padding-bottom: calc(64px + env(safe-area-inset-bottom));
+  padding-bottom: calc(52px + env(safe-area-inset-bottom));
   display: flex;
   flex-direction: column;
+  box-sizing: border-box;
 }
 .page-header {
-  position: sticky;
-  top: 0;
+  flex-shrink: 0;
   z-index: 10;
   display: flex;
   align-items: center;
@@ -325,11 +328,17 @@ async function handleSupportClick() {
   display: grid;
   grid-template-columns: 88px minmax(0, 1fr);
   min-height: 0;
+  overflow: hidden;
 }
 .cat-sidebar {
+  height: 100%;
+  min-height: 0;
   background: #f7f8fa;
+  overflow-x: hidden;
   overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
   padding: 8px 0 16px;
+  overscroll-behavior: contain;
 }
 .cat-item {
   display: block;
@@ -345,15 +354,19 @@ async function handleSupportClick() {
 }
 .cat-item.active {
   background: #fff;
-  border-left-color: #ff4d4f;
-  color: #ff4d4f;
+  border-left-color: #ff6a00;
+  color: #ff6a00;
   font-weight: 700;
 }
 .list-panel {
-  background: #fff;
-  overflow-y: auto;
-  padding: 0 0 12px;
+  height: 100%;
   min-height: 0;
+  background: #fff;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 0 0 12px;
+  overscroll-behavior: contain;
 }
 .state-loading {
   padding: 40px 0;