master
wangchenguang 2 years ago
parent 7f35bb8fc6
commit 78a7f5573f
  1. BIN
      src/assets/images/device/16.png
  2. 31
      src/pages/deviceIntroBeam/index.vue
  3. 10
      src/pages/deviceIntroLayout/index.vue
  4. 20
      src/pages/deviceIntroLinear/index.vue
  5. 2
      src/pages/exp/index.vue

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

@ -12,6 +12,7 @@
<div class="des">光束线的作用是将光源发出的超快全相干高亮度的激光高效地传输到实验站样品处并在传输过程中对FEL脉冲进行频谱诊断脉冲能量诊断光斑位置诊断光斑横向分布诊断脉冲到达时间诊断波前诊断偏振诊断等同时根据后端实验站的不同科学需求可进一步对FEL脉冲进行单色化脉冲能量衰减横向光斑微聚焦等</div> <div class="des">光束线的作用是将光源发出的超快全相干高亮度的激光高效地传输到实验站样品处并在传输过程中对FEL脉冲进行频谱诊断脉冲能量诊断光斑位置诊断光斑横向分布诊断脉冲到达时间诊断波前诊断偏振诊断等同时根据后端实验站的不同科学需求可进一步对FEL脉冲进行单色化脉冲能量衰减横向光斑微聚焦等</div>
</div> </div>
<img class="pic" src="@/assets/images/device/1.png" alt=""> <img class="pic" src="@/assets/images/device/1.png" alt="">
<div class="imgText"><div class="readio"></div>波荡器示意图</div>
</div> </div>
</div> </div>
</div> </div>
@ -55,6 +56,29 @@ export default {
} }
.banner { .banner {
background: url(../../assets/images/device/13.png) 0 0/100% 100% no-repeat; 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 { .share {
position: relative; position: relative;
@ -69,7 +93,7 @@ export default {
position: relative; position: relative;
font-size: 2.4rem; font-size: 2.4rem;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: bold;
color: #333333; color: #333333;
} }
.en { .en {
@ -97,7 +121,7 @@ export default {
.pic { .pic {
width: 610px; width: 610px;
height: 409px; height: 409px;
margin-top: -30px; margin-top: 10px;
border-top-left-radius: 20px; border-top-left-radius: 20px;
} }
} }
@ -149,9 +173,10 @@ export default {
.beamBox{ .beamBox{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative;
.left { .left {
width: 100%; width: 100%;
} }
.des{ .des{
-webkit-line-clamp: 100 -webkit-line-clamp: 100

@ -11,7 +11,7 @@
<div class="left"> <div class="left">
<div class="des"> S³FEL首批拟建设4条波荡器线分别是2条外种子EEHG线和2条自放大自发辐射SASE线以同时满足首批实验站的不同研究需求按照能区划分FEL-1FEL-2工作在自放大自发辐射模式SASE并且为将来升级为self-seeding模式预留空间FEL-1出光波段为1-3 nm调整电子束能量时可覆盖1-6 nmFEL-2输出光波长为2.3-15 nm作为光刻研究专用光束线FEL-3和4基于回声型谐波产生原理EEHGFEL-3输出波长为2.3-15 nm涵盖水窗波段FEL-4输出波长为5-30 nm的极紫外FEL脉冲通过快速束流分配技术波荡器束线可同时工作各条波荡器线产生的FEL光通过光束线系统实现FEL光学参数的实时诊断包括光强光谱光斑位置光斑尺寸以及相干性等并通过传输与聚焦系统传输至后端的实验站以满足各个实验站对光源的不同需求首批建设实验站共涉及6个前沿科技领域分别为极紫外光刻量子材料能源催化生物医药大气与星际科学以及原子分子科学</div> <div class="des"> S³FEL首批拟建设4条波荡器线分别是2条外种子EEHG线和2条自放大自发辐射SASE线以同时满足首批实验站的不同研究需求按照能区划分FEL-1FEL-2工作在自放大自发辐射模式SASE并且为将来升级为self-seeding模式预留空间FEL-1出光波段为1-3 nm调整电子束能量时可覆盖1-6 nmFEL-2输出光波长为2.3-15 nm作为光刻研究专用光束线FEL-3和4基于回声型谐波产生原理EEHGFEL-3输出波长为2.3-15 nm涵盖水窗波段FEL-4输出波长为5-30 nm的极紫外FEL脉冲通过快速束流分配技术波荡器束线可同时工作各条波荡器线产生的FEL光通过光束线系统实现FEL光学参数的实时诊断包括光强光谱光斑位置光斑尺寸以及相干性等并通过传输与聚焦系统传输至后端的实验站以满足各个实验站对光源的不同需求首批建设实验站共涉及6个前沿科技领域分别为极紫外光刻量子材料能源催化生物医药大气与星际科学以及原子分子科学</div>
</div> </div>
<img class="pic" src="@/assets/images/device/6.png" alt=""> <img class="pic" src="@/assets/images/device/16.png" alt="">
</div> </div>
</div> </div>
</div> </div>
@ -56,6 +56,7 @@ export default {
.banner { .banner {
background: url(../../assets/images/device/14.png) no-repeat center; background: url(../../assets/images/device/14.png) no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
font-weight: bold;
} }
.share { .share {
position: relative; position: relative;
@ -64,6 +65,12 @@ export default {
max-width: 1323px; max-width: 1323px;
.textBox{ .textBox{
margin-top: 290px; margin-top: 290px;
.left {
flex-grow: 1;
}
}
h6 {
font-weight: bold;
} }
} }
.left { .left {
@ -92,6 +99,7 @@ export default {
padding: 32px 52px 25px 16%; padding: 32px 52px 25px 16%;
font-size: 1.2rem; font-size: 1.2rem;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
border-radius: 0 6rem 0 0;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
line-height: 38px; line-height: 38px;

@ -13,6 +13,7 @@
<div class="text">{{ modules[0].form.des }}</div> <div class="text">{{ modules[0].form.des }}</div>
</div> </div>
<img class="bg" src="@/assets/images/device/10.png" alt="" /> <img class="bg" src="@/assets/images/device/10.png" alt="" />
<div class="imgText"><div class="readio"></div>S³FEL电子枪光电效应示意图</div>
</div> </div>
</div> </div>
</div> </div>
@ -70,6 +71,7 @@ export default {
.banner { .banner {
background: url(../../assets/images/device/15.png) 0 0/100% 100% no-repeat; background: url(../../assets/images/device/15.png) 0 0/100% 100% no-repeat;
font-weight: bold;
} }
.history { .history {
@ -102,6 +104,24 @@ export default {
background: #1583ff; background: #1583ff;
border-radius: 65px 100px 0px 0px; border-radius: 65px 100px 0px 0px;
transition: 0.3s; 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 { &:hover {
transform: scale(1.05); transform: scale(1.05);

@ -109,7 +109,7 @@ export default {
position: relative; position: relative;
font-size: 2rem; font-size: 2rem;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: bold;
color: #333333; color: #333333;
line-height: 1; line-height: 1;
} }

Loading…
Cancel
Save