|
|
|
|
@ -105,8 +105,11 @@ |
|
|
|
|
|
|
|
|
|
<div class="block"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<h2 class="b-title">Light Chasers' Home at IASF</h2> |
|
|
|
|
<p class="intro">Keep up with what happen with IASF</p> |
|
|
|
|
<div class="c-wrap"> |
|
|
|
|
<h2 class="b-title">Light Chasers' Home at IASF</h2> |
|
|
|
|
<p class="intro">Keep up with what happen with IASF</p> |
|
|
|
|
<div class="cover" @click="toSet(6)">点击更换标题与描述</div> |
|
|
|
|
</div> |
|
|
|
|
<ul class="people"> |
|
|
|
|
<li> |
|
|
|
|
<img class="pic" src="@/assets/images/channel/channel1.png" alt=""> |
|
|
|
|
@ -124,6 +127,15 @@ |
|
|
|
|
</div> |
|
|
|
|
<img class="pic" src="@/assets/images/channel/channel2.png" alt=""> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<img class="pic" src="@/assets/images/channel/channel1.png" alt=""> |
|
|
|
|
<div class="texts"> |
|
|
|
|
<h6>Shenzhen Innovation Lightsource Facility </h6> |
|
|
|
|
<p class="des">The Shenzhen synchrotron radiation facility has a fourth-generation diffraction-limited storage ring with an electron energy of 3 GeV at a low emittance of 50-150 pm·rad, and it provides photons with broad range energy from 4 meV to 160 keV.</p> |
|
|
|
|
<img class="arrow" src="@/assets/images/channel/arrow.png" alt=""> |
|
|
|
|
</div> |
|
|
|
|
</li> |
|
|
|
|
<div class="cover" @click="toSet(7)">点击更改图片、标题概述与链接</div> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -137,51 +149,62 @@ |
|
|
|
|
<p>The Institute of Advanced Science Facilities in Shenzhen, China is home to world-class science, world-class facilities, and world-class people. Located 25 miles east of Shenzhen city center, on a 1.2 acre campus, IASF has over three hundred researchers and support staff.…</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="cover" @click="toSet(8)">点击更换标题与描述</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="block" style="padding-bottom: 0"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<h2 class="glance">IASF at a glance</h2> |
|
|
|
|
<div class="c-wrap"> |
|
|
|
|
<h2 class="glance">IASF at a glance</h2> |
|
|
|
|
<div class="cover" @click="toSet(9)">点击更换标题与描述</div> |
|
|
|
|
</div> |
|
|
|
|
<ul class="stat"> |
|
|
|
|
<li> |
|
|
|
|
<p class="num">2020</p> |
|
|
|
|
<p class="text">The year IASF was founded</p> |
|
|
|
|
<div class="cover" @click="toSet(10)">点击更换标题与描述</div> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<p class="num">2</p> |
|
|
|
|
<p class="text">Facility projects</p> |
|
|
|
|
<div class="cover" @click="toSet(10)">点击更换标题与描述</div> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<p class="num">240</p> |
|
|
|
|
<p class="text">Employees</p> |
|
|
|
|
<div class="cover" @click="toSet(10)">点击更换标题与描述</div> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<p class="num">10</p> |
|
|
|
|
<p class="text">Academicians</p> |
|
|
|
|
<div class="cover" @click="toSet(10)">点击更换标题与描述</div> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<p class="num">45%</p> |
|
|
|
|
<p class="text">Hold doctorates or the highest degree in their field</p> |
|
|
|
|
<div class="cover" @click="toSet(10)">点击更换标题与描述</div> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<p class="num">$32B+</p> |
|
|
|
|
<p class="text">Facility construction need-based grant aid provided </p> |
|
|
|
|
<div class="cover" @click="toSet(10)">点击更换标题与描述</div> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<Banner :data.sync="modules[curModule]" :visible.sync="diaVisible" /> |
|
|
|
|
<Module :data.sync="modules[curModule]" :visible.sync="diaVisible" /> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import Setting from '@/setting' |
|
|
|
|
import Util from '@/libs/util' |
|
|
|
|
import Banner from '@/components/modules/banner' |
|
|
|
|
import Module from '@/components/modules/module' |
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
userId: +this.$store.state.user.userId, |
|
|
|
|
site: this.$store.state.content.site, |
|
|
|
|
id: +this.$route.query.id, |
|
|
|
|
modules: [ |
|
|
|
|
@ -314,8 +337,38 @@ export default { |
|
|
|
|
des: '' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'column', |
|
|
|
|
form: { |
|
|
|
|
site: '', |
|
|
|
|
column: '', |
|
|
|
|
articleNum: '', |
|
|
|
|
columnTitle: 1, |
|
|
|
|
columnTitleCustom: '' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'form', |
|
|
|
|
forms: [ |
|
|
|
|
{ |
|
|
|
|
type: 'input', |
|
|
|
|
prop: 'title', |
|
|
|
|
label: '标题', |
|
|
|
|
required: true |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'textarea', |
|
|
|
|
prop: 'des', |
|
|
|
|
label: '概述' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
form: { |
|
|
|
|
title: '', |
|
|
|
|
des: '' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'introduce', |
|
|
|
|
forms: [ |
|
|
|
|
{ |
|
|
|
|
type: 'upload', |
|
|
|
|
@ -329,6 +382,11 @@ export default { |
|
|
|
|
label: '标题', |
|
|
|
|
required: true |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'input', |
|
|
|
|
prop: 'subTitle', |
|
|
|
|
label: '小标题' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'link', |
|
|
|
|
prop: 'link', |
|
|
|
|
@ -343,12 +401,86 @@ export default { |
|
|
|
|
form: { |
|
|
|
|
pic: '', |
|
|
|
|
title: '', |
|
|
|
|
subTitle: '', |
|
|
|
|
link: { |
|
|
|
|
linkName: '无', |
|
|
|
|
connectionType: 1, |
|
|
|
|
linkAddress : '', |
|
|
|
|
}, |
|
|
|
|
des: '' |
|
|
|
|
}, |
|
|
|
|
list: [ |
|
|
|
|
{ |
|
|
|
|
pic: '', |
|
|
|
|
title: '', |
|
|
|
|
link: { |
|
|
|
|
linkName: '无', |
|
|
|
|
connectionType: 1, |
|
|
|
|
linkAddress : '', |
|
|
|
|
isOpen: 1 |
|
|
|
|
}, |
|
|
|
|
isEnable: 1 |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'form', |
|
|
|
|
forms: [ |
|
|
|
|
{ |
|
|
|
|
type: 'input', |
|
|
|
|
prop: 'title', |
|
|
|
|
label: '标题', |
|
|
|
|
required: true |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'textarea', |
|
|
|
|
prop: 'des', |
|
|
|
|
label: '概述' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
form: { |
|
|
|
|
title: '', |
|
|
|
|
des: '' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'form', |
|
|
|
|
forms: [ |
|
|
|
|
{ |
|
|
|
|
type: 'input', |
|
|
|
|
prop: 'title', |
|
|
|
|
label: '标题', |
|
|
|
|
required: true |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'textarea', |
|
|
|
|
prop: 'des', |
|
|
|
|
label: '概述' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
form: { |
|
|
|
|
title: '', |
|
|
|
|
des: '' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'form', |
|
|
|
|
forms: [ |
|
|
|
|
{ |
|
|
|
|
type: 'input', |
|
|
|
|
prop: 'title', |
|
|
|
|
label: '标题', |
|
|
|
|
required: true |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
type: 'textarea', |
|
|
|
|
prop: 'des', |
|
|
|
|
label: '概述' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
form: { |
|
|
|
|
title: '', |
|
|
|
|
des: '' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
@ -357,7 +489,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
components: { |
|
|
|
|
Banner, |
|
|
|
|
Module, |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
'$route'() { |
|
|
|
|
@ -397,6 +529,8 @@ export default { |
|
|
|
|
columnId: this.id, |
|
|
|
|
state, |
|
|
|
|
sort: 1, |
|
|
|
|
founderId: this.userId, |
|
|
|
|
editorId: this.userId, |
|
|
|
|
jsonBeforeEditing: this.handleJson(), |
|
|
|
|
theEditedJson: this.handleJson(), |
|
|
|
|
}).then(({ data }) => { |
|
|
|
|
@ -510,6 +644,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.people { |
|
|
|
|
position: relative; |
|
|
|
|
li { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
@ -544,6 +679,7 @@ export default { |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
margin-top: 60px; |
|
|
|
|
li { |
|
|
|
|
position: relative; |
|
|
|
|
width: 30%; |
|
|
|
|
margin-bottom: 50px; |
|
|
|
|
} |
|
|
|
|
@ -564,6 +700,7 @@ export default { |
|
|
|
|
margin: 0 auto; |
|
|
|
|
} |
|
|
|
|
.about { |
|
|
|
|
position: relative; |
|
|
|
|
padding: 77px 0 198px; |
|
|
|
|
background: url(../../../assets/images/channel/about-bg.png) 0 0/100% 100% no-repeat; |
|
|
|
|
.line { |
|
|
|
|
|
