diff --git a/src/assets/images/device/16.png b/src/assets/images/device/16.png new file mode 100644 index 0000000..ac586db Binary files /dev/null and b/src/assets/images/device/16.png differ diff --git a/src/pages/deviceIntroBeam/index.vue b/src/pages/deviceIntroBeam/index.vue index 72a24f7..8e1afc9 100644 --- a/src/pages/deviceIntroBeam/index.vue +++ b/src/pages/deviceIntroBeam/index.vue @@ -12,6 +12,7 @@
光束线的作用是将光源发出的超快、全相干、高亮度的激光高效地传输到实验站样品处,并在传输过程中对FEL脉冲进行频谱诊断、脉冲能量诊断、光斑位置诊断、光斑横向分布诊断、脉冲到达时间诊断、波前诊断、偏振诊断等。同时根据后端实验站的不同科学需求,可进一步对FEL脉冲进行单色化、脉冲能量衰减、横向光斑微聚焦等。
+
波荡器示意图
@@ -55,7 +56,30 @@ export default { } .banner { background: url(../../assets/images/device/13.png) 0 0/100% 100% no-repeat; + font-weight: bold; } +.beamBox { + position: relative; + .left{ + flex-grow: 1; + } + .imgText { + position: absolute; + right: 4rem; + bottom: 3.25rem; + display: flex; + font-size: 1.125rem; + font-weight: 400; + .readio { + width: 7px; + height: 7px; + background-color: #2A2A2A; + border-radius: 50%; + margin-right: 10px; + margin-top: 8px; + } + } +} .share { position: relative; .inner { @@ -69,7 +93,7 @@ export default { position: relative; font-size: 2.4rem; font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; + font-weight: bold; color: #333333; } .en { @@ -97,7 +121,7 @@ export default { .pic { width: 610px; height: 409px; - margin-top: -30px; + margin-top: 10px; border-top-left-radius: 20px; } } @@ -149,9 +173,10 @@ export default { .beamBox{ display: flex; flex-direction: column; + position: relative; + .left { width: 100%; - } .des{ -webkit-line-clamp: 100 diff --git a/src/pages/deviceIntroLayout/index.vue b/src/pages/deviceIntroLayout/index.vue index 17934f8..7a45137 100644 --- a/src/pages/deviceIntroLayout/index.vue +++ b/src/pages/deviceIntroLayout/index.vue @@ -11,7 +11,7 @@
S³FEL首批拟建设4条波荡器线,分别是2条外种子(EEHG)线和2条自放大自发辐射(SASE)线,以同时满足首批实验站的不同研究需求。按照能区划分,FEL-1、FEL-2工作在自放大自发辐射模式(SASE),并且为将来升级为self-seeding模式预留空间。FEL-1出光波段为1-3 nm(调整电子束能量时可覆盖1-6 nm),FEL-2输出光波长为2.3-15 nm,作为光刻研究专用光束线。FEL-3和4基于回声型谐波产生原理(EEHG),FEL-3输出波长为2.3-15 nm,涵盖水窗波段,FEL-4输出波长为5-30 nm的极紫外FEL脉冲。通过快速束流分配技术,波荡器束线可同时工作。各条波荡器线产生的FEL光,通过光束线系统实现FEL光学参数的实时诊断,包括光强、光谱、光斑位置,光斑尺寸以及相干性等,并通过传输与聚焦系统传输至后端的实验站,以满足各个实验站对光源的不同需求。首批建设实验站共涉及6个前沿科技领域,分别为极紫外光刻、量子材料、能源催化、生物医药、大气与星际科学以及原子分子科学。
- + @@ -56,6 +56,7 @@ export default { .banner { background: url(../../assets/images/device/14.png) no-repeat center; background-size: 100% 100%; + font-weight: bold; } .share { position: relative; @@ -64,6 +65,12 @@ export default { max-width: 1323px; .textBox{ margin-top: 290px; + .left { + flex-grow: 1; + } + } + h6 { + font-weight: bold; } } .left { @@ -92,6 +99,7 @@ export default { padding: 32px 52px 25px 16%; font-size: 1.2rem; font-family: PingFangSC-Medium, PingFang SC; + border-radius: 0 6rem 0 0; font-weight: 500; color: #FFFFFF; line-height: 38px; diff --git a/src/pages/deviceIntroLinear/index.vue b/src/pages/deviceIntroLinear/index.vue index 9f2bf2c..8685487 100644 --- a/src/pages/deviceIntroLinear/index.vue +++ b/src/pages/deviceIntroLinear/index.vue @@ -13,6 +13,7 @@
{{ modules[0].form.des }}
+
S³FEL电子枪光电效应示意图
@@ -70,6 +71,7 @@ export default { .banner { background: url(../../assets/images/device/15.png) 0 0/100% 100% no-repeat; + font-weight: bold; } .history { @@ -102,6 +104,24 @@ export default { background: #1583ff; border-radius: 65px 100px 0px 0px; transition: 0.3s; + position: relative; + .imgText { + position: absolute; + right: 3rem; + bottom: 5.25rem; + display: flex; + font-size: 1.125rem; + color: #FFFFFF; + font-weight: 400; + .readio { + width: 7px; + height: 7px; + background-color: #FFFFFF; + border-radius: 50%; + margin-right: 10px; + margin-top: 8px; + } + } &:hover { transform: scale(1.05); diff --git a/src/pages/exp/index.vue b/src/pages/exp/index.vue index e1bc873..b078f1d 100644 --- a/src/pages/exp/index.vue +++ b/src/pages/exp/index.vue @@ -109,7 +109,7 @@ export default { position: relative; font-size: 2rem; font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; + font-weight: bold; color: #333333; line-height: 1; }