核对内容

This commit is contained in:
Aifeilong 2023-10-30 09:35:54 +08:00
parent 4b492df896
commit 803b20ae0e
5 changed files with 25 additions and 25 deletions

View File

@ -8,33 +8,33 @@ function EntityLegend() {
<div className="entity-legend" style={{ bottom: 116 }}> <div className="entity-legend" style={{ bottom: 116 }}>
<div className="entity-legend-item"> <div className="entity-legend-item">
<div style={{ fontWeight: 800, color: "#04fafc" }}>- - - -</div> <div style={{ fontWeight: 800, color: "#04fafc" }}>- - - -</div>
<div className="entity-legend-item-name">Rossby wave path</div> <div className="entity-legend-item-name">Rossby 波列传播路径</div>
</div> </div>
<div className="entity-legend-item"> <div className="entity-legend-item">
<div style={{ transform: "rotate(120deg)" }}> <div style={{ transform: "rotate(120deg)" }}>
<img src={anticyclone} width={32} /> <img src={anticyclone} width={32} />
</div> </div>
<div className="entity-legend-item-name">anticyclone</div> <div className="entity-legend-item-name">反气旋式环流</div>
</div> </div>
<div className="entity-legend-item"> <div className="entity-legend-item">
<div style={{ transform: "rotate(180deg)" }}> <div style={{ transform: "rotate(180deg)" }}>
<img src={updraft} width={32} height={32} /> <img src={updraft} width={32} height={32} />
</div> </div>
<div className="entity-legend-item-name">updraft</div> <div className="entity-legend-item-name">上升气流</div>
</div> </div>
<div className="entity-legend-item"> <div className="entity-legend-item">
<div <div
style={{ width: 32, height: 32, backgroundColor: "#6080b0" }} style={{ width: 32, height: 32, backgroundColor: "#6080b0" }}
></div> ></div>
<div className="entity-legend-item-name">barotroptic structure</div> <div className="entity-legend-item-name">正压结构</div>
</div> </div>
<div className="entity-legend-item"> <div className="entity-legend-item">
<div style={{ transform: "rotate(45deg)" }}> <div style={{ transform: "rotate(45deg)" }}>
<img src={cyclone} width={32} /> <img src={cyclone} width={32} />
</div> </div>
<div className="entity-legend-item-name">cyclone</div> <div className="entity-legend-item-name">气旋式环流</div>
</div> </div>
<div className="entity-legend-item"> {/* <div className="entity-legend-item">
<div <div
style={{ style={{
width: 48, width: 48,
@ -45,7 +45,7 @@ function EntityLegend() {
}} }}
></div> ></div>
<div className="entity-legend-item-name">warming</div> <div className="entity-legend-item-name">warming</div>
</div> </div> */}
{/* <div className="entity-legend-item"> {/* <div className="entity-legend-item">
<div> <div>
<img src={waterwapor} width={32} /> <img src={waterwapor} width={32} />

View File

@ -26,7 +26,7 @@ export default function DomainOne() {
<CustomFlyTo /> <CustomFlyTo />
<Point /> <Point />
<div className="left-panel one"> <div className="left-panel one">
<TextInfoPanel content="基于再分析资料JRA55和线性斜压模式LBM的试验结果在年代际尺度上,拉布拉多海海温偏暖会引起北大西洋至欧洲地区大气环流异常,导致青藏高原夏季出现年代际增温。" /> <TextInfoPanel content="基于再分析资料JRA55和线性斜压模式LBM的试验结果拉布拉多海海温偏暖会引起北大西洋至欧洲地区大气环流异常,导致青藏高原夏季出现年代际增温。该成果加深了对中纬度地区最高地形与北极之间冰冻圈联系的认识。" />
</div> </div>
<div className="right-panel one"> <div className="right-panel one">
<CustomChartPanel /> <CustomChartPanel />

View File

@ -11,38 +11,38 @@ function EntityLegend() {
<div style={{ transform: "rotate(45deg)" }}> <div style={{ transform: "rotate(45deg)" }}>
<img src={low} alt="low" width={32} /> <img src={low} alt="low" width={32} />
</div> </div>
<div className="entity-legend-item-name">Low</div> <div className="entity-legend-item-name">气旋式环流</div>
</div> </div>
<div className="entity-legend-item"> {/* <div className="entity-legend-item">
<div> <div>
<img src={moisture} alt="moisture" width={32} /> <img src={moisture} alt="moisture" width={32} />
</div> </div>
<div className="entity-legend-item-name">Moisture transport</div> <div className="entity-legend-item-name">Moisture transport</div>
</div> */}
<div className="entity-legend-item">
<div style={{ transform: "rotate(120deg)" }}>
<img src={high} alt="high" width={32} />
</div>
<div className="entity-legend-item-name">反气旋式环流</div>
</div> </div>
<div className="entity-legend-item"> <div className="entity-legend-item">
<div> <div>
<img src={antiHadleyCell} alt="antiHadleyCell" width={32} /> <img src={antiHadleyCell} alt="antiHadleyCell" width={32} />
</div> </div>
<div className="entity-legend-item-name">anti-Hadley cell</div> <div className="entity-legend-item-name">局地环流异常</div>
</div> </div>
<div className="entity-legend-item"> {/* <div className="entity-legend-item">
<div style={{ transform: "rotate(120deg)" }}>
<img src={high} alt="high" width={32} />
</div>
<div className="entity-legend-item-name">High</div>
</div>
<div className="entity-legend-item">
<div> <div>
<img src={cloud} alt="cloud" width={32} /> <img src={cloud} alt="cloud" width={32} />
</div> </div>
<div className="entity-legend-item-name">Rainfall</div> <div className="entity-legend-item-name">Rainfall</div>
</div> </div> */}
<div className="entity-legend-item"> {/* <div className="entity-legend-item">
{/* <div> <div>
<img src="" /> <img src="" />
</div> </div>
<div className="entity-legend-item-name">Surface wind anomaly</div> */} <div className="entity-legend-item-name">Surface wind anomaly</div>
</div> </div> */}
</div> </div>
); );
} }

View File

@ -6,7 +6,7 @@ import { useInterval } from "ahooks";
const textList = [ const textList = [
"5月南极涛动", "5月南极涛动",
"原子阿蒙森海的纬向波列异常", "源自阿蒙森海的纬向波列异常",
"印度洋海温降低", "印度洋海温降低",
"环流异常", "环流异常",
"高原上空降水增加、感热通量降低", "高原上空降水增加、感热通量降低",

View File

@ -34,7 +34,7 @@ export default function DomainTwo() {
<Sites /> <Sites />
<SiteLegend /> <SiteLegend />
<div className="left-panel one"> <div className="left-panel one">
<TextInfoPanel content="利用ERA5再分析数据诊断和CESM印度洋海温强迫数值实验发现5月的南极涛动正位相AAO激发原子阿蒙森海的纬向波列异常。该异常造成印度洋海温降低进而激发环流异常造成高原上空降水增加、感热通量降低。这一结果有助于提高青藏高原热源的预测技巧改进亚洲夏季风的预测。" /> <TextInfoPanel content="利用ERA5再分析数据集和CESM气候系统模式发现5月南极涛动正位相在阿蒙森海激发的Rossby波列将造成印度洋海温降低导致的局地环流异常会引起高原上空降水增加和感热通量降低。该成果从大气桥海洋通道和陆气耦合的角度深刻揭示了第三极和南极间的紧密联系。" />
</div> </div>
<WavePoints /> <WavePoints />
<TimeLinePanel /> <TimeLinePanel />