之前「本周/本月/近 15 天」放在 HydrogenDaily/ElectricDaily 的
内容区第一行,sticky 头部独占顶部。滚动后这一行会从 sticky
头部下方钻过去,露出半截,看起来像被切。
修复:把日期速选行也放进 sticky 头部白卡里:
- EnergyModule 持有 hydroPick / electricPick state
- 头部第三行(border-t 分割)渲染速选按钮,仅 daily 模式显示
- HydrogenView/ElectricView/ElectricDaily/HydrogenDaily 改为
通过 pick prop 接收,组件内不再 useState
现在头部「Top Tab + Sub Tab + 日期速选」是同一张白卡,
滚动时整体一起 sticky,不再有半截遮挡。
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.7
parent
ee981639eb
commit
4153f329b8
@@ -1,12 +1,14 @@
|
||||
import ElectricOverview from './ElectricOverview';
|
||||
import ElectricDaily from './ElectricDaily';
|
||||
import type { DateQuickPick } from './types';
|
||||
|
||||
export type ElectricSubTab = 'daily' | 'overview';
|
||||
|
||||
interface Props {
|
||||
sub: ElectricSubTab;
|
||||
pick: DateQuickPick;
|
||||
}
|
||||
|
||||
export default function ElectricView({ sub }: Props) {
|
||||
return sub === 'overview' ? <ElectricOverview /> : <ElectricDaily />;
|
||||
export default function ElectricView({ sub, pick }: Props) {
|
||||
return sub === 'overview' ? <ElectricOverview /> : <ElectricDaily pick={pick} />;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user