|
|
@@ -2,22 +2,22 @@
|
|
|
<div id="index">
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
- <el-col :span="24" class="top">
|
|
|
- <top :topInfo="topInfo"></top>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="24" class="top">
|
|
|
+ <top :topInfo="topInfo"></top>
|
|
|
+ </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" :style="`background:${backColor}`">
|
|
|
+ <div class="w_1200">
|
|
|
+ <native></native>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="main">
|
|
|
<div class="w_1200">
|
|
|
<el-col :span="24" class="mainTop">
|
|
|
<el-col :span="16" class="news">
|
|
|
- <news :newsList="newsList"></news>
|
|
|
+ <news :newsList="newsList"></news>
|
|
|
</el-col>
|
|
|
<el-col :span="7" class="notice">
|
|
|
<notice :noticeList="noticeList"></notice>
|
|
|
@@ -31,7 +31,8 @@
|
|
|
<calendar :calendar="calendar"></calendar>
|
|
|
</el-col>
|
|
|
<el-col :span="16" class="recruit">
|
|
|
- <recruit :talksList="talksList" :fairsList="fairsList" :talksoutList="talksoutList" :infoList="infoList"></recruit>
|
|
|
+ <recruit :talksList="talksList" :fairsList="fairsList" :talksoutList="talksoutList" :infoList="infoList">
|
|
|
+ </recruit>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="mainQuick">
|
|
|
@@ -39,24 +40,26 @@
|
|
|
<fast></fast>
|
|
|
</el-col>
|
|
|
<el-col :span="16" class="cause">
|
|
|
- <cause></cause>
|
|
|
+ <cause :enterList="enterList" :teacherList="teacherList"></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 :shiyeList="shiyeList" :gongwuyuanList="gongwuyuanList" :xuantiaoList="xuantiaoList"
|
|
|
+ :xibuList="xibuList" :teguangList="teguangList" :sanzhiList="sanzhiList"
|
|
|
+ :xueshengList="xueshengList"></danwei>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="yizhanshi">
|
|
|
- 一站式
|
|
|
+ <yizhanshi :image="image" :yizhanList="yizhanList"></yizhanshi>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
@@ -67,7 +70,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="down">
|
|
|
<div class="w_1200">
|
|
|
- <footDown :downList="downList"></footDown>
|
|
|
+ <footDown :downList="downList"></footDown>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -84,21 +87,37 @@ 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 {
|
|
|
name: 'index',
|
|
|
props: {
|
|
|
- topInfo:null,
|
|
|
- newsList:null,
|
|
|
- noticeList:null,
|
|
|
- calendar:null,
|
|
|
- talksList:null,
|
|
|
- fairsList:null,
|
|
|
- talksoutList:null,
|
|
|
- infoList:null,
|
|
|
- linkImgList:null,
|
|
|
- downList:null,
|
|
|
+ topInfo: null,
|
|
|
+ newsList: null,
|
|
|
+ noticeList: null,
|
|
|
+ calendar: null,
|
|
|
+ talksList: null,
|
|
|
+ fairsList: null,
|
|
|
+ talksoutList: null,
|
|
|
+ infoList: null,
|
|
|
+ enterList: null,
|
|
|
+ teacherList: null,
|
|
|
+ shiyeList: null,
|
|
|
+ gongwuyuanList: null,
|
|
|
+ xuantiaoList: null,
|
|
|
+ xibuList: null,
|
|
|
+ teguangList: null,
|
|
|
+ sanzhiList: null,
|
|
|
+ xueshengList: null,
|
|
|
+ image:null,
|
|
|
+ lunboList:null,
|
|
|
+ yizhanList:null,
|
|
|
+ linkImgList: null,
|
|
|
+ downList: null,
|
|
|
},
|
|
|
components: {
|
|
|
top,
|
|
|
@@ -110,118 +129,116 @@ export default {
|
|
|
recruit,
|
|
|
fast,
|
|
|
cause,
|
|
|
+ danwei,
|
|
|
+ yizhanshi,
|
|
|
+ lunbo,
|
|
|
+ contact,
|
|
|
friendLink,
|
|
|
footDown,
|
|
|
|
|
|
},
|
|
|
data: () => ({
|
|
|
- backColor:'#850000',
|
|
|
+ backColor: '#850000',
|
|
|
}),
|
|
|
- created() {},
|
|
|
+ created() { },
|
|
|
computed: {},
|
|
|
methods: {},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.w_1200{
|
|
|
- width:1200px;
|
|
|
+.w_1200 {
|
|
|
+ width: 1200px;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
-.top{
|
|
|
- min-height:300px;
|
|
|
+.top {
|
|
|
+ min-height: 300px;
|
|
|
}
|
|
|
-.menu{
|
|
|
- height:40px;
|
|
|
+.menu {
|
|
|
+ height: 40px;
|
|
|
}
|
|
|
-.main{
|
|
|
- margin:20px 0 0 0;
|
|
|
+.main {
|
|
|
+ margin: 20px 0 0 0;
|
|
|
}
|
|
|
-.mainTop{
|
|
|
- margin:0 0 20px 0;
|
|
|
+.mainTop {
|
|
|
+ margin: 0 0 20px 0;
|
|
|
}
|
|
|
-.mainTop .news{
|
|
|
+.mainTop .news {
|
|
|
height: 316px;
|
|
|
- border:1px solid #ccc;
|
|
|
- overflow:hidden;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
-.mainTop .notice{
|
|
|
- float:right;
|
|
|
- width:380px;
|
|
|
+.mainTop .notice {
|
|
|
+ float: right;
|
|
|
+ width: 380px;
|
|
|
height: 316px;
|
|
|
- border:1px solid #ccc;
|
|
|
- overflow:hidden;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
-.mainLogin{
|
|
|
- margin:0 0 20px 0;
|
|
|
- height:80px;
|
|
|
- border:1px solid #ccc;
|
|
|
+.mainLogin {
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+ height: 80px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+}
|
|
|
+.mainData {
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+}
|
|
|
+.mainData .RiLi {
|
|
|
+ height: 340px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+}
|
|
|
+.mainData .recruit {
|
|
|
+ float: right;
|
|
|
+ width: 830px;
|
|
|
+ height: 340px;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
-.mainData{
|
|
|
- margin:0 0 20px 0;
|
|
|
+.mainQuick {
|
|
|
+ margin: 0 0 20px 0;
|
|
|
}
|
|
|
-.mainData .RiLi{
|
|
|
- height:340px;
|
|
|
- border:1px solid #ccc;
|
|
|
+.mainQuick .fast {
|
|
|
+ height: 250px;
|
|
|
}
|
|
|
-.mainData .recruit{
|
|
|
+.mainQuick .cause {
|
|
|
float: right;
|
|
|
- width:830px;
|
|
|
- height:340px;
|
|
|
- border:1px solid #ccc;
|
|
|
+ width: 830px;
|
|
|
+ height: 315px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
-.mainQuick{
|
|
|
- margin:0 0 20px 0;
|
|
|
+.mainWheel {
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+}
|
|
|
+.mainWheel .wheelLeft {
|
|
|
+ height: 620px;
|
|
|
}
|
|
|
-.mainQuick .fast{
|
|
|
- height:250px;
|
|
|
- border:1px solid #ccc;
|
|
|
+.mainWheel .wheelLeft .lunbo {
|
|
|
+ height: 270px;
|
|
|
+ margin: 0 0 40px 0;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.mainWheel .wheelLeft .content {
|
|
|
+ height: 310px;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
-.mainQuick .cause{
|
|
|
+.mainWheel .wheelRight {
|
|
|
float: right;
|
|
|
- width:830px;
|
|
|
- height:340px;
|
|
|
- border:1px solid #ccc;
|
|
|
-}
|
|
|
-.mainWheel{
|
|
|
- margin:0 0 20px 0;
|
|
|
-}
|
|
|
-.mainWheel .wheelLeft{
|
|
|
- height:620px;
|
|
|
- border:1px solid #ccc;
|
|
|
-}
|
|
|
-.mainWheel .wheelLeft .lunbo{
|
|
|
- height:410px;
|
|
|
- margin:0 0 20px 0;
|
|
|
- border:1px solid #ccc;
|
|
|
-}
|
|
|
-.mainWheel .wheelLeft .content{
|
|
|
- height:190px;
|
|
|
- border:1px solid #ccc;
|
|
|
-}
|
|
|
-.mainWheel .wheelRight{
|
|
|
- float:right;
|
|
|
- width:830px;
|
|
|
- height:620px;
|
|
|
- border:1px solid #ccc;
|
|
|
-}
|
|
|
-.mainWheel .wheelRight .danwei{
|
|
|
- height:300px;
|
|
|
- margin:0 0 20px 0;
|
|
|
- border:1px solid #ccc;
|
|
|
-}
|
|
|
-.mainWheel .wheelRight .yizhanshi{
|
|
|
- height:300px;
|
|
|
- border:1px solid #ccc;
|
|
|
-}
|
|
|
-.mainLink{
|
|
|
- margin:0 0 20px 0;
|
|
|
- height:150px;
|
|
|
- border:1px solid #ccc;
|
|
|
+ width: 830px;
|
|
|
+ height: 620px;
|
|
|
+}
|
|
|
+.mainWheel .wheelRight .danwei {
|
|
|
+ height: 315px;
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.mainWheel .wheelRight .yizhanshi {
|
|
|
+ height: 285px;
|
|
|
+}
|
|
|
+.mainLink {
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+ height: 150px;
|
|
|
}
|
|
|
.down {
|
|
|
- height:100px;
|
|
|
+ height: 100px;
|
|
|
background-color: #333;
|
|
|
}
|
|
|
</style>
|
