修复分析结果页面宽度显示问题

- 统一所有分析类型的容器宽度约束为 max-w-7xl (1248px 有效宽度)
- 修复易经占卜结果页面宽度小于参数区的问题
- 修复紫微斗数结果页面宽度小于参数区的问题
- 在 AnalysisResultDisplay 组件中为易经占卜和紫微斗数添加特殊处理逻辑
- 避免额外的 max-w-4xl 容器包裹,直接返回完整分析组件
- 确保参数输入区与分析结果区的视觉对齐和一致性
- 提升整体界面的专业性和用户体验
This commit is contained in:
patdelphi
2025-08-19 09:52:42 +08:00
parent af0d6cd019
commit 75aedeb7ca
6 changed files with 126 additions and 110 deletions

View File

@@ -432,6 +432,22 @@ const AnalysisResultDisplay: React.FC<AnalysisResultDisplayProps> = ({
return renderBaziAnalysis();
}
// 对于易经占卜,如果有 question 参数,直接返回 CompleteYijingAnalysis 组件(不添加额外容器)
if (analysisType === 'yijing' && question) {
return (
<CompleteYijingAnalysis
question={question}
userId={userId}
divinationMethod={divinationMethod}
/>
);
}
// 对于紫微斗数,如果有 birthDate 参数,直接返回 CompleteZiweiAnalysis 组件(不添加额外容器)
if (analysisType === 'ziwei' && birthDate) {
return <CompleteZiweiAnalysis birthDate={birthDate} />;
}
// 如果没有分析结果数据
if (!analysisResult) {
return (