|
After Width: | Height: | Size: 673 KiB |
|
After Width: | Height: | Size: 182 KiB |
|
After Width: | Height: | Size: 304 KiB |
|
After Width: | Height: | Size: 551 KiB |
|
After Width: | Height: | Size: 495 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 100 KiB |
|
After Width: | Height: | Size: 318 KiB |
|
After Width: | Height: | Size: 187 KiB |
|
After Width: | Height: | Size: 211 KiB |
|
After Width: | Height: | Size: 305 KiB |
|
After Width: | Height: | Size: 245 KiB |
|
After Width: | Height: | Size: 397 B |
|
After Width: | Height: | Size: 883 B |
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 1.2 MiB |
|
After Width: | Height: | Size: 828 KiB |
|
After Width: | Height: | Size: 119 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 152 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 221 KiB |
|
After Width: | Height: | Size: 315 KiB |
|
After Width: | Height: | Size: 288 KiB |
|
After Width: | Height: | Size: 560 KiB |
|
After Width: | Height: | Size: 616 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 318 B |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 419 B |
@ -0,0 +1,135 @@ |
||||
<template> |
||||
<div class="wrap"> |
||||
<img width="100%" height="480" src="@/assets/images/careers/1.png" alt=""> |
||||
|
||||
<div class="wrap"> |
||||
<div class="inner"> |
||||
<ul class="card"> |
||||
<li> |
||||
|
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="block people-block"> |
||||
<div class="inner"> |
||||
<h2 class="b-title">Profiles</h2> |
||||
<p class="intro">What makes a light chaser</p> |
||||
<ul class="people"> |
||||
<li> |
||||
<img class="comma" src="@/assets/images/comma.png" alt=""> |
||||
<div class="left"> |
||||
<h6>IASF started its journey to chase light, |
||||
push the boundaries forward, and discover the unknown.</h6> |
||||
<div class="des">Throughout the world, most of the top science and technology innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan.</div> |
||||
</div> |
||||
<img class="pic" src="@/assets/images/careers/6.png" alt=""> |
||||
</li> |
||||
<li> |
||||
<img class="comma" src="@/assets/images/comma.png" alt=""> |
||||
<div class="left"> |
||||
<h6>IASF started its journey to chase light, |
||||
push the boundaries forward, and discover the unknown.</h6> |
||||
<div class="des">Throughout the world, most of the top science and technology innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan.</div> |
||||
</div> |
||||
<img class="pic" src="@/assets/images/careers/7.png" alt=""> |
||||
</li> |
||||
<li> |
||||
<img class="comma" src="@/assets/images/comma.png" alt=""> |
||||
<div class="left"> |
||||
<h6>IASF started its journey to chase light, |
||||
push the boundaries forward, and discover the unknown.</h6> |
||||
<div class="des">Throughout the world, most of the top science and technology innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan.</div> |
||||
</div> |
||||
<img class="pic" src="@/assets/images/careers/8.png" alt=""> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Setting from '@/setting' |
||||
import Util from '@/libs/util' |
||||
export default { |
||||
data() { |
||||
return { |
||||
id: this.$route.query.id, |
||||
columnId: '', |
||||
form: {}, |
||||
} |
||||
}, |
||||
watch: { |
||||
'$route'() { |
||||
this.id = this.$route.query.id |
||||
// this.getInfo() |
||||
} |
||||
}, |
||||
mounted() { |
||||
|
||||
}, |
||||
methods: { |
||||
// 获取文章详情 |
||||
getInfo() { |
||||
this.$post(`${this.api.findArticle}?id=${this.id}`).then(({ data }) => { |
||||
this.form = data |
||||
this.columnId = data.columnId |
||||
}).catch(err => {}) |
||||
}, |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
@import "../../styles/page/page.scss"; |
||||
.people-block { |
||||
background: #F2F6F8; |
||||
} |
||||
.people { |
||||
li { |
||||
position: relative; |
||||
min-height: 450px; |
||||
padding: 100px 70px 30px 57px; |
||||
margin-bottom: 100px; |
||||
background-color: #fff; |
||||
&:nth-child(even) { |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
.comma { |
||||
left: 660px; |
||||
} |
||||
.pic { |
||||
left: 0; |
||||
right: auto; |
||||
} |
||||
} |
||||
} |
||||
.comma { |
||||
position: absolute; |
||||
top: -22px; |
||||
left: 57px; |
||||
} |
||||
.left { |
||||
width: 670px; |
||||
} |
||||
h6 { |
||||
font-size: 24px; |
||||
color: #333; |
||||
} |
||||
.des { |
||||
margin-top: 20px; |
||||
font-size: 20px; |
||||
color: #666; |
||||
line-height: 32px; |
||||
} |
||||
.pic { |
||||
position: absolute; |
||||
top: -60px; |
||||
right: 43px; |
||||
width: 600px; |
||||
height: 450px; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,14 @@ |
||||
import BasicLayout from '@/layouts/home' |
||||
const name = 'about' |
||||
export default { |
||||
path: `/${name}`, |
||||
component: BasicLayout, |
||||
children: [ |
||||
{ |
||||
name, |
||||
path: `/${name}`, |
||||
component: () => import(`@/pages/${name}`), |
||||
meta: { title: '' } |
||||
} |
||||
] |
||||
}; |
||||
@ -0,0 +1,14 @@ |
||||
import BasicLayout from '@/layouts/home' |
||||
const name = 'careers' |
||||
export default { |
||||
path: `/${name}`, |
||||
component: BasicLayout, |
||||
children: [ |
||||
{ |
||||
name, |
||||
path: `/${name}`, |
||||
component: () => import(`@/pages/${name}`), |
||||
meta: { title: '' } |
||||
} |
||||
] |
||||
}; |
||||
@ -0,0 +1,32 @@ |
||||
.block { |
||||
padding: 118px 0; |
||||
.b-title { |
||||
position: relative; |
||||
margin-bottom: 50px; |
||||
font-size: 50px; |
||||
line-height: 59px; |
||||
text-align: center; |
||||
color: #1F1F1F; |
||||
&:after { |
||||
content: ''; |
||||
position: absolute; |
||||
top: 70px; |
||||
left: 50%; |
||||
width: 136px; |
||||
height: 4px; |
||||
transform: translateX(-50%); |
||||
background: #1583FF; |
||||
} |
||||
} |
||||
.intro { |
||||
margin-bottom: 80px; |
||||
font-size: 30px; |
||||
text-align: center; |
||||
color: #5B5B5E; |
||||
line-height: 40px; |
||||
} |
||||
} |
||||
.inner { |
||||
width: 1400px; |
||||
margin: 0 auto; |
||||
} |
||||