35 changed files with 691 additions and 263 deletions
|
After Width: | Height: | Size: 350 B |
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 53 KiB |
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
@ -0,0 +1,44 @@ |
|||
<template> |
|||
<div> |
|||
<banner :show-page="showPage" /> |
|||
<h-nav /> |
|||
<div class="inner"> |
|||
<bread-crumb :arr="arr" /> |
|||
<div class="white pa-5 my-5"> |
|||
<rich-text :title="title" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import Banner from 'components/Banner/Banner.vue'; |
|||
import HNav from './../components/HNav.vue'; |
|||
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue'; |
|||
import RichText from 'components/Introduce/RichText.vue'; |
|||
|
|||
export default { |
|||
name: 'Incubator', |
|||
components: { Banner, HNav, BreadCrumb, RichText }, |
|||
data() { |
|||
return { |
|||
title: '孵化平台-孵化场所', |
|||
showPage: 45, |
|||
arr: [ |
|||
{ name: '孵化平台', url: '/IncubationPlatform/MakerSpace' }, |
|||
{ name: '众创空间', url: '/IncubationPlatform/MakerSpace' }, |
|||
{ name: '实体众创空间', url: '/IncubationPlatform/MakerSpace/EntitySpace' }, |
|||
{ name: '孵化场所', url: '' }, |
|||
], |
|||
}; |
|||
}, |
|||
|
|||
methods: {}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="stylus" scoped> |
|||
.inner { |
|||
margin: 40px auto; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,228 @@ |
|||
<template> |
|||
<div> |
|||
<h-nav /> |
|||
<div class="inner"> |
|||
<bread-crumb :arr="arr" /> |
|||
</div> |
|||
<div class="top-box"> |
|||
<div class="top-title">虚拟众创空间</div> |
|||
<div |
|||
class="top-content" |
|||
>虚拟众创空间主要面向非入驻实体空间从事功能食品、生物医药和大健康产业相关研发服务和生产的企业。虚拟众创空间依托绿谷数字化平台进行建设，入驻企业可享受实体众创空间的各种创新创业服务，参加相关创新创业活动。</div> |
|||
</div> |
|||
<div class="center-box"> |
|||
<div class="center-title"> |
|||
<div class="circular"></div> |
|||
<div style="margin-left: 40px">加入流程</div> |
|||
</div> |
|||
<div class="center-content"> |
|||
<div class="join-us-box"> |
|||
<img class="fill-width" src="~assets/join-us.png" /> |
|||
<div class="material-box d-flex flex-row justify-center"> |
|||
<a-tooltip placement="top"> |
|||
<template slot="title"> |
|||
<div> |
|||
<p>资料：</p> |
|||
<p>1.入孵申请表</p> |
|||
<p>2.营业执照复印件（尚未注册的无须提供，未注册提供注册信息登记表）</p> |
|||
<p>3.法定代表或授权代表身份证复印件</p> |
|||
<p>4.主导产品或技术简介</p> |
|||
</div> |
|||
</template> |
|||
<div class="material"></div> |
|||
</a-tooltip> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- <a-button class="center-btn" type="primary">申请加入</a-button> --> |
|||
<add-model :value="3" class="center-btn" style="height: 32px" /> |
|||
</div> |
|||
<div class="center-box c-box" style="margin-bottom: 160px"> |
|||
<div class="center-title"> |
|||
<div class="circular"></div> |
|||
<div style="margin-left: 40px">入驻企业名录</div> |
|||
</div> |
|||
<div class="center-content"> |
|||
<div class="d-flex flex-wrap"> |
|||
<div |
|||
:class="(index + 1) % 3 === 0 ? 'margin-0' : ''" |
|||
:key="index" |
|||
class="ent-box" |
|||
v-for="(item, index) in lists" |
|||
> |
|||
<p class="ent-index">{{ index + 1 }}</p> |
|||
<span class="ent-name" style="margin-left: 50px">{{ item }}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="reg-box"> |
|||
<a-button class style="float: left" type="primary">入驻企业注册</a-button> |
|||
<a-pagination |
|||
:current="current" |
|||
:page-size="pageSize" |
|||
:total="lists.length" |
|||
@change="onShowSizeChange" |
|||
class="pagination" |
|||
show-less-items |
|||
show-quick-jumper |
|||
v-show="lists.length > 18" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import HNav from '../../components/HNav.vue'; |
|||
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue'; |
|||
import AddModel from './../../components/AddModel.vue'; |
|||
export default { |
|||
name: 'VirtualSpace', |
|||
components: { HNav, BreadCrumb, AddModel }, |
|||
data() { |
|||
return { |
|||
title: '虚拟众创空间', |
|||
arr: [ |
|||
{ name: '孵化平台', url: '/IncubationPlatform/MakerSpace' }, |
|||
{ name: '众创空间', url: '/IncubationPlatform/MakerSpace' }, |
|||
{ name: '虚拟众创空间', url: '' }, |
|||
], |
|||
list: [], |
|||
pageSize: 18, |
|||
current: 1, |
|||
lists: [ |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
'XX企业', |
|||
], |
|||
}; |
|||
}, |
|||
|
|||
methods: { |
|||
// 改变单当前页数 |
|||
onShowSizeChange(current, size) { |
|||
this.current = current; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="stylus" scoped> |
|||
.inner { |
|||
margin: 10px auto 15px; |
|||
} |
|||
|
|||
.center-btn { |
|||
position: absolute; |
|||
left: 26.2%; |
|||
bottom: 100px; |
|||
} |
|||
|
|||
.pagination { |
|||
float: right; |
|||
} |
|||
|
|||
.c-box { |
|||
background: none !important; |
|||
} |
|||
|
|||
.big-btn { |
|||
width: 213px; |
|||
height: 166px; |
|||
background: #13ACC4; |
|||
opacity: 1; |
|||
} |
|||
|
|||
.big-con { |
|||
width: 96px; |
|||
height: 31px; |
|||
font-size: 24px; |
|||
font-family: Microsoft YaHei; |
|||
font-weight: bold; |
|||
line-height: 31px; |
|||
color: #FFFFFF; |
|||
opacity: 1; |
|||
} |
|||
|
|||
.margin-0 { |
|||
margin-right: 0 !important; |
|||
} |
|||
|
|||
.ent-box { |
|||
width: 26%; |
|||
margin-right: 11%; |
|||
position: relative; |
|||
height: 56px; |
|||
line-height: 56px; |
|||
padding: 0 14px; |
|||
background: #FFFFFF; |
|||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); |
|||
opacity: 1; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.ent-index { |
|||
width: 28px; |
|||
position: absolute; |
|||
top: 14px; |
|||
line-height: 28px; |
|||
text-align: center; |
|||
font-size: 20px; |
|||
font-family: Segoe UI; |
|||
color: #FFFFFF; |
|||
height: 28px; |
|||
border-radius: 50%; |
|||
background: #13ACC4; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.ent-name { |
|||
font-size: 20px; |
|||
font-family: Microsoft YaHei; |
|||
font-weight: bold; |
|||
line-height: 24px; |
|||
color: rgba(0, 0, 0, 0.65); |
|||
opacity: 1; |
|||
} |
|||
|
|||
.reg-box { |
|||
position: absolute; |
|||
left: 26.2%; |
|||
bottom: 100px; |
|||
width: 64.8%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.join-us-box { |
|||
width: 100%; |
|||
position: relative; |
|||
|
|||
.material-box { |
|||
width: 100%; |
|||
height: 88px; |
|||
position: absolute; |
|||
top: 0px; |
|||
left: 0px; |
|||
|
|||
.material { |
|||
width: 10%; |
|||
height: 100%; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue