style(map): 调整天气预防面板中Spin组件的位置
- 将Spin组件嵌套层级调整,提升代码可读性 - 使loading动画只覆盖天气数据部分,不包含表格区域 - 优化面板结构,保持布局一致性 - 修复因布局引起的样式错乱风险master
parent
588dfcfbcf
commit
42b5a365a2
|
|
@ -39,8 +39,8 @@ function WeatherPreventionPanel(props) {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Panel title="天气预防情况">
|
<Panel title="天气预防情况">
|
||||||
<Spin spinning={props.biStatistics.getWeatherLoading}>
|
|
||||||
<div className="branch-office-weather-data__content">
|
<div className="branch-office-weather-data__content">
|
||||||
|
<Spin spinning={props.biStatistics.getWeatherLoading}>
|
||||||
<div className="branch-office-weather-data__weather">
|
<div className="branch-office-weather-data__weather">
|
||||||
<div className="branch-office-weather-data__condition">
|
<div className="branch-office-weather-data__condition">
|
||||||
<img src={getWeatherIcon(weather.text)} alt="" />
|
<img src={getWeatherIcon(weather.text)} alt="" />
|
||||||
|
|
@ -82,6 +82,7 @@ function WeatherPreventionPanel(props) {
|
||||||
))}
|
))}
|
||||||
</SeamlessScroll>
|
</SeamlessScroll>
|
||||||
</div>
|
</div>
|
||||||
|
</Spin>
|
||||||
<div className="branch-office-weather-data__table">
|
<div className="branch-office-weather-data__table">
|
||||||
<div className="branch-office-weather-data__row">
|
<div className="branch-office-weather-data__row">
|
||||||
<div>部门名称</div>
|
<div>部门名称</div>
|
||||||
|
|
@ -101,7 +102,6 @@ function WeatherPreventionPanel(props) {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Spin>
|
|
||||||
</Panel>
|
</Panel>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue