forked from TALL/check-work
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
184 lines
5.4 KiB
184 lines
5.4 KiB
<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>
|
|
<new-model class="center-btn" />
|
|
<!-- <a-button class="center-btn" type="primary">申请加入</a-button> -->
|
|
</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 NewModel from '../../NewPlatform/components/NewModel.vue';
|
|
export default {
|
|
name: 'Union',
|
|
components: { HNav, BreadCrumb, NewModel },
|
|
data() {
|
|
return {
|
|
title: '产业创新联盟',
|
|
typeOfPlatform: '产业平台',
|
|
arr: [
|
|
{ name: '产业平台', url: '/Challenge/Union' },
|
|
{ name: '产业创新联盟', url: '' },
|
|
],
|
|
list: [],
|
|
pageSize: 18,
|
|
current: 1,
|
|
lists: ['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;
|
|
}
|
|
</style>
|
|
|