科技政务更新完成

src/components/government/governmentList.vue

@@ -116,10 +116,6 @@ export default {
   height: 370px;
   overflow: hidden;
 }
-.main .right {
-  min-height: 800px;
-  background-color: #fff;
-}
 .foot {
   float: left;
   width: 100%;

src/layout/government/policyrightcont.vue

@@ -49,7 +49,9 @@ p {
   margin: 0;
 }
 .info {
+  min-height: 800px;
   padding: 0 20px;
+  background-color: #fff;
 }
 .topInfo {
   height: 60px;

src/layout/government/rightcont.vue

@@ -1,30 +1,39 @@
 <template>
   <div id="rightcont">
-    <el-col class="zhengce">
-      <el-col :span="24" class="topTitle">
-        {{ columnName }}
+    <el-row>
+      <el-col class="zhengce">
+        <el-col :span="24" class="topTitle">
+          {{ columnName }}
+        </el-col>
+        <el-col :span="24" class="info">
+          <ul>
+            <li v-for="(item, index) in contentList" :key="index" @click="$emit('fetch', item.id)">
+              <el-col :span="21" class="title textOver">{{ item.title }}</el-col>
+              <el-col :span="3" class="date">
+                {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
+              </el-col>
+            </li>
+          </ul>
+          <el-col class="page" :span="24">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              layout="total,  prev, pager, next, jumper"
+              :total="total"
+            >
+            </el-pagination>
+          </el-col>
+        </el-col>
       </el-col>
-      <el-col :span="24" class="info">
-        <ul>
-          <li v-for="(item, index) in contentList" :key="index" @click="$emit('fetch', item.id)">
-            <el-col :span="21" class="title textOver">{{ item.title }}</el-col>
-            <el-col :span="3" class="date">
-              {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
-            </el-col>
-          </li>
-        </ul>
-        <el-col class="page" :span="24">
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            layout="total,  prev, pager, next, jumper"
-            :total="total"
-          >
-          </el-pagination>
+      <el-col :span="24" class="linkList">
+        <el-col :span="4" v-for="(item, index) in linkList" :key="index" class="listSize">
+          <el-link :underline="false" :href="item.url" target="_blank">
+            <el-image style="width:130px;height:160px;" :src="item.pic"></el-image>
+          </el-link>
         </el-col>
       </el-col>
-    </el-col>
+    </el-row>
   </div>
 </template>
 
@@ -39,6 +48,32 @@ export default {
   components: {},
   data: () => ({
     currentPage: 1,
+    linkList: [
+      {
+        url: '',
+        pic: require('@/assets/dian1.jpg'),
+      },
+      {
+        url: '',
+        pic: require('@/assets/dian2.jpg'),
+      },
+      {
+        url: '',
+        pic: require('@/assets/dian3.jpg'),
+      },
+      {
+        url: '',
+        pic: require('@/assets/dian4.jpg'),
+      },
+      {
+        url: '',
+        pic: require('@/assets/dian5.jpg'),
+      },
+      {
+        url: '',
+        pic: require('@/assets/dian6.jpg'),
+      },
+    ],
   }),
   created() {},
   computed: {},
@@ -63,9 +98,10 @@ li {
   color: #a8abb7;
 }
 .zhengce {
-  height: 660px;
-  padding: 20px;
-  overflow: hidden;
+  height: 620px;
+  padding: 20px 20px 0 20px;
+  background-color: #fff;
+  margin: 0 0 20px 0;
 }
 .topTitle {
   font-size: 22px;
@@ -73,11 +109,11 @@ li {
   margin: 0 0 20px 0;
 }
 .info {
-  height: 570px;
+  height: 550px;
   overflow: hidden;
 }
 .info ul {
-  height: 510px;
+  height: 498px;
   overflow: hidden;
   padding: 0 0 0 20px;
 }
@@ -108,4 +144,14 @@ li {
   padding: 11px 0;
   text-align: center;
 }
+.linkList {
+  height: 160px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.listSize {
+  width: 130px;
+  height: 160px;
+  margin: 0 14px;
+}
 </style>