|
|
@ -10,21 +10,11 @@ |
|
|
|
<a-row> |
|
|
|
<a-col :span="24"> |
|
|
|
<a-row class="d-flex justify-center"> |
|
|
|
<a-col id="hy-news"> |
|
|
|
<a-col id="hy-news" style="padding-right: 30px"> |
|
|
|
<img src="./img/notice.png" /> |
|
|
|
</a-col> |
|
|
|
<a-col class="down-arrow d-flex flex-column-reverse"> |
|
|
|
<a-button |
|
|
|
@click="$router.push('/Activity')" |
|
|
|
class="d-flex align-end font-16 baseColor pa-0" |
|
|
|
style="display: inline-block" |
|
|
|
type="link" |
|
|
|
> |
|
|
|
<img src="./img/bottom.png" style="width: 16px; height: 16px" /> |
|
|
|
</a-button> |
|
|
|
</a-col> |
|
|
|
<a-col :span="6" :style="{ height: height + 'px' }" style="overflow: hidden"> |
|
|
|
<div class="d-flex flex-row justify-center align-center"> |
|
|
|
<a-col :span="6" :style="{ height: height + 'px' }" style="overflow: hidden; padding-left: 50px"> |
|
|
|
<div class="d-flex flex-row justify-center align-center" style="font-size: 26px"> |
|
|
|
<index-new-list :i="1" :lists="lists" /> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
@ -32,40 +22,40 @@ |
|
|
|
<a-button |
|
|
|
@click="$router.push('/Activity')" |
|
|
|
class="d-flex align-end font-16 baseColor pa-0" |
|
|
|
style="display: inline-block" |
|
|
|
style="display: inline-block; font-size: 12px; padding-top: 15px" |
|
|
|
type="link" |
|
|
|
> |
|
|
|
<img src="./img/top.png" style="width: 16px; height: 16px" /> |
|
|
|
更多 |
|
|
|
<img src="./img/right.png" style="width: 7px; height: 10px; margin: 0 10px" /> |
|
|
|
</a-button> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
<a-row class="demands d-flex justify-center"> |
|
|
|
<a-row class="demands d-flex justify-space-between" style="width: 500px"> |
|
|
|
<a-col class="d-flex align-center"> |
|
|
|
<div class="demand" @click="showIntro">需求征集</div> |
|
|
|
<img src="./img/right.png" style="width: 7px; height: 10px; margin-right: 50px" /> |
|
|
|
<img src="./img/right.png" style="width: 7px; height: 10px" /> |
|
|
|
</a-col> |
|
|
|
<a-col class="d-flex align-center"> |
|
|
|
<div class="demand" @click="$router.push('/Challenge/Solicitation')">创新挑战</div> |
|
|
|
<img src="./img/right.png" style="width: 7px; height: 10px; margin-right: 50px" /> |
|
|
|
<img src="./img/right.png" style="width: 7px; height: 10px" /> |
|
|
|
</a-col> |
|
|
|
<a-col class="d-flex align-center"> |
|
|
|
<div class="demand">交流社区</div> |
|
|
|
<img src="./img/right.png" style="width: 7px; height: 10px; margin-right: 50px" /> |
|
|
|
<img src="./img/right.png" style="width: 7px; height: 10px" /> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
<div class="d-flex justify-space-between"> |
|
|
|
<div :key="platform.id" style="width: 30%; min-width: 250px" v-for="platform in platforms"> |
|
|
|
<div @click="$router.push(platform.path)" class="d-flex pointer"> |
|
|
|
<div class="white server-box d-flex flex-column fill-width justify-center" style="padding: 15px"> |
|
|
|
<div class="white server-box d-flex flex-column fill-width justify-center" style="padding: 15px; height: 300px"> |
|
|
|
<div> |
|
|
|
<img :src="platform.url" style="width: 50px; height: 50px; margin: 10px auto" /> |
|
|
|
</div> |
|
|
|
<p style="font-weight: bold">{{ platform.description }}</p> |
|
|
|
<p style="font-weight: bold; font-size: 20px">{{ platform.description }}</p> |
|
|
|
<div class="descriptions d-flex flex-column justify-center"> |
|
|
|
<p>{{ platform.descriptionOne }}</p> |
|
|
|
<p>{{ platform.descriptionTow }}</p> |
|
|
|
<p>{{ platform.descriptionThree }}</p> |
|
|
|
<p>{{ platform.descriptionFour }}</p> |
|
|
|
</div> |
|
|
|
<div class="titles d-flex justify-center align-center"> |
|
|
|
{{ platform.title }} |
|
|
@ -80,7 +70,7 @@ |
|
|
|
<div style="border-radius: 10px; overflow: hidden"> |
|
|
|
<img class="d-flex justify-end flex-1" style="width: 100%" :src="server.url" /> |
|
|
|
</div> |
|
|
|
<div style="padding: 15px 0; font-weight: bold">{{ server.chinese }}</div> |
|
|
|
<div style="padding: 15px 0; font-weight: bold; font-size: 20px">{{ server.chinese }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -126,9 +116,9 @@ export default { |
|
|
|
path: '/NewPlatform/NewCore', |
|
|
|
url: require('./img/creation.png'), |
|
|
|
description: 'COLLABORATIVE ININOVATION', |
|
|
|
descriptionOne: '依托“山西绿谷大健康协同创新研', |
|
|
|
descriptionTow: '究院”和“功能食品与生物医药协同', |
|
|
|
descriptionThree: '创新联盟”,在整合高校...', |
|
|
|
descriptionOne: '依托新型研发机构和技术创新中心', |
|
|
|
descriptionTow: '搭建科技开放、技术转移转化', |
|
|
|
descriptionThree: '科技人才团队平台', |
|
|
|
title: '协同创作中心', |
|
|
|
}, |
|
|
|
{ |
|
|
@ -136,10 +126,10 @@ export default { |
|
|
|
path: '/IncubationPlatform/MakerSpace', |
|
|
|
url: require('./img/popularCreation.png'), |
|
|
|
description: 'THE SPACE OF CREATION', |
|
|
|
descriptionOne: '以建设专业化、市场化、网络化、品', |
|
|
|
descriptionTow: '牌化双创孵化基地为目标,致力打造', |
|
|
|
descriptionThree: '以公共技术服务平台为支撑,以创', |
|
|
|
descriptionFour: '新创业服务为主导,以创新创业...', |
|
|
|
descriptionOne: '本众创空间以建设专业化、', |
|
|
|
descriptionTow: '市场化、网络化、品牌化双创孵化基地为目标,', |
|
|
|
descriptionThree: '致力打造专业化开放式创新创业孵化平台', |
|
|
|
// descriptionFour: '新创业服务为主导,以创新创业...', |
|
|
|
title: '专业化众创空间', |
|
|
|
}, |
|
|
|
{ |
|
|
@ -147,8 +137,9 @@ export default { |
|
|
|
path: '/Industry/Products', |
|
|
|
url: require('./img/exhibition.png'), |
|
|
|
description: 'PRODUCT DEMONSTRATION', |
|
|
|
descriptionOne: '产品类目:', |
|
|
|
descriptionTow: '功能食品 生物医药 数字健康', |
|
|
|
descriptionOne: '为入驻创业团队提供第三方服务介绍,', |
|
|
|
descriptionTow: '定期举办各种路演活动,', |
|
|
|
descriptionThree: '提高多元化的服务。', |
|
|
|
title: '企业产品展示', |
|
|
|
}, |
|
|
|
], |
|
|
@ -162,7 +153,7 @@ export default { |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '02', |
|
|
|
chinese: '孵化服务', |
|
|
|
chinese: '创业服务', |
|
|
|
english: 'INCUBATION', |
|
|
|
path: '/IncubationPlatform/Services', |
|
|
|
url: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/upload/20210818/7195657085673f68a805bdc6298de2a.jpg', |
|
|
@ -334,11 +325,11 @@ export default { |
|
|
|
.demand { |
|
|
|
margin-right: 15px; |
|
|
|
color: #13acc4; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 24px; |
|
|
|
} |
|
|
|
|
|
|
|
.descriptions { |
|
|
|
font-size: 12px; |
|
|
|
font-size: 14px; |
|
|
|
height: 170px; |
|
|
|
} |
|
|
|
|
|
|
|