diff --git a/components/analytics/AnalyticsUserGenderSection.uvue b/components/analytics/AnalyticsUserGenderSection.uvue index 3d509c1e..bbc4e0f9 100644 --- a/components/analytics/AnalyticsUserGenderSection.uvue +++ b/components/analytics/AnalyticsUserGenderSection.uvue @@ -276,7 +276,13 @@ export default { /* 响应式断点 - 维持垂直布局并增加空间 */ @media (max-width: 1199.98px) { .chart-col { - height: 350px; /* 在移动端断点可以有明确高度 */ + height: 400px; /* 增加高度,给图表更多空间 */ + min-height: 400px; + } + + .gender-card { + height: auto; /* 在单列模式下允许高度自适应 */ + min-height: 480px; /* 确保整体卡片有足够高度 */ } } diff --git a/pages/mall/admin/user/statistics/index.uvue b/pages/mall/admin/user/statistics/index.uvue index e8310bd6..677b2394 100644 --- a/pages/mall/admin/user/statistics/index.uvue +++ b/pages/mall/admin/user/statistics/index.uvue @@ -301,6 +301,12 @@ function onExport() { } @media (max-width: 1199.98px) { + .analysis-row { + grid-template-columns: 1fr; + } +} + +@media (max-width: 900px) { .filter-card { flex-direction: column; align-items: flex-start; @@ -314,13 +320,7 @@ function onExport() { .select-box, .date-picker-box { flex: 1; } - - .analysis-row { - grid-template-columns: 1fr; - } - - .map-col, .gender-col { - width: 100%; - } } + +/* @media (max-width: 1199.98px) 已将 analysis-row 移出,与 filter-card 逻辑解耦 */