|
@@ -1,138 +1,47 @@
|
|
<template>
|
|
<template>
|
|
<div id="index">
|
|
<div id="index">
|
|
<el-row>
|
|
<el-row>
|
|
- <el-col :span="24">
|
|
|
|
- <el-col :span="24" class="top">
|
|
|
|
- <top :topInfo="topInfo"></top>
|
|
|
|
- </el-col>
|
|
|
|
|
|
+ <el-col :span="24" class="top">
|
|
|
|
+ <div class="w_1200">
|
|
|
|
+ 头部
|
|
|
|
+ </div>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="24">
|
|
|
|
- <el-col :span="24" class="menu" :style="`background:${backColor}`">
|
|
|
|
- <div class="w_1200">
|
|
|
|
- <native></native>
|
|
|
|
- </div>
|
|
|
|
- </el-col>
|
|
|
|
|
|
+ <el-col :span="24" class="menu">
|
|
|
|
+ 导航
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24" class="main">
|
|
<el-col :span="24" class="main">
|
|
<div class="w_1200">
|
|
<div class="w_1200">
|
|
- <el-col :span="24" class="mainTop">
|
|
|
|
- <el-col :span="16" class="news">
|
|
|
|
- <news :newsList="newsList"></news>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="7" class="notice">
|
|
|
|
- <notice :noticeList="noticeList"></notice>
|
|
|
|
- </el-col>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="mainLogin">
|
|
|
|
- <login></login>
|
|
|
|
|
|
+ <el-col :span="6" class="notice">
|
|
|
|
+ 通知公告
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="24" class="mainData">
|
|
|
|
- <el-col :span="7" class="RiLi">
|
|
|
|
- <calendar :calendar="calendar"></calendar>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="16" class="recruit">
|
|
|
|
- <recruit :talksList="talksList" :fairsList="fairsList" :talksoutList="talksoutList" :infoList="infoList">
|
|
|
|
- </recruit>
|
|
|
|
- </el-col>
|
|
|
|
|
|
+ <el-col :span="17" class="news">
|
|
|
|
+ 新闻动态
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="24" class="mainQuick">
|
|
|
|
- <el-col :span="7" class="fast">
|
|
|
|
- <fast></fast>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="16" class="cause">
|
|
|
|
- <cause :enterList="enterList" :enterInfoList="enterInfoList"></cause>
|
|
|
|
- </el-col>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="mainWheel">
|
|
|
|
- <el-col :span="7" class="wheelLeft">
|
|
|
|
- <el-col :span="24" class="lunbo">
|
|
|
|
- <lunbo :lunboList="lunboList"></lunbo>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="content">
|
|
|
|
- <contact></contact>
|
|
|
|
- </el-col>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="16" class="wheelRight">
|
|
|
|
- <el-col :span="24" class="danwei">
|
|
|
|
- <danwei :danweiList="danweiList" :danweiInfoList="danweiInfoList"></danwei>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="yizhanshi">
|
|
|
|
- <yizhanshi :image="image" :yizhanList="yizhanList"></yizhanshi>
|
|
|
|
- </el-col>
|
|
|
|
- </el-col>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="mains">
|
|
|
|
+ <div class="w_1200">
|
|
|
|
+ <el-col :span="6" class="mingshi">
|
|
|
|
+ 计算明示
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="24" class="mainLink">
|
|
|
|
- <friendLink :linkImgList="linkImgList"></friendLink>
|
|
|
|
|
|
+ <el-col :span="17" class="chengguo">
|
|
|
|
+ 成果展示
|
|
</el-col>
|
|
</el-col>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24" class="down">
|
|
<el-col :span="24" class="down">
|
|
- <div class="w_1200">
|
|
|
|
- <footDown :downList="downList"></footDown>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="w_1200">底部</div>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-import top from '../../layout/index/top.vue';
|
|
|
|
-import native from '../../layout/index/native.vue';
|
|
|
|
-import news from '../../layout/index/news.vue';
|
|
|
|
-import notice from '../../layout/index/notice.vue';
|
|
|
|
-import login from '../../layout/index/login.vue';
|
|
|
|
-import calendar from '../../layout/index/calendar.vue';
|
|
|
|
-import recruit from '../../layout/index/recruit.vue';
|
|
|
|
-import fast from '../../layout/index/fast.vue';
|
|
|
|
-import cause from '../../layout/index/cause.vue';
|
|
|
|
-import danwei from '../../layout/index/danwei.vue';
|
|
|
|
-import yizhanshi from '../../layout/index/yizhanshi.vue';
|
|
|
|
-import lunbo from '../../layout/index/lunbo.vue';
|
|
|
|
-import contact from '../../layout/index/contact.vue';
|
|
|
|
-import friendLink from '../../layout/index/friendLink.vue';
|
|
|
|
-import footDown from '../../layout/index/foot.vue';
|
|
|
|
export default {
|
|
export default {
|
|
name: 'index',
|
|
name: 'index',
|
|
- props: {
|
|
|
|
- topInfo: null,
|
|
|
|
- newsList: null,
|
|
|
|
- noticeList: null,
|
|
|
|
- calendar: null,
|
|
|
|
- talksList: null,
|
|
|
|
- fairsList: null,
|
|
|
|
- talksoutList: null,
|
|
|
|
- infoList: null,
|
|
|
|
- enterList: null,
|
|
|
|
- enterInfoList: null,
|
|
|
|
- danweiList: null,
|
|
|
|
- danweiInfoList: null,
|
|
|
|
- image: null,
|
|
|
|
- lunboList: null,
|
|
|
|
- yizhanList: null,
|
|
|
|
- linkImgList: null,
|
|
|
|
- downList: null,
|
|
|
|
- },
|
|
|
|
- components: {
|
|
|
|
- top,
|
|
|
|
- native,
|
|
|
|
- news,
|
|
|
|
- notice,
|
|
|
|
- login,
|
|
|
|
- calendar,
|
|
|
|
- recruit,
|
|
|
|
- fast,
|
|
|
|
- cause,
|
|
|
|
- danwei,
|
|
|
|
- yizhanshi,
|
|
|
|
- lunbo,
|
|
|
|
- contact,
|
|
|
|
- friendLink,
|
|
|
|
- footDown,
|
|
|
|
-
|
|
|
|
- },
|
|
|
|
- data: () => ({
|
|
|
|
- backColor: '#850000',
|
|
|
|
- }),
|
|
|
|
|
|
+ props: {},
|
|
|
|
+ components: {},
|
|
|
|
+ data: () => ({}),
|
|
created() { },
|
|
created() { },
|
|
computed: {},
|
|
computed: {},
|
|
methods: {},
|
|
methods: {},
|
|
@@ -145,98 +54,44 @@ export default {
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
.top {
|
|
.top {
|
|
- min-height: 300px;
|
|
|
|
|
|
+ height: 100px;
|
|
|
|
+ border: 1px solid #ccc;
|
|
}
|
|
}
|
|
.menu {
|
|
.menu {
|
|
|
|
+ margin-bottom: 20px;
|
|
height: 40px;
|
|
height: 40px;
|
|
-}
|
|
|
|
-.main {
|
|
|
|
- margin: 20px 0 0 0;
|
|
|
|
-}
|
|
|
|
-.mainTop {
|
|
|
|
- margin: 0 0 20px 0;
|
|
|
|
-}
|
|
|
|
-.mainTop .news {
|
|
|
|
- height: 316px;
|
|
|
|
- border: 1px solid #ccc;
|
|
|
|
- overflow: hidden;
|
|
|
|
-}
|
|
|
|
-.mainTop .notice {
|
|
|
|
- float: right;
|
|
|
|
- width: 380px;
|
|
|
|
- height: 316px;
|
|
|
|
border: 1px solid #ccc;
|
|
border: 1px solid #ccc;
|
|
- overflow: hidden;
|
|
|
|
}
|
|
}
|
|
-.mainLogin {
|
|
|
|
- margin: 0 0 20px 0;
|
|
|
|
- height: 80px;
|
|
|
|
- border: 1px solid #ccc;
|
|
|
|
-}
|
|
|
|
-.mainData {
|
|
|
|
- margin: 0 0 20px 0;
|
|
|
|
|
|
+.main {
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
+ height: 400px;
|
|
}
|
|
}
|
|
-.mainData .RiLi {
|
|
|
|
- height: 340px;
|
|
|
|
|
|
+.main .notice {
|
|
|
|
+ height: 400px;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid #ccc;
|
|
}
|
|
}
|
|
-.mainData .recruit {
|
|
|
|
|
|
+.main .news {
|
|
float: right;
|
|
float: right;
|
|
- width: 830px;
|
|
|
|
- height: 340px;
|
|
|
|
- overflow: hidden;
|
|
|
|
|
|
+ width: 880px;
|
|
|
|
+ height: 400px;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid #ccc;
|
|
}
|
|
}
|
|
-.mainQuick {
|
|
|
|
- margin: 0 0 20px 0;
|
|
|
|
|
|
+.mains {
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
+ height: 400px;
|
|
}
|
|
}
|
|
-.mainQuick .fast {
|
|
|
|
- height: 250px;
|
|
|
|
-}
|
|
|
|
-.mainQuick .cause {
|
|
|
|
- float: right;
|
|
|
|
- width: 830px;
|
|
|
|
- height: 315px;
|
|
|
|
- overflow: hidden;
|
|
|
|
|
|
+.mains .mingshi {
|
|
|
|
+ height: 400px;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid #ccc;
|
|
}
|
|
}
|
|
-.mainWheel {
|
|
|
|
- margin: 0 0 20px 0;
|
|
|
|
-}
|
|
|
|
-.mainWheel .wheelLeft {
|
|
|
|
- height: 620px;
|
|
|
|
-}
|
|
|
|
-.mainWheel .wheelLeft .lunbo {
|
|
|
|
- height: 270px;
|
|
|
|
- margin: 0 0 40px 0;
|
|
|
|
- overflow: hidden;
|
|
|
|
-}
|
|
|
|
-.mainWheel .wheelLeft .content {
|
|
|
|
- height: 310px;
|
|
|
|
- overflow: hidden;
|
|
|
|
-}
|
|
|
|
-.mainWheel .wheelRight {
|
|
|
|
|
|
+.mains .chengguo {
|
|
float: right;
|
|
float: right;
|
|
- width: 830px;
|
|
|
|
- height: 620px;
|
|
|
|
-}
|
|
|
|
-.mainWheel .wheelRight .danwei {
|
|
|
|
- height: 315px;
|
|
|
|
- margin: 0 0 20px 0;
|
|
|
|
- overflow: hidden;
|
|
|
|
- border: 1px solid #ccc;
|
|
|
|
-}
|
|
|
|
-.mainWheel .wheelRight .yizhanshi {
|
|
|
|
- height: 285px;
|
|
|
|
- border: 1px solid #ccc;
|
|
|
|
-}
|
|
|
|
-.mainLink {
|
|
|
|
- margin: 0 0 20px 0;
|
|
|
|
- height: 150px;
|
|
|
|
|
|
+ width: 880px;
|
|
|
|
+ height: 400px;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid #ccc;
|
|
}
|
|
}
|
|
.down {
|
|
.down {
|
|
height: 100px;
|
|
height: 100px;
|
|
- background-color: #333;
|
|
|
|
|
|
+ border: 1px solid #ccc;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|