添加图片

src/views/Home.vue

@@ -1,5 +1,10 @@
 <template>
   <div class="home">
+    <div class="listBox">
+      <a class="hf" href="http://www.gov.cn/zhuanti/zggcddescqgdbdh/index.htm">
+        <img src="../assets/hf.jpg" class="hfimg">
+      </a>
+    </div>
     <div class="listBox">
       <banner class="lists"></banner>
       <threeList parentCode="02" class="listItem" :imgUrl="newsImgUrl" :data="news" :isImg="false" title="社科要闻" code="02"></threeList>
@@ -174,6 +179,13 @@ export default {
     .listItem {
       margin: 0 0.5%;
     }
+    .hf {
+      display: block;
+      width: 100%;
+      .hfimg {
+        width: 100%;
+      }
+    }
   }
   .links {
     width: 68%;