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