重新设计弹出组件的层次布局,非常驻窗口将置于顶部;新增变量控制水流图层的显示;完善历史数据面板的设计

This commit is contained in:
JIANG
2025-12-16 16:08:29 +08:00
parent 715ec9ead0
commit 3aa68d796b
10 changed files with 53 additions and 78 deletions
+3 -3
View File
@@ -24,8 +24,8 @@ const LayerControl: React.FC = () => {
deckLayer,
isContourLayerAvailable,
isWaterflowLayerAvailable,
setShowWaterflowLayer,
setShowContourLayer,
flowAnimation,
} = data;
const [layerItems, setLayerItems] = useState<LayerItem[]>([]);
@@ -142,7 +142,7 @@ const LayerControl: React.FC = () => {
setShowContourLayer && setShowContourLayer(checked);
}
if (item.id === "waterflowLayer") {
if (flowAnimation) flowAnimation.current = checked;
setShowWaterflowLayer && setShowWaterflowLayer(checked);
}
}
@@ -156,7 +156,7 @@ const LayerControl: React.FC = () => {
}
return (
<div className="absolute left-4 bottom-4 bg-white rounded-md drop-shadow-lg z-10 opacity-85 hover:opacity-100 transition-opacity max-w-xs">
<div className="absolute left-4 bottom-4 bg-white rounded-md drop-shadow-lg z-1300 opacity-85 hover:opacity-100 transition-opacity max-w-xs">
<div className="ml-3 grid grid-cols-3">
{layerItems.map((item) => (
<FormControlLabel