|
@@ -2,10 +2,72 @@
|
|
<div id="index">
|
|
<div id="index">
|
|
<el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-col :span="24">
|
|
- <div class="w_1200">
|
|
|
|
<el-col :span="24" class="top">
|
|
<el-col :span="24" class="top">
|
|
- <top></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>
|
|
|
|
+ <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>
|
|
|
|
+ </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>
|
|
|
|
+ <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></recruit>
|
|
|
|
+ </el-col>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
+ <el-col :span="24" class="mainQuick">
|
|
|
|
+ <el-col :span="7" class="fast">
|
|
|
|
+ 快速通道
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="16" class="cause">
|
|
|
|
+ 吉林省事业单位
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="mainWheel">
|
|
|
|
+ <el-col :span="7" class="wheelLeft">
|
|
|
|
+ <el-col :span="24" class="lunbo">
|
|
|
|
+ 轮播
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="content">
|
|
|
|
+ 联系方式
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="16" class="wheelRight">
|
|
|
|
+ <el-col :span="24" class="danwei">
|
|
|
|
+ 事业单位
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="yizhanshi">
|
|
|
|
+ 一站式
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="mainLink">
|
|
|
|
+ 友情链接
|
|
|
|
+ </el-col>
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="down">
|
|
|
|
+ <div class="w_1200">
|
|
|
|
+ <footDown :downList="downList"></footDown>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
@@ -14,19 +76,141 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import top from '../../layout/index/top.vue';
|
|
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 footDown from '../../layout/index/foot.vue';
|
|
export default {
|
|
export default {
|
|
name: 'index',
|
|
name: 'index',
|
|
props: {
|
|
props: {
|
|
- newList:null,
|
|
|
|
|
|
+ topInfo:null,
|
|
|
|
+ newsList:null,
|
|
|
|
+ noticeList:null,
|
|
|
|
+ calendar:null,
|
|
|
|
+ downList:null,
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
top,
|
|
top,
|
|
|
|
+ native,
|
|
|
|
+ news,
|
|
|
|
+ notice,
|
|
|
|
+ login,
|
|
|
|
+ calendar,
|
|
|
|
+ recruit,
|
|
|
|
+ footDown,
|
|
|
|
+
|
|
},
|
|
},
|
|
- data: () => ({}),
|
|
|
|
|
|
+ data: () => ({
|
|
|
|
+ backColor:'#850000',
|
|
|
|
+ }),
|
|
created() {},
|
|
created() {},
|
|
computed: {},
|
|
computed: {},
|
|
methods: {},
|
|
methods: {},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style lang="scss" scoped></style>
|
|
|
|
|
|
+<style lang="less" scoped>
|
|
|
|
+.w_1200{
|
|
|
|
+ width:1200px;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+}
|
|
|
|
+.top{
|
|
|
|
+ min-height:300px;
|
|
|
|
+}
|
|
|
|
+.menu{
|
|
|
|
+ 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;
|
|
|
|
+ overflow:hidden;
|
|
|
|
+}
|
|
|
|
+.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;
|
|
|
|
+ border:1px solid #ccc;
|
|
|
|
+}
|
|
|
|
+.mainQuick{
|
|
|
|
+ margin:0 0 20px 0;
|
|
|
|
+}
|
|
|
|
+.mainQuick .fast{
|
|
|
|
+ height:340px;
|
|
|
|
+ border:1px solid #ccc;
|
|
|
|
+}
|
|
|
|
+.mainQuick .cause{
|
|
|
|
+ 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;
|
|
|
|
+}
|
|
|
|
+.down {
|
|
|
|
+ height:100px;
|
|
|
|
+ background-color: #333;
|
|
|
|
+}
|
|
|
|
+</style>
|