|
|
|
@ -9,22 +9,32 @@ |
|
|
|
<div class="inner"> |
|
|
|
<a-row> |
|
|
|
<a-col :span="18"> |
|
|
|
<a-row> |
|
|
|
<a-col :key="server.id" :span="8" v-for="server in services"> |
|
|
|
<div @click="$router.push(server.url)" class="base-bg mr-8 d-flex pointer"> |
|
|
|
<div class="server-box pa-5 mb-3 d-flex flex-column white--text fill-width"> |
|
|
|
<span class="font-big">{{ server.chinese }}</span> |
|
|
|
<span class="font-small">{{ server.english }}</span> |
|
|
|
<span class="font-small">SERVICE</span> |
|
|
|
<div class="d-flex flex-nowrap"> |
|
|
|
<div class="flex-1"></div> |
|
|
|
<a-icon class="font-24" type="arrow-right" /> |
|
|
|
</div> |
|
|
|
<a-row class="mr-8"> |
|
|
|
<a-col :span="8" class="fill-width d-flex flex-nowrap flex-row justify-space-between"> |
|
|
|
<div |
|
|
|
:key="platform.id" |
|
|
|
@click="$router.push(platform.path)" |
|
|
|
class="platform-box" |
|
|
|
v-for="platform in platforms" |
|
|
|
> |
|
|
|
<div class="d-flex flex-column align-center pointer"> |
|
|
|
<img :src="platform.url" /> |
|
|
|
<div class="platform-txt mt-3">{{ platform.firstName }}</div> |
|
|
|
<div class="platform-txt">{{ platform.secondName }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
<a-row class="mt-8"> |
|
|
|
<a-col :key="server.id" :span="8" v-for="server in services"> |
|
|
|
<div @click="$router.push(server.path)" class="mr-8 d-flex pointer"> |
|
|
|
<div class="server-box d-flex fill-width"> |
|
|
|
<img :src="server.url" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
<!-- <a-row class="mt-8"> |
|
|
|
<a-col :span="12"> |
|
|
|
<div class="white mr-8 d-flex flex-column justify-center"> |
|
|
|
<index-new-list :i="0" :lists="lists" /> |
|
|
|
@ -35,17 +45,11 @@ |
|
|
|
<index-new-list :i="1" :lists="lists" /> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</a-row>--> |
|
|
|
</a-col> |
|
|
|
<a-col :span="6"> |
|
|
|
<div |
|
|
|
:key="platform.id" |
|
|
|
@click="$router.push(platform.url)" |
|
|
|
class="second-base-bg white--text platform-box mb-8 d-flex flex-column justify-center align-center pointer" |
|
|
|
v-for="platform in platforms" |
|
|
|
> |
|
|
|
<div class="font-small font-bold">{{ platform.firstName }}</div> |
|
|
|
<div class="font-small font-bold">{{ platform.secondName }}</div> |
|
|
|
<div class="white mr-8 d-flex flex-column justify-center"> |
|
|
|
<index-new-list :i="0" :lists="lists" /> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
@ -64,34 +68,63 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
services: [ |
|
|
|
{ id: '01', chinese: '创新服务', english: 'INNOVATIVE', url: '/NewPlatform/NewService' }, |
|
|
|
{ id: '02', chinese: '孵化服务', english: 'INCUBATION', url: '/IncubationPlatform/Services' }, |
|
|
|
{ id: '03', chinese: '产业服务', english: 'INDUSTRIAL', url: '/Industry/Serve' }, |
|
|
|
{ |
|
|
|
id: '01', |
|
|
|
chinese: '创新服务', |
|
|
|
english: 'INNOVATIVE', |
|
|
|
path: '/NewPlatform/NewService', |
|
|
|
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index06.png', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '02', |
|
|
|
chinese: '孵化服务', |
|
|
|
english: 'INCUBATION', |
|
|
|
path: '/IncubationPlatform/Services', |
|
|
|
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index07.png', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '03', |
|
|
|
chinese: '产业服务', |
|
|
|
english: 'INDUSTRIAL', |
|
|
|
path: '/Industry/Serve', |
|
|
|
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index08.png', |
|
|
|
}, |
|
|
|
], |
|
|
|
platforms: [ |
|
|
|
{ |
|
|
|
id: '04', |
|
|
|
firstName: '创新挑战', |
|
|
|
secondName: '', |
|
|
|
url: '/Challenge/Solicitation', |
|
|
|
path: '/Challenge/Solicitation', |
|
|
|
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index01.png', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '05', |
|
|
|
firstName: '科技资源开放共享', |
|
|
|
secondName: '服务平台', |
|
|
|
url: '/NewPlatform/Share', |
|
|
|
firstName: '科技资源', |
|
|
|
secondName: '开放共享服务平台', |
|
|
|
path: '/NewPlatform/Share', |
|
|
|
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index02.png', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '06', |
|
|
|
firstName: '知识产权与技术', |
|
|
|
secondName: '转移转化服务平台', |
|
|
|
url: '/NewPlatform/Transfer', |
|
|
|
path: '/NewPlatform/Transfer', |
|
|
|
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index03.png', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '07', |
|
|
|
firstName: '知识培训与科技人才', |
|
|
|
secondName: '服务平台', |
|
|
|
url: '/NewPlatform/NewService', |
|
|
|
firstName: '知识培训', |
|
|
|
secondName: '科技人才服务平台', |
|
|
|
path: '/NewPlatform/NewService', |
|
|
|
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index04.png', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '08', |
|
|
|
firstName: '知识平台', |
|
|
|
secondName: '', |
|
|
|
path: '/Knowledge', |
|
|
|
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index05.png', |
|
|
|
}, |
|
|
|
], |
|
|
|
lists: [ |
|
|
|
@ -191,7 +224,17 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.platform-box { |
|
|
|
height: 100px; |
|
|
|
width: 20%; |
|
|
|
|
|
|
|
.platform-txt { |
|
|
|
font-size: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
@media only screen and (max-width: 1400px) { |
|
|
|
.platform-txt { |
|
|
|
font-size: 18px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.platform-box div { |
|
|
|
@ -202,19 +245,11 @@ export default { |
|
|
|
transform: translate(0, -3px); |
|
|
|
} |
|
|
|
|
|
|
|
.server-box span { |
|
|
|
transition: all 0.2s ease 0s; |
|
|
|
} |
|
|
|
|
|
|
|
.server-box div { |
|
|
|
transition: all 0.2s ease 0s; |
|
|
|
} |
|
|
|
|
|
|
|
.server-box:hover span { |
|
|
|
.server-box:hover img { |
|
|
|
transform: translate(0, -3px); |
|
|
|
} |
|
|
|
|
|
|
|
.server-box:hover div { |
|
|
|
transform: translate(0, -3px); |
|
|
|
.server-box img { |
|
|
|
transition: all 0.2s ease 0s; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
