|
@@ -0,0 +1,165 @@
|
|
|
|
+<template>
|
|
|
|
+ <div id="government">
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col :span="24" class="top">
|
|
|
|
+ <top></top>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="logo">
|
|
|
|
+ <div class="w_1200">
|
|
|
|
+ <logo :info="info"></logo>
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="menu">
|
|
|
|
+ <div class="w_1200">
|
|
|
|
+ <menuInfo></menuInfo>
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="main">
|
|
|
|
+ <!-- <div class="w_1200">
|
|
|
|
+ <el-col :span="12" class="phontoNews">
|
|
|
|
+ <photoNews :photoNews="photoNews"> </photoNews>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12" class="news">
|
|
|
|
+ <news :chuangxinList="chuangxinList" :guoneiList="guoneiList" :zhengwuList="zhengwuList" :meitiList="meitiList"></news>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="8" class="notice">
|
|
|
|
+ <notice :tongzhiList="tongzhiList"></notice>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="16" class="zhengwu">
|
|
|
|
+ <zhengwu :zhengwu="zhengwu"></zhengwu>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="gongzhong">
|
|
|
|
+ <gongzhong :gongzhongList="gongzhongList"></gongzhong>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="link">
|
|
|
|
+ <linkInfo :linkList="linkList"></linkInfo>
|
|
|
|
+ </el-col>
|
|
|
|
+ </div> -->
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="foot">
|
|
|
|
+ <div class="w_1200">
|
|
|
|
+ <foot :info="info"></foot>
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+import top from '@/layout/index/top.vue';
|
|
|
|
+import logo from '@/layout/index/logo.vue';
|
|
|
|
+import menuInfo from '@/layout/index/menuInfo.vue';
|
|
|
|
+import foot from '@/layout/index/foot.vue';
|
|
|
|
+import photoNews from '@/layout/government/photoNews.vue';
|
|
|
|
+import news from '@/layout/government/news.vue';
|
|
|
|
+import notice from '@/layout/government/notice.vue';
|
|
|
|
+import zhengwu from '@/layout/government/zhengwu.vue';
|
|
|
|
+import gongzhong from '@/layout/government/gongzhong.vue';
|
|
|
|
+import linkInfo from '@/layout/index/linkInfo.vue';
|
|
|
|
+export default {
|
|
|
|
+ name: 'government',
|
|
|
|
+ props: {
|
|
|
|
+ info: null, //站点信息
|
|
|
|
+ photoNews: null, //图片新闻
|
|
|
|
+ chuangxinList: null, //科技政务图片旁边新闻
|
|
|
|
+ guoneiList: null, //科技政务图片旁边国内动态
|
|
|
|
+ zhengwuList: null, //科技政务图片旁边政务活动
|
|
|
|
+ meitiList: null, //科技政务图片旁边媒体焦距
|
|
|
|
+ tongzhiList: null, //通知公告
|
|
|
|
+ zhengwu: null, //政务公开
|
|
|
|
+ gongzhongList: null, //公众参与
|
|
|
|
+ linkList: null, //友情链接
|
|
|
|
+ },
|
|
|
|
+ components: {
|
|
|
|
+ top, //头部
|
|
|
|
+ logo, //logo
|
|
|
|
+ menuInfo, //导航
|
|
|
|
+ foot, //底部
|
|
|
|
+ // photoNews, //科技政务下的图片新闻照片
|
|
|
|
+ // news, //科技政务图片旁边新闻
|
|
|
|
+ // notice, //通知公告
|
|
|
|
+ // zhengwu, //政务公告
|
|
|
|
+ // gongzhong, //公众参与
|
|
|
|
+ // linkInfo, //相关链接
|
|
|
|
+ },
|
|
|
|
+ data: () => ({}),
|
|
|
|
+ created() {},
|
|
|
|
+ computed: {},
|
|
|
|
+ methods: {},
|
|
|
|
+};
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style lang="less" scoped>
|
|
|
|
+.w_1200 {
|
|
|
|
+ width: 1200px;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+}
|
|
|
|
+.top {
|
|
|
|
+ height: 40px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ background-color: rgba(11, 58, 125, 0.8);
|
|
|
|
+}
|
|
|
|
+.logo {
|
|
|
|
+ height: 200px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
|
|
+.menu {
|
|
|
|
+ height: 70px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
|
|
+.main {
|
|
|
|
+ height: 1080px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ margin: 10px 0;
|
|
|
|
+}
|
|
|
|
+.main .phontoNews {
|
|
|
|
+ float: left;
|
|
|
|
+ width: 590px;
|
|
|
|
+ height: 400px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ margin: 0 10px 10px 0;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+}
|
|
|
|
+.main .news {
|
|
|
|
+ float: left;
|
|
|
|
+ width: 600px;
|
|
|
|
+ height: 400px;
|
|
|
|
+ margin: 0 0 10px 0;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+}
|
|
|
|
+.main .notice {
|
|
|
|
+ float: left;
|
|
|
|
+ width: 390px;
|
|
|
|
+ height: 320px;
|
|
|
|
+ margin: 0 10px 10px 0;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+}
|
|
|
|
+.main .zhengwu {
|
|
|
|
+ float: left;
|
|
|
|
+ width: 800px;
|
|
|
|
+ height: 320px;
|
|
|
|
+ margin: 0 0 10px 0;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+}
|
|
|
|
+.main .gongzhong {
|
|
|
|
+ height: 240px;
|
|
|
|
+ margin: 0 0 10px 0;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+}
|
|
|
|
+.main .link {
|
|
|
|
+ float: left;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+}
|
|
|
|
+.foot {
|
|
|
|
+ float: left;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 120px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
|
|
+</style>
|