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.
85 lines
1.8 KiB
85 lines
1.8 KiB
<template>
|
|
<div>
|
|
<div class="footer">
|
|
<div class="d-flex flex-nowrap inner">
|
|
<div class="box">
|
|
<img class="pic" src="~assets/logo_bottom.png" />
|
|
</div>
|
|
<div class="box flex-1 d-flex flex-column" style="padding-left: 13%;">
|
|
<div class="title">发现</div>
|
|
<span>创新挑战</span>
|
|
<span>创新平台</span>
|
|
<span>孵化平台</span>
|
|
<span>产业平台</span>
|
|
<span>在线社区</span>
|
|
</div>
|
|
<div class="box flex-1 d-flex flex-column">
|
|
<div class="title">资讯</div>
|
|
<span>行业资讯</span>
|
|
<span>活动公告</span>
|
|
<span>国家政策</span>
|
|
<span>行业资讯</span>
|
|
<span>省级政策</span>
|
|
</div>
|
|
<div class="box flex-1 d-flex flex-column">
|
|
<div class="title">联系我们</div>
|
|
<span>我要入驻</span>
|
|
<span>人才招聘</span>
|
|
<div>400-789-789</div>
|
|
</div>
|
|
<div class="box">
|
|
<img class="pic" src="~assets/code.png" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="xian"></div>
|
|
<div class="font-12 align-center text">
|
|
Copyright © 2020 The Project by
|
|
<span style="color:#2E54EA">CCSENS</span>. All Rights Reserved
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return { str: '头部导航栏' };
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="stylus" scoped>
|
|
.footer {
|
|
color: #D7D7D7;
|
|
}
|
|
|
|
.pic {
|
|
width: 130px;
|
|
}
|
|
|
|
.box {
|
|
margin-top: 58px;
|
|
|
|
.title {
|
|
font-size: 18px;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
span {
|
|
font-size: 12px;
|
|
line-height: 24px;
|
|
}
|
|
}
|
|
|
|
.xian {
|
|
width: 100%;
|
|
height: 1px;
|
|
background: rgba(204, 204, 204, 0.35);
|
|
margin-top: 100px;
|
|
}
|
|
|
|
.text {
|
|
text-align: center;
|
|
line-height: 90px;
|
|
}
|
|
</style>
|
|
|